body, html { margin:0px; padding:0px; background: url(../../media/images/bck.gif) repeat-y center #e9e9e9; }
body, textarea, td, tr, table, input, option { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 14px; font-spacing:0.5px; color:#444; }

a { text-decoration:none; color:#d50562; }
	a:hover { text-decoration:underline; }
	a.button, a.button-small { padding-right:10px; }
	a.button img { width:20px; vertical-align:middle; margin-right:3px; }
	a.button-small img { width:15px; vertical-align:middle; margin-right:3px; }
a.checkbox { color:#444; }
h1, h2, h3, h4 { margin: 0px; padding: 0px; }
h1 { font-size:24px; font-weight: normal; margin-bottom: 5px; }
h2 { font-size:21px; }
h3 { font-size:18px; }
h4 { font-size:16px; }

img { border:0px;  }
hr { border:0px; border-bottom:1px solid #ccc; }

ul, p { margin: 5px 0px 12px; padding: 0px; line-height: 1.4em; }
li { margin-left: 20px; margin-top: 2px; list-style: url(../../media/images/bullet_pink.png); }
li a { color: #444; }

div#container { position: relative; margin:0 auto; width:1000px; background: url(../../media/images/bowhouse_logo.gif) no-repeat; }

/* --------- HEADER --------- */

div#header { height: 240px; }
	div#header.home { background: url(../../media/images/home_header.gif) no-repeat; height: 710px; }
	
div#call { position: absolute; left: 102px; top: 70px; }
	div#call h5, div#call h3 { color: #FFFFFF; margin: 0px; font-weight: normal; line-height: 1em; }
	div#call h5 { font-size: 16px; }
	div#call h3 { font-size: 28px; }

div#nav { position: absolute; top: 45px; right: 30px; }
div#sub_nav { position: absolute; top: 85px; right: 40px; }
	div#nav ul, div#sub_nav ul { font-size:17px; }
	div#nav ul li, div#sub_nav ul li { list-style:none; float:left; margin: 0px; }
	div#nav ul li a { padding: 10px; }
	div#nav ul li a:hover, div#nav ul li a.active { color: #d50562; text-decoration:none; }
	div#nav ul li a.active { font-weight: bold; }
	div#sub_nav ul li a { padding: 5px 20px; background-color: #dff3fd; }
	div#sub_nav ul li a:hover { background-color: #c9ebfb; text-decoration: none; }
	div#sub_nav ul li a.active { background-color: #61c5f4; font-weight: bold; color: #FFFFFF; }
	
div#intro { position: absolute; top: 125px; right: 40px; text-align: right; width: 650px; }

div#banner { position: absolute; top: 113px; left: 37px; width: 927px; height: 252px; overflow: hidden; }	

/* --------- FOOTER --------- */

div#footer { background: url(../../media/images/footer.gif) no-repeat top; font-size: 12px; color: #FFFFFF; text-align: right; padding: 25px 50px 8px; margin-top: 20px; }
	div#footer a { color: #FFFFFF; }
	
/* --------- MAIN --------- */

div#content { width: 950px; margin: 0px auto; }
	
div#content .box { padding: 10px; margin: 10px; background: #FFFFFF; -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.2); -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; 
	-moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; position: relative; border: 1px solid #ddd; }
div#content .box.full { padding: 25px; }
	.single { width: 273px; float: left; }
	.double { width: 588px; float: left; }

div#content .text { margin: 10px 10px 0px; padding-top: 10px; }

/* --------- BOXES --------- */

div.folio { height: 200px; }
div.service { }
div.folio .img, div.service .img { height: 140px; background-color: #eeeeee; margin-bottom: 5px; overflow: hidden; }	
div.folio img, div.service img { }
div.folio h4, div.service h4 { font-weight: normal; }
div.folio h4 a, div.service h4 a { color: #444; }
div.folio p, div.service p { font-size: 12px; color: #999999; margin: 2px 0px; }	
div.folio p a { color: #d50562; font-weight: bold; font-size: 12px; }
div.news { height: 250px; }
div.news .snippet { position: absolute; top: 60px; height: 180px; overflow: hidden; width: 275px; }
div.news img { height: 170px; width: 140px; background-color: #eeeeee; margin: 10px 0px 0px 10px; float: right; }
div.news h3 { font-weight: normal; }

/* --------- PROJECT --------- */

div.project { width: 280px; margin-right: 15px; float: left; }
	div.project h1 { color: #d50562; }
	div.project h3 { background: #999999 url(../../media/images/button-overlay.png) repeat-x; margin: 20px 0px 10px; padding: 0px 5px; color: #FFFFFF; }
	
div.quote { margin-bottom: 20px; }
div.quote blockquote { margin: 0px; padding: 0px;}	
div.quote blockquote p { font-size: 14px; text-align: left; font-style: italic; }	
div.quote p { text-align: right; font-size: 12px; }	

#output { width: 480px; float: left; margin: 0px 15px; min-height: 480px; }
#output img { width: 470px; padding: 5px; background-color: #eeeeee; }

#thumbnails { float: left; width: 70px; }
a.thumbnail img { width: 70px; float: left; margin-bottom: 15px; }

div#content .other-projects { margin: 10px 10px 0px; padding-top: 10px; }
div#content .other-projects h3 { margin: 10px 80px; font-weight: normal; font-size: 24px; }
div#content .other-projects h3 a { margin-left: 20px; }

/* --------- SERVICES --------- */

div#services_nav { padding: 15px; float: left; }
	div#services_nav ul { border: 1px solid #CCCCCC; background-color: #f9f9f9; margin: 0px; }
	div#services_nav ul li { list-style: none; margin: 0px; }
	div#services_nav ul li a { padding: 5px 10px; display: block; width: 260px; margin-top: 2px; }
	div#services_nav ul li:first-child a { margin-top: 0px; }
	div#services_nav ul li a:hover, div#services_nav ul li a.active { background-color: #d91e71; color: #FFFFFF; text-decoration: none; }
	div#services_nav ul li a.active { font-weight: bold; }

div#services_text { width: 560px; float: left; padding: 15px; }
	div#services_text .img { height: 80px; width: 560px; overflow: hidden; margin-bottom: 10px; background-color: #61c7f4; }
	div#services_text .img img { width: 560px; padding: 0px; float: none; margin: -150px 0px 0px; }


/* --------- HOMEPAGE --------- */

#home_web { position: absolute; top: 380px; left: 70px; width: 480px; }
	#home_web h2 { font-size: 26px; }
	#home_web p { font-size: 18px; margin: 0px 0px 5px; }
	#home_web li { list-style: url(../../media/images/bullet_white.png); }
	#home_web h2, #home_web p, #home_web ul { color: #FFFFFF; text-shadow: #444444 1px 1px 1px; }
	#home_web a { color: #FFFFFF; }
	
#home_print { position: absolute; top: 380px; right: 100px; width: 290px; }
	#home_print h2 { font-size: 22px; }
	#home_print p { margin: 0px 0px 5px; }
	
div#content.home { margin-top: -70px; }
	div#content.home .box { padding: 20px; }
	div#content.home .single { width: 255px; float: left; }
	div#content.home .single a { color: #444444; }
	div#content.home .double { width: 590px; float: left; }
	
div.news_home { height: 150px; position: relative; padding: 10px 10px 10px 20px; margin: 5px 0px 20px 5px; background: url(../../media/images/vr.gif) no-repeat left; width: 275px; float: left; }
	div.news_home .snippet { position: absolute; top: 55px; height: 85px; overflow: hidden; width: 275px; }
	div.news_home img { width: 140px; background-color: #eeeeee; margin: 5px 0px 0px 10px; float: right; }
	div.news_home h3 { font-weight: normal; font-size: 16px; }
	div.news_home p { font-size: 12px; }

/* --------- CONTACT --------- */

form { }
label { }
input, textarea { width: 200px; font-size: 12px; padding: 2px; margin: 0px 10px; border: none; background-color: #eeeeee; }
input.error { border:1px solid red; }
table.contact_form { border-top: 1px solid #eeeeee; }
td { vertical-align:top; padding-top: 5px; }

div#map_canvas { width: 550px; height: 450px; background-color: #eeeeee; float: right; border: 5px #eeeeee solid; }
div#map_content { width: 200px; }

/* --------- CLASSES --------- */

a.btn { background: #444 url(../../media/images/button-overlay.png) repeat-x; display: inline-block; padding: 3px 10px 5px; color: #fff; text-decoration: none; font-weight: bold; font-size: 16px; line-height: 1em; -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.5); margin: 5px 10px 0px 0px; }
	a.btn:hover { background: #444 none; text-decoration:none; }
	a.btn.right { margin: 20px 0px 0px 10px; float: right; }
	a.btn.pink { background-color: #d50562; }
	a.btn.green { background-color: #90e96d; }
	a.btn.blue { background-color: #61c7f4; }
	a.btn.about { margin-top: -15px; }	

a.more { position: absolute; bottom: 8px; right: 10px; font-size: 12px; font-weight: bold; }

.call { font-size: 36px; color: #d50562; }
.font12 { font-size: 12px; }

.float-left { float:left; margin-right: 10px; }
.float-right { float:right; margin-left: 10px; }
.clear-both { float:none; clear:both; }
.error { color:red; } .ok { color:green; }
.round { -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; 
	-moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; }
.shadow { -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.2); }	
.center { margin:0 auto; }
.hidden { display:none; }

.margin-10 { margin:10px; }
.margin-5 { margin:5px; }
.col-vr { margin-right: 20px; padding-right: 20px; background: url(../../media/images/vr.gif) no-repeat right; }

.padding-20 { padding:20px; }
.padding-15 { padding:15px; }
.padding-10 { padding:10px; }
.padding-5 { padding:5px; }