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

body{
	background:#e8e8e8;
	text-align: center;
	font-size: 62.5%; /* Setting a percentage here and then using ems everywhere else ensures that IE6 and earlier interpret text size properly */
	xfont-family: Verdana, "Lucida Grande", Arial, sans-serif;
	xfont:Arial, Helvetica, sans-serif;
	xfont:"Trebuchet MS", Arial, Helvetica, sans-serif;
	xfont-family: Helvetica, sans-serif;
	font: 62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	color: #333333;
}

h1{
	border-bottom:#CCC thin solid;
	padding-bottom:5px;
	margin-bottom:20px;
	font-style:italic;
	xfont-variant:small-caps;
	text-align:left;
	xpadding-left:20px;
	font-size: 2.2em;
font-style: normal;
font-weight: bold;
background: transparent;
font-weight: bold;

}
h2 {
font-size: 1.4em;
}
h5, h6 {
font-size: 1em;
}
h3, h7, h4 {
font-size: 1.1em;
font-weight: bold;
}
h1,h2,h3,h4{
	color:#060;
}


a[href^="http"] {
	padding-right: 15px;
	background: url('../images/icon_extlink.png') no-repeat center right;
}

a[href^="mailto:"] {
	padding-right: 15px;
	background: url(email.png) no-repeat center right;
}

a[href$=".pdf"] {
	padding:0 20px 0 0;
	background: transparent url(../images/icons/pdf.gif) no-repeat center right;
}

.clear {
	clear: both;
}

#wrapper{
	background: url('../graphics/wrapper_bg.gif') center top repeat-y;
	margin: 30px auto 50px auto;
	text-align: left;
	width: 908px;
	font-size: 1.2em;
}

#header{
	background: url('../graphics/header_bg.gif') center top no-repeat;
	padding: 10px 50px 0px 50px;
	position: relative;
	height: 100px;
}

#header img{
	float:left;
	position:relative;
}

#content{
	padding: 0 25px 0 25px;
	position: relative;
}

#left{
width: 170px;
float: left;
position:relative;
padding-top: 15px;
padding-right: 8px;
padding-bottom: 20px;
padding-left: 10px;
margin: 0px;
xclear: both;
}

#menu {
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	xwidth: 170px;
	}

#menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
	}
#menu li a {
	font-size:12px;
	line-height:20px;
	display: block;
	background-color: #EFEFEF;
	color: #6a5950;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 15px;
	text-decoration: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
	}	
	
#menu li a:link, #menu li a:visited {
}
	
#menu li a:hover {
	}
	
#menu li a:active {
	}                    

#menu_header{
	background-color: transparent;
	background-image: url(../images/sidebar-header.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	height:35px;
	line-height:35px;
	color:#FFF;
	padding-left:15px;
	font-weight:700;
}

#main{
	float:right;
	position:relative;
	width:640px;
	padding:0px;
	margin:0px;
	padding-right:10px
}

#footer{
	background: url('../graphics/footer_bg.gif') center bottom no-repeat;
	padding: 0 78px 43px 78px;
	height: 43px;
}

#gallery{
	float:right;
	width:200px;
	padding-left:30px;
}

#gallery img{
	padding:2px;
	border:#CCC solid thin;
	margin:3px;
}

#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size: 1.2em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #060;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.2em;
}

ul#clientgallery{
margin:0px;
padding:0px;
list-style:none;
xwidth:640px;
}
ul#clientgallery li{
float: left;
margin:5px;
}

ul#clientgallery li img{
	border:1px solid #dedede;
	padding:2px;
	xborder:#CCC solid thin;
	margin:3px;
}
ul#clientgallery li p {
	text-align: center;
	margin:5px 0;
	color:#000;
}
ul#clientgallery li a{
	text-decoration:none;
}

#topmenu {
	float:right;
	position:relative;
	margin:0;
}
#topmenu li{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}
#topmenu li a{
	font-family: Helvetica, sans-serif;
	text-decoration:none;
	color:#000;
}

#hpright{
}

#hpright h2{
font-size: 1.6em;
border-bottom:#CCC thin solid;
padding-bottom:5px;
color:#060;
}
ul#hpright{
margin:0px;
padding:0px;
list-style:none;
xwidth:640px;
}
ul#hpright li{
xfloat: left;
xmargin:5px;
}

ul#hpright li img{
	border:1px solid #dedede;
	padding:2px;
	xborder:#CCC solid thin;
	margin:3px;
}
ul#hpright li p {
	text-align: left;
	xmargin:5px 0;
	color:#000;
}
ul#hpright li a{
	text-decoration:none;
}

#awards img{
	margin:20px;
}

.header_contact{float: right;margin-top:10px;}
.header_contact p{margin:2px;}
.header_tel{
	font:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size:2.8em;
	color:#060;
	font-weight:700;
}
.header_email{
	text-align:center;
	margin-top:-20px;
	padding:0;
	xfont-weight:700;
	font-size:1.2em;
}

.footer_contact{
	border-top: #CCC thin solid; width:900px; margin-left:-75px; padding-left:0px; !important; padding-top:10px;
}

.footer_contact p{
	text-align:center;
}