body { background: #adc6f5 url(../images/layout/body.gif) top repeat-x; font-family: Arial, Helvetica, sans-serif; }

#container {  width: 960px;  margin: 0 auto; }


/* =Header 
----------------------------------------------- */
#header { background: url(../images/layout/header.jpg) no-repeat; width: 960px; height: 230px; position: relative; }
	#header h1 a { display: block; width: 350px; height: 190px; text-indent: -5000px; }
	#header p { position: absolute; right: 20px; top: 28px; font-size: 14px; line-height: 1.6; }
	#header ul { background: url(../images/layout/main_nav.gif) bottom repeat-x; height: 40px; position: absolute; left: 0; bottom: 0; width: 930px; padding: 20px 0 0 30px; }
	#header ul li { display: block; float: left; }
	#header ul li a { font-size: 17px; color: #fff; text-decoration: none; height: 60px; padding: 20px 30px; position: relative; }	
	/*#header ul li a:hover, #header ul li a.active { background: url(../images/layout/main_nav_hover.gif) top repeat-x; }*/
	body#pageHome li.home a, body#pageServices li.services a, body#pageAbout li.about a, body#pageOurwork li.ourwork a, body#pageFaq li.faq a, body#pageTestimonials li.testimonials a, body#pageContact li.contact a { background: url(../images/layout/main_nav_hover.gif) top repeat-x; }
	li.home a:hover, li.services a:hover, li.about a:hover, li.ourwork a:hover, li.faq a:hover, li.testimonials a:hover, li.contact a:hover { background: url(../images/layout/main_nav_hover.gif) top repeat-x; }	
	


/* =Content 
----------------------------------------------- */
#content { background: #fff url(../images/layout/content.gif) top no-repeat; padding-top: 18px; }
#content-inner { background: #fff url(../images/layout/content_inner.gif) bottom repeat-x; padding-bottom: 55px; }

		.main-content { margin-left: 20px; width: 600px; float: left; }
		.main-content #categories { position: relative; margin: 0 -25px 35px -20px; }
		.main-content #categories li { width: 213px; float: left; margin-right: 1px; }
		.main-content #categories li h3 { padding: 22px 0 12px 0; font-size: 16px; text-indent: 20px; }
		.main-content #categories li.item-1 span { color: #3063c7; }
		.main-content #categories li.item-2 span { color: #ed1f24; }
		.main-content #categories li.item-3 span { color: #1b2564; }
		
		.main-content h2,.sidebar #blog h2, #vid h2, #upper-footer .main-content h3 { font-size: 20px; color: #ed1f24; margin-bottom: 12px; }
		.main-content h2 span,.sidebar #blog h2 span { color: #000; }
		.main-content p { font-size: 12px; line-height: 1.5; margin-bottom: 8px; }
		.main-content p strong { font-weight:bold;}		
		.main-content p a { color: #ed1f24; text-decoration: none; }
		.main-content p a:hover {text-decoration:underline;}
		
		.main-content .block { padding-bottom: 6px; margin-bottom: 20px; /* border-bottom: 1px solid #648ad5;*/ }
		.main-content .block.services ul { float: right; width: 280px; margin-left: 25px; margin-bottom: 20px;}
		.main-content .block.services ul li { font-size: 14px; padding: 8px 0; border-bottom: 1px solid #e5e5e5; background: url(../images/layout/services_bullet.gif) left no-repeat; padding-left: 30px; }
		.main-content .block.services ul li a { text-decoration:none; color:#000000;}
		.main-content .block.services ul li a:hover { text-decoration:underline; color:#000000;}
		.main-content .block.services ul li.title {
		background: none; font-size: 20px; border: 0; padding: 8px 0;
		}
		
		
		.main-content .interior { padding-bottom: 6px; margin-bottom: 20px; margin-top: 40px;  }
		.main-content .interior ul { margin-left:12px;}
		.main-content .interior ul li { font-size: 12px; padding: 4px 0; list-style-type:disc; padding-left:5px; }
		.main-content .interior li a { text-decoration:none; color:#000000;}
		.main-content .interior ul li a:hover { text-decoration:underline; color:#000000;}	
		
		.main-content .interior .wrap{width: 600px; margin:0 auto; display:block; margin-bottom: 15px;}
		.main-content .interior .gal-wrap{width: 600px; margin:0 auto; display:block; margin-bottom: 15px; text-align:center;}
		.main-content .interior .gal-wrap img{ margin-right: 3px; padding:5px; border:solid 1px #907053;}
		
		.main-content .block gallery .wrap{width: 600px; margin:0 auto; display:block; margin-bottom: 15px;}
		.main-content .block gallery .gal-wrap{width: 600px; margin:0 auto; display:block; margin-bottom: 15px; text-align:center;}
		.main-content .block gallery .gal-wrap img{ }
		
		.finished img { padding-right:6px; margin-bottom: 15px;}		
		
		.main-content .interior .photo {margin-bottom:10px;}
		
		#interiornav{padding:20px 0px 5px 0px;}
		#interiornav ul {font-family:Arial, Helvetica, sans-serif;
		display:inline;
		font-size:13px;
		color:#000000;
		font-weight:normal;
		padding:0px;
		margin: 0px;
		line-height:1.5;
		list-style:none;
		}
	
		#interiornav li {display:inline;}
		#interiornav ul a {color:#000000; text-decoration:none;}
		#interiornav ul a:hover {color:#4873c8; text-decoration:none;}			
		
		.main-content .block.gallery ul li { width: 187px; float: left; margin: 0 19px 11px 0; }
		.main-content .block.gallery ul li.last-row-item { margin-right: 0; }
		.main-content .block.gallery p.view-more { text-align: right; }
		
		.main-content .block.testimonials { padding-bottom: 0; margin-bottom: 0; border: none; }
		.main-content .block.testimonials ul li { width: 280px; float: left; margin: 0 30px 20px 0; }
		.main-content .block.testimonials ul li.last-row-item { margin-right: 0; }
		.main-content .block.testimonials ul li p strong { display: block; text-align: right; }


	.sidebar { width: 320px; float: right; }
		.sidebar form fieldset { background: url(../images/layout/sidebar_form.gif) top repeat-x; height: 380px; position: relative; padding: 24px 0 0 20px; margin-bottom: 60px; }
		.sidebar form fieldset h2 { font-size: 20px; margin-bottom: 10px; color: #1b2564; }
		.sidebar form fieldset label { font-size: 12px; display: block; color: #1b2564; margin-bottom: 3px; margin-top:10px; }
		.sidebar form fieldset .input-text { margin-bottom: 10px; width: 274px; padding: 2px; border: 1px solid #c5b69f; font-size: 12px; }
		.sidebar form fieldset textarea { height: 66px; width: 274px; padding: 2px; margin-bottom: 10px; border: 1px solid #c5b69f; font: 12px Arial, Helvetica, sans-serif; }
		.sidebar form fieldset .input-button { background: url(../images/layout/form_submit.gif) no-repeat; width: 270px; height: 36px; border: none; cursor: pointer; margin-top:10px; text-indent: -9999px; }
		.sidebar form fieldset .input-button:hover { background-position: right; }
		
		.sidebar #blog { width: 270px; margin: 0 auto; font-size: 12px; }
		.sidebar #blog h3 a { display: block; color: #ed1f24; text-decoration: none; margin-bottom: 0px; padding:0px; }
		.sidebar #blog h3 a:hover { text-decoration: underline; }		
		.sidebar #blog .post { margin-bottom: 15px; }
		.sidebar #blog .post p { font-size: 12px; line-height: 1.5; }
		.sidebar #blog h2 { position: relative; }
		.sidebar #blog h2 img { position: absolute; right: -15px; top: 0; }
		
		.sidebar #vid { width: 270px; margin: 0 auto; margin-bottom:30px; font-size: 12px; }
		.sidebar #vid h3 a { display: block; color: #ed1f24; text-decoration: none; margin-bottom: 0px; padding:0px; }
		.sidebar #vid h3 a:hover { text-decoration: underline; }	
		.sidebar #vid h2 { position: relative; }
		.sidebar #vid h2 img { position: absolute; right: -15px; top: 0; }		


/* =Upper Footer 
----------------------------------------------- */
#upper-footer { background: #fff; border-top: 1px solid #648ad5; }
	#upper-footer .main-content { width: 530px; padding: 35px 30px 10px 20px; border-right: 1px solid #648ad5; margin-left: 0; }
	#upper-footer .main-content h3 { color: #000; }
	#upper-footer .main-content p { margin-bottom: 15px; }
	#upper-footer .sidebar { padding-top: 35px; width: 379px; }
	#upper-footer .sidebar ul { margin-bottom: 30px; padding-bottom: 20px;  padding-left: 30px; border-bottom: 1px solid #648ad5;  }
	#upper-footer .sidebar ul li a { font-size: 14px; text-decoration: none; color: #1b2564; line-height: 1.8; }
	#upper-footer .sidebar ul li a:hover { text-decoration: underline;}	
	#upper-footer .sidebar p { font-size: 12px; margin-bottom:10px; line-height: 1.4; padding-left: 30px; }
	#upper-footer .sidebar p a { color: #ed1f24; text-decoration: none; }
	#upper-footer .sidebar p a:hover { text-decoration: underline; }	
	#upper-footer .sidebar h3 { font-size: 24px; margin-bottom: 12px; color: #ed1f24; padding-left: 30px;}


/* =Footer 
----------------------------------------------- */
#footer { background: #4873c8; padding: 15px 30px; font-size: 12px; color: #fff; position: relative; }
	#footer a { color: #fff; text-decoration: underline; position: absolute; right: 30px; top: 15px; }
	#footer a:hover { text-decoration: none;}	
	
		#bottomlinks { font-size:10px;
	text-align:center;
	margin-top:20px;
	}
	
	#bottomlinks a {
	color: #ed1f24;
	}	
	
/* Global Tables */

.type table {
margin-bottom: 10px;
}
.type table td {
border: solid 1px #ccc;
}
.type table td strong {
font-weight: bold;
}
.type table td.col1 {
width: 30%;
}
.type table td, table th {
font-size:12px;
}
.type table th {
font-weight: bold;
}
.type table td {
padding: 3px;
}


/* =Slider
----------------------------------------------- */
#slideshow {left:-20px;}
#slider { }
	.scroll {  /*height:150px;*/ width: 636px; overflow: auto; overflow-x: hidden; position: relative; clear: left; }
	.scrollButtons { display: none; }
	.hide { display: none; }


.main-content #slideshow { position:relative; width:636px; height:376px; float:left; border:2px solid #32409a; margin: 0 15px 60px 0}
	
	.main-content #slideshow .slideshow-nav { position:absolute; bottom:0px; background:url(../images/layout/slideshow_nav_bg.png) repeat-x; height:40px; width:636px; display:inline}
	.main-content #slideshow .slideshow-nav li { float:left; text-align:center}
	.main-content #slideshow .slideshow-nav li a { display:block; padding:11px 32px 11px 32px; font-size: 16px; color:#5f6cc0; text-decoration:none;}
	.main-content #slideshow .slideshow-nav li a.last-item { padding-right:2px}
	.main-content #slideshow .slideshow-nav li a:hover, .main-content #slideshow .slideshow-nav li a.current { color:#fff}
		ul#output {
			width: 636px;
			height: 376px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			padding:0 25px 0 0; width: 665px
		 
		}