/* CSS - Blue Coral Interiors */

/* reset */
	html, body, div, span, object, iframe, img, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}

/* general */
	strong {font-weight: bold;}
	em {font-style: italic;}
	.left {float: left;margin-right: 1em;}
	.right {float: right;margin-left: 1em;}
	.center {text-align: center;}
	.clear {clear: both;}
	.hide {display: none;}
	.show {display: block;}
	body {font-size: 12px; background: #C9D8DF url(images/bg.jpg) repeat-x; font-family: Verdana, Helvetica, Arial, Sans-Serif; }
	a {color: #e4882e;}
	a:hover {text-decoration: none;}	

/* basic */
	#mainContainer, #headerContainer, #bodyContainer {clear: both; width: 1010px; margin: 0 auto;}
	#inside #mainContainer, #inside #headerContainer, #inside #bodyContainer {clear: both; width: 973px; margin: 0 auto;}
	
/* header */
	#headerContainer {position: relative; background: url(images/hero.jpg) no-repeat 0 106px;; height: 712px;}
		#inside #headerContainer {height: 120px; background: none;}
	#headerLogo h1 {text-indent: -9999px;margin: 0;}
	#headerLogo a {display: block; position: absolute; width: 265px; height: 120px; float: left; background: url(images/bluecoral.jpg) no-repeat; left: 8px;}
	#headerNav {float: right; width: 720px; padding-top: 86px;}
		#inside #headerNav {width: 700px;}
	#headerNav li {list-style: none; display: inline; letter-spacing: .08em;}
	#headerNav li a {text-transform: uppercase; color: #6793a1; text-decoration: none; font-size: 14px;padding: 0 10px 10px 10px; margin-right: -3px;}
	#headerNav .home a {border-bottom: 2px solid #91b6b5;}
	#headerNav .work a {border-bottom: 2px solid #629a98;}
	#headerNav .about a {border-bottom: 2px solid #4d8886;}
	#headerNav .services a {border-bottom: 2px solid #366967;}
	#headerNav .blog a {border-bottom: 2px solid #265351;}
	#headerNav .portfolio a {border-bottom: 2px solid #193e3d;}
	#headerNav .contact a {border-bottom: 2px solid #0c2827;}
	#headerNav li a:hover {border-bottom: 2px solid #fff; color: #fff;}

/* body */
	#bodyContainer {padding-bottom: 20px; }
		#inside #bodyContainer {background: url(images/bodybg.jpg) repeat-y;}
		#inside #bodyTop {background: url(images/bodytop.jpg) no-repeat; min-height: 652px;}
	#bodyContainer #bodyParent {background: url(images/homebodymiddle.jpg) repeat-y;}
	#bodyContainer #bodyWrapper {background: url(images/homebodybottom.jpg) no-repeat bottom; padding-bottom: 20px; *padding-bottom: 0px; margin-bottom: 10px;}
	#bodyContainer #bodyParent p {*padding-bottom: 5px;}
	#bodyContainer #bodyContent {background: url(images/homebodytop.jpg) no-repeat top; min-height: 20px; padding: 20px 50px;font-size: 14px; color: #375f6b;}
		#inside #bodyContent {background: none; width: 671px; padding-left: 26px;}
		#inside #bodyContent h1 {font-size: 22px; font-family: Georgia, Times, "Times New Roman", serif; color: #375964; font-weight: normal; letter-spacing: .08em; text-transform: uppercase;}
		#inside #bodyContent h2 {font-size: 17px; color: #c97218; font-weight: normal;}
		#inside #heroMessage {background: #6793a1; padding: 20px; width: 631px;}
		#inside #bodyContent #heroMessage h2 {font-size: 36px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-weight: normal; margin: 0; color: #fff; text-transform: uppercase; letter-spacing: .15em;}
		.inside #bodyContent li {list-style: none; margin-bottom: 10px; background: url(images/coralbullet.png) no-repeat; padding-left: 35px;}
		#inside #bodyContent li h2 {margin-bottom: 0;}
		
	#boxes .box {height: 157px; float: left;}
	#boxes .box img {border: 2px solid #6793a1;}
	#boxes .box {color: #fff;}
	#boxes #workbox {width: 291px; padding: 50px 10px 10px 30px;background: url(images/workbox.jpg) no-repeat;}
	#boxes #workbox .textElement {padding-right: 10px;}
	#boxes #servicesbox {width: 284px; padding: 50px 10px 10px 28px; background: url(images/servicesbox.jpg) no-repeat; position: relative; left: -5px;}
	#boxes #portfoliobox {width: 290px; padding: 50px 15px 10px 28px; background: url(images/portfoliobox.jpg) no-repeat;}
	#leftCol {float: left; width: 706px;}
	#rightCol {float: right; width: 236px; padding-right: 12px; padding-top: 50px;}
	#rightCol #testimonials {background: url(images/testimonialsbox.jpg) no-repeat; height: 235px; width: 216px; padding: 10px;}
	#rightCol #testimonials blockquote {margin: 0; padding: 0 10px; font-size: 10px; color: #4b7887;}
	#rightCol #testimonials h2 {font-size: 11px; font-family: Georgia, Times, "Times New Roman", serif; font-weight: normal; text-transform: uppercase; margin: 0 0 10px 0; color: #4b7887; letter-spacing: .1em;}
	#rightCol #testimonials em {float: right; clear: both; font-size: 10px;}
#quoteForm .textField {width: 232px; height: 26px; background: url(images/textbox.jpg) no-repeat; border: 0; margin-bottom: -20px;}
#quoteForm textarea.textField {background: url(images/msgbox.jpg) no-repeat; height: 96px;}
#quoteForm label {margin-bottom: -5px;}
#quoteForm .submitButton {width: 66px; height: 23px; border: 0; text-indent: -9999px; font-size: 0; background: url(images/sendbutton.jpg) no-repeat;}
#quoteForm .formHeader {display: none;}
	#bodyCopy {padding: 0 20px;}
#bodyCopy ul li {margin-left: -29px; padding-left: 30px!important;}
/* footer */
	#footerContainer {background: #6793A1; clear: both; width: 100%; min-height: 100px;}
	#footerContent {width: 960px; margin: 0 auto; text-align: center; padding: 20px 0; color: #fff;}
	#footerContent .footerNav {display: block; height: 13px; overflow: hidden;}
	#footerContent .footerNav li {display: inline; list-style: none; margin-right: 10px; padding-right: 10px; border-right: 1px solid #fff; }
	#footerContent .footerNav li a {color: #fff; text-transform: uppercase; text-decoration: none; position: relative; top: -1px;}
	#footerContent .social {padding-left: 220px;}
	#footerContent .social li {display: inline; float: left; list-style: none;}
	#footerContent .social .twitter {padding-right: 280px;}
	#footerContent .social .facebook {padding-right: 250px;}