/*

Site: CMC Contruction
Design: Brandi Lalanne for Schipul
Build: Brandi Lalanne for Schipul
URI: www.cmc.com

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tfoot, thead, th {
margin:0px;
padding:0px;
} 

p { margin-bottom: 8px; color:#575757;}

body {
	font: 12px Helvetica, Arial, sans-serif;
	color: #575757;
	background: #D1D1D3 url(/images/home/body-bg.jpg) repeat-x top center;
	}

img a {border: none;}

ul, ol { margin: 1em 0; padding-left: 2.5em; line-height: 1.3em;}
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 { font-weight: bold; margin: 8px 0 2px 0; margint- } 

h1 { font-size: 18px; font-weight: bold; color: #113b98; margin-bottom: 15px; }
h2 { font-size: 14px; font-weight: bold; color: #333; margin-top: 20px; }
h2 a { font-size: 14px; font-weight: bold; color: #333; }
h3 { font-size: 12px; font-weight: bold; color: #333; }

a { color: #113b98; outline:none;}
a:hover, .links:hover { color: #19334E; text-decoration:none}

#bodycontent a {color:  #113b98; text-decoration: underline; outline:none}
#bodycontent ul {margin-left: 20px;}
#bodycontent img {margin: 0 10px 10px 0; border: none; }
#bodycontent a:hover{ color: #19334E; text-decoration:none }


.clear {height:0; clear:both; margin:0; padding:0}


/******************STRUCTURE************************/

#wrapping {width:950px; margin:0 auto 20px auto}

	#nav {width: 950px; height:70px; background:url(../images/home/nav-bg.png) top left repeat; display:block; position: relative; z-index:1500}
	
	#nav-template {width: 950px; height:70px; background:#033568; display:block; position: absolute; top: 0; z-index:1500}


		h1#logo a {display:block; height: 70px; width: 186px; background:url(../images/home/logo.png) top left no-repeat; 
		float:left; text-indent:-9999px;}
		
		h1#logo { margin:0; padding:0}
		
		#utility {line-height:30px; height:30px; text-align:right; color:#FFF; width: 750px; float:left}
		
		#search {width: 136px; position: absolute; height: 23px; top: 29px; right: 18px; }

	#story-img {width: 950px; height: 494px; position:relative; overflow:hidden !important}
	
	#rotator {width: 950px; height:127px; background:url(/images/home/rotator-bg.png) top left repeat; position: relative; 
	z-index: 999; margin-top:-126px; display:block}

		/*Carousel --- */
		#port-left {background:url(/images/home/port-left.png) top left no-repeat; width: 19px; height:127px; 
		float:left; cursor:pointer;}
		#port-right {background:url(/images/home/port-right.png) top left no-repeat; width: 19px; height:127px; 
		float:right;cursor:pointer;}
		
		
		div.thumbnails {float: left; width: 910px!important;}
		.thumbnails li {list-style:none;list-style-type:none;width: 910px;display:block;height: 109px;float: left; padding-top:10px}
		.thumbnails li img {width: 406px; height: 91px; margin:10px 0 0 0; float:right}		
		.thumbnails h2 a, .thumbnails h2 {font-size: 24px;clear:both; margin: 10px 0 5px 0!important; color: #f4d422 !important; 
		width: 470px; float:left}
		.thumbnails ul {margin:0;padding:0; width: 910px;}
		.thumbnails ul li a {color: #f4d422;}
		.thumbnails p {display:block; width: 470px; margin: 0; color:#FFF; float:left}
		
		.thumbnails .txt-story {width: 470px; float:left; margin:0; padding:0; color:#fff;}
		
	#wrapping #content {width: 914px; clear:both; background: #FFF; padding: 18px }
		
			 #content .left {width: 554px; float:left;}
			 #content .left h4, #btm h4 {font-size:16px; color:#575757; margin-bottom:5px}
			 
			 	#content .left h3#title {width: 550px; height:24px; border-bottom: 1px solid #c3c3bc; text-indent:-9999px; 
				margin-bottom: 13px; padding:0}
				
					.product-title {background: url(/images/home/title-products.jpg) top left no-repeat}
					.rental-title {background: url(/images/home/title-rental.jpg) top left no-repeat; margin-top:10px}
					.sheplers-title {background: url(/images/home/title-sheplers.jpg) top left no-repeat; margin-top:10px}
					
				 #content .left a.gray-btn {width: 228px; height: 32px; line-height: 32px; display:block; 
				 background:url(/images/home/btn-gray.jpg) top left no-repeat; padding: 0 0 0 10px; margin: 10px 0; 
				 color:#FFF; text-decoration:none}
				 
				 #content .left a.gray-btn:hover, a.gray-btn-small:hover {color:#333}
	
			
			#content .right {width: 313px; background: #E9E9DF; float:right; padding: 0 11px}
			
				h3#quote-title {display:block; height: 35px; width: 200px; 
				background:url(/images/home/title-quote.jpg) top left no-repeat; text-indent:-9999px}

					.contact-home #firstname, .contact-home #lastname, 
					.contact-home #email, .contact-home #phone, 
					.contact-home #contactnotes {
					border:1px solid #B0AEAF;
					color:#585858;
					height:15px;
					margin:0 0 8px;
					padding:4px 0;
					width:243px;
					line-height:15px;
					float:right
					}
			
					.contact-home #contactnotes {
					height:56px;width:309px;
					}
					.contact-home .submit {float:right}

					.contact-template #firstname, .contact-template #lastname, 
					.contact-template #email, .contact-template #phone, 
					.contact-template #contactnotes {
					border:1px solid #B0AEAF;
					color:#585858;
					height:15px;
					margin:0 0 8px;
					padding:4px 0;
					width:252px;
					line-height:15px;
					float:right
					}
			
					.contact-template #contactnotes {
					height:56px;width:252px;
					}
					.contact-template .submit {float:right}
					
				h3#locations-title {display:block; height: 35px; width: 313px; 
				background:url(/images/home/title-locations.jpg) top left no-repeat; text-indent:-9999px}
			
		
			#btm {width: 914px; clear:both;}
			
			#btm h3#connect-title {width: 914px; height:24px; border-bottom: 1px solid #c3c3bc; text-indent:-9999px; 
				margin-bottom: 13px; padding:0; background:url(../images/home/title-connected.jpg) top left no-repeat}
			
				#btm .featured-video {width: 275px; float:left; margin-right: 29px}
				
				#btm .photo-feed {width:330px; float:left}
					.rssitem h2 a{margin:0; font-size:12px; text-decoration:none}
					.rssitem h2 {margin:0; font-size:12px; font-weight:normal}
				
				#btm .bottom-blog {width: 261px; float:right; background: none!important; padding:0}

/* FLICKR PHOTOS */
#latest-flickr-photos ul { list-style: none; margin: 0; padding: 0; }
#latest-flickr-photos ul li { float: left; }
#latest-flickr-photos ul li a { display: block; width: 75px; height: 75px; margin: 0 6px 6px 0; }


			#blue-footer-area {width:910px; margin:0 auto; background: #163D68; padding: 28px 20px 20px 20px; color:#FFF; clear:both}
			
				#blue-footer-area h4 {color:#FFF; font-size:16px; font-weight:normal}
				
				#blue-footer-area p {color:#FFF}
				
				#blue-footer-area ul {list-style:none; margin:0; padding:0}
				
				#blue-footer-area ul li a {display:block; height:26px; line-height:26px; border-bottom: 1px solid #526C8D; 
				color:#BFBAB7; text-decoration:none}
				
				#blue-footer-area ul li a:hover {color:#FFF; background: #19334E} 
				
				#blue-footer-area .foot-left {width:270px; margin: 0 26px 0 0; float:left}
				
				a.gray-btn-small {width: 128px; height: 32px; line-height: 32px; display:block; 
				 background:url(/images/home/btn-gray-small.jpg) top left no-repeat; padding: 0 0 0 10px; margin: 5px 0; 
				 color:#FFF; text-decoration:none}
				 
				 #blue-footer-area .foot-products{width: 222px; float:left; margin-right:23px}
				 
				 	 #blue-footer-area .foot-products h3 {text-indent:-9999px; height: 27px; width:222px; 
					 background:url(../images/home/title-products-footer.jpg) top left no-repeat;}
				
				#blue-footer-area .foot-rentals {width: 156px; float:left; margin-right:23px}
					 
					 #blue-footer-area .foot-rentals h3 {text-indent:-9999px; height: 27px; width:156px; 
					 background:url(../images/home/title-rentals.jpg) top left no-repeat;}
					 
				#blue-footer-area .foot-quick {width: 190px; float:right;}
					
					#blue-footer-area .foot-quick h3 {text-indent:-9999px; height: 27px; width:190px; 
					 background:url(../images/home/title-quick.jpg) top left no-repeat;}
					 
				#footer-schipul, #footer-schipul a {color: #526C8D}


/***** TEMPLATE****/
#template-wrapping {width:950px; margin:0 auto 20px auto}

#template-wrapping #content-template {width: 914px; clear:both; background: #FFF; padding: 88px 18px 18px 18px }

	.temp-content-left {width: 617px; float:left;}
	#bodycontent {width: 617px !important; float:left;}
	
	.temp-content-right {width: 255px; background: #E9E9DF; float:right; padding: 0 11px}
	
		h3#search-title {display:block; height: 35px; width: 260px; 
				background:url(/images/home/title-search.jpg) bottom left no-repeat; text-indent:-9999px}
				
				#content-template .temp-content-right ul {list-style: none; margin:0; padding:0 }
				
				#content-template .temp-content-right ul li a { background:url(../images/home/arrow-blue.jpg) top left no-repeat; color:#575757; text-decoration:none; padding-left: 12px}
				
				#content-template .temp-content-right ul li {padding-bottom: 7px}
				
				#content-template .temp-content-right ul li a:hover {text-decoration:underline}
				

/* = TENDENCI STYLES ****************************************************************************************/

.titles {  font-size: 18px; font-weight: bold; }
.subtitles {  font-size: 14px; font-weight: bold; color: #666666;}
.currency {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {  font-weight: bold; text-decoration: none; text-transform:uppercase;}
.bold_body_copy_blue { font-size: 11px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy {  font-size: 14px; text-decoration: none}
.copyright {  font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs {  font-size: 10px; color: #999999}
.body_copy_alerts { font-size: 12px; color: #FF0000}
.body_copy_invert { font-size: 12px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-size: 12px; font-style: normal; color: #000000}
.reports {  font-size: 12px; color: #000000; text-decoration: none}
.reports_big_body_copy {font-size: 12px; color: #000000; text-decoration: none }
.reports_subtitles { font-size: 14px; font-weight: bold; color: #000000}
.reports_titles { font-size: 18px; font-weight: bold; color: #000000}
/*