
@font-face {
	font-family: 'AlternateGothicNo3DRegular';
	src: url('http://www.shoutmktg.com/_fonts/alternategotno3d-webfont.eot');
	src: local('-'), url('http://www.shoutmktg.com/_fonts/alternategotno3d-webfont.woff') format('woff'), url('http://www.shoutmktg.com/_fonts/alternategotno3d-webfont.ttf') format('truetype'), url('http://www.shoutmktg.com/_fonts/alternategotno3d-webfont.svg#webfontt92k8a15') format('svg');
	font-weight: normal;
	font-style: normal;
}


html {	height: 100%; }


body {	padding: 0px; margin: 0px; background-color: #B5121B; font-family: Trebuchet MS, MS Trebuchet, Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size: 13px;
		background-image: url(http://www.shoutmktg.com/_images/background-tile.gif); background-repeat: repeat-y; background-position:center;  height: 100%; }
a {	font-size: 13px;  color: #c1262d; text-decoration: underline; }
a:hover {	color: #c1262d; text-decoration: none; }
li {	margin-bottom: 10px; }
.indented {	margin-left: 25px; text-indent: 0em; }
h1 {	font-size: 25px; line-height: 30px; text-align: left; }
.indented {	margin-top:  15px; }


img {	border: 0; }
div.clear, br.clearfix {	clear: both; height: 0; font-size: 1px; line-height: 0px;	}


/* *********************************************  */

.formError, .errorMsg {	text-align: center; color: #c1262d; padding-left: 6px; padding-right: 6px; font-weight: bold; }
.required {	font-family: Arial, Helvetica, sans-serif; font-size: 19px; font-weight: bold; color: #4CA943; padding-right: 3px; position: relative; top: 4px; }	
.note {	font-size: 13px; line-height: 15px; }
.bigBold {	font-size: 14px;  font-weight: bold; }
.biggerBold {	font-size: 17px;  font-weight: bold; }
.biggestBold {	font-size: 20px;  font-weight: bold; }
.alert {	font-size: 13px; font-weight: bold; color: red; text-align: center; }
 
/* *********************************************  */

.mainContainer {	position: relative; width: 950px; margin-left: auto; margin-right: auto; height: 100%; }
.mainContent {	position: relative; margin-left: 71px; z-index: 3; width: 704px; background-color: #ffffff;; padding: 0px 50px 30px 50px; padding-bottom: 30px; vertical-align: top; }
.backgroundOverlay {	background-image: url(http://www.shoutmktg.com/_images/background-tile-overlay.gif); width: 950px; height: 100%; position: absolute;  z-index: 1; }
.topBanner {	z-index: 5; position: relative; left: 4px; }
div.freeWebsiteTabLink {	position: absolute; top: 230px; left: 840px; width: 109px; height: 126px; z-index: 100; }
.bottomBanner {	position: relative; margin-left: 71px; z-index: 3; width: 804px; height: 37px; background-image: url(http://www.shoutmktg.com/_images/background-bottom_banner_tile.gif); text-align: center; vertical-align: middle; color: #222222; font-size: 11px; }
.bottomBanner a {	color: #B5121B; font-weight: bold; text-decoration: none; font-size: 11px; }
.bottomBanner a:hover {	text-decoration: underline; font-size: 11px; }
div.footerLinks {	float: left; padding-top: 10px; padding-left: 20px; }
div.footerAddresses {	float: left; font-size: 11px; padding-left: 30px; padding-top: 6px; line-height: 13px; }
.twoColumn1, .twoColumn2 {	float: left; text-align: justify; border: 0px solid #000000; }
.twoColumn1 {	padding-right: 20px; }
.twoColumn2 {	padding-left: 20px; }
.flashVideoContainer {	margin: auto; width: 320px; height: 290px; }
.flashPortfolioVideoContainer {	margin: auto; width: 448px; height: 406px; }
.flashProfileContainer {	width: 520px; height: 355px; position: absolute; top: 0px; left: -25px; z-index: -1; }
.preloader {	width: 0px; height: 0px; position: absolute; left: -1000px; top: 0px; visibility: hidden; }
.portfolioClientName {	color: #000000;; font-weight: bold; text-transform: uppercase; font-size: 11px; }
.portfolioSeparator {	font-weight: bold; color: #000000;; font-size: 16px; }
.portfolioCategoryName {	color: #999999; font-weight: bold; font-size: 11px; }

div.portfolioLeft {	 float: left; }
div.portfolioCategoriesHeader {	width: 509px; text-align: center; margin-bottom: 15px;	}
div.portfolioCategoriesHeader a {	margin-left: 0px;	}
div.portfolioSelectedPieceImage {	width: 509px;  text-align: center; margin-bottom: 15px; margin-right: 15px;	}	/*	height: 354px;	*/
div.portfolioLeft div.thumbnails {	height: 59px; text-align: center; 	}
div.portfolioLeft div.thumbnails img {	padding-right: 15px; vertical-align: middle;	}
div.portfolioSelectedPieceDescription {	width: 170px; float: left;	}
div.portfolioSelectedPieceDescription  h2 {	color: #000000;; font-size: 20px; line-height: 18px; font-family: AlternateGothicNo3DRegular, Trebuchet MS, MS Trebuchet, Verdana, Arial, Helvetica, sans-serif;	}
div.portfolioSelectedPieceDescription  h3 {	font-size: 14px; line-height: 15px; text-transform: uppercase;	}

/* *********************************************  */

.line {	border-bottom: 2px solid #999999; height: 2px; margin:  10px 0px; }
.boldRed {	font-weight: bold; color: #c1262d; }
.boldGrey {	font-weight: bold; color: #666666; }
.centerDiv {	text-align: center; font-size: inherit; margin: auto; }
.tabDiv {	padding-left: 25px; }

/* *********************************************  */

.messageBox {	display: table; margin: auto; border: 2px solid #2162AF; background-color: #91D6F6; color: #2162AF; padding: 10px; font-size: 18px; font-weight: bold; margin-bottom: 30px; line-height: 30px; }
.messageBox a {	color: #FFFFFF; font-size: 18px; font-weight: bold; }
.mandatoryStar {	font-family: "Arial Black"; color: #c1262d; font-size: 17px; position: relative; top: 2px; padding-right: 4px;	}

/* *********************************************  */

input, textarea  {	font-family: Trebuchet MS, MS Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; background-color: #666666; color: #ffffff;; font-weight: bold; border: none; padding: 2px 5px; }
.formElementContainer {	background-color: #4d4d4d; color: #ffffff;; font-weight: bold; padding: 5px 7px; margin: 10px 0px; }
.formTable {	margin: auto; border: 1px solid #dddddd; background-color: #eeeeee; padding: 3px; }
.formHeading { background-color: #2162AF; color: #91D6F6; font-weight: bold; padding: 3px 20px; text-align: left; border: 7px solid #eeeeee; }

/* *********************************************  */

input.freeWebQuoteFormCheckboxLeft {	display: inline; float: left; margin-left: 40px; background-color: #ffffff;	}
label.freeWebQuoteFormCheckboxLeft {	width: 120px;  padding-left: 15px; display: inline; text-align: left;	}
select.freeWebQuoteForm, textarea.freeWebQuoteForm {	background-color: #666666; color: #ffffff;; font-weight: bold;
														border: none; padding: 2px 5px; margin-left: 40px; font-family: Trebuchet MS, MS Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 13px;	}
input.freeWebQuoteForm, textarea.alignedForm {	width: 270px; display: block; margin-bottom: 15px; text-align: left; 	}
input.freeWebQuoteFormButton {	margin-left: 135px; display: block; margin-bottom: 15px;	}
label.freeWebQuoteForm {	width: 240px; float: left; padding-right: 15px; display: inline; text-align: right;	}
div.freeWebQuoteFormErrorMsg {	color: #c1262d; padding: 2px 10px; font-weight: bold;	}

/* *********************************************  */

.tdR, .tdL, .tdC, .tdJ, .tdRT, .tdLT, .tdCT, .tdJT, .tdRM, .tdLM, .tdCM, .tdJM, .tdRStripe, .tdLStripe, .tdCStripe, .tdJStripe, .tdRTStripe, .tdLTStripe, .tdCTStripe, .tdJTStripe,  .tdRMStripe, .tdLMStripe, .tdCMStripe, .tdJMStripe {	padding: 4px 14px; vertical-align: middle; }
.tdR, .tdRT, .tdRStripe, .tdRTStripe {	text-align: right; }
.tdL, .tdLT, .tdLStripe, .tdLTStripe {	text-align: left; }
.tdC, .tdCT, .tdCStripe, .tdCTStripe, .tdCM, .tdCMStripe {	text-align: center; }
.tdJ, .tdJT, .tdJStripe, .tdJTStripe {	text-align: justify; }
.tdRM, .tdRMStripe, .tdCM, .tdCMStripe {	vertical-align: middle; }
.tdRT, .tdRTStripe {	vertical-align: top; }
.tdLT, .tdLTStripe {	vertical-align: top; }
.tdRStripe, .tdLStripe, .tdCStripe, .tdRTStripe, .tdLTStripe, .tdCTStripe, .tdRMStripe, .tdRTStripe, .tdLTStripe, .tdCMStripe, .errorMsgStripe {	background-color: #dddddd; }




