@charset "UTF-8";
/* CSS Document */

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, img, 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,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

.clear{clear:both; height:0; line-height:0;}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body{background-color:#a2a097;}
a{}
a:link{}

p{margin-bottom:8px;}

#background{background:url(/images/body_bg.jpg) repeat-x 0 0; font-size:12px; color:white; font-family:Arial, Helvetica, sans-serif;}

#mainWrapper{width:1000px; margin:0 auto; position:relative;}

#threePanelMainContainer{background:url(/images/hp_three_panel_BG.jpg) repeat-x 0 0 white; line-height:18px; padding:120px 0 0 0; height:379px;}

#hpMainImage{
	position:absolute;
	top:66px;
	left:20px;
}

#three_panel_rel_container{position:relative; color:#744674;}

#panel_services{position:absolute; left:20px; top:15px; width:260px;}


#panel_services ul li{display:inline;}
#panel_services ul li a{background-color:#98968c; color:white; border:1px solid white; padding:10px; display:block; text-decoration:none; text-transform:uppercase; margin:0 0 5px 0;}
#panel_services ul li a:hover{background-color:#744674;}

#panel_about_us{
	position:absolute;
	left:341px;
	top:15px;
	width:300px;
}
#panel_contact{
width:318px;
	position:absolute;
	left:662px;
	top:15px;
}

#contact input, #contact textarea{padding:10px; border:1px solid purple; color:black; width:295px; background-color:#ede3ec; margin:5px 0; font-size:12px;}

#contact input#sendButton{width:80px; background-color:#9b7b9a; border:none; color:white; text-transform:uppercase; cursor:pointer;}

#footer{padding:20px; position:relative; line-height:18px; height:140px; background:url(/images/footerBG.png) repeat-x 0 0;}

#footer #recent_projects{position:absolute; left:35px; top:20px;}
#footer #address{
	position:absolute;
	left:760px;
	top:20px;
	width:200px;
	text-align:right;
}

#footer ul li{display:inline;}

#footer #project_list a{color:white; text-decoration:none; display:block; padding:2px 0 2px 25px; background:url(/images/footer_arrow.png) no-repeat 10px center; margin-left:10px; border:1px solid transparent;}
#footer #project_list a.active{border:1px solid #cfc8a7;}

#contact input.error, #contact textarea.error{border:2px dotted black; display:block;}

#footer_thumbs_ctn{
	position:absolute;
	left:250px;
	top:25px;
	width:500px;
}

#footer_thumbs_ctn li{padding:0; margin:0; display:inline;}
#footer_thumbs_ctn li a {display:block; border:4px solid white; padding:0; margin:0; float:left; margin-right:15px;}
#footer_thumbs_ctn li a:hover{border:4px solid #daddcb;}