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

* { 
    margin: 0; 
    padding: 0; 
}
html, body {
	background-color:#191919;
	color:#8c8c8c;
	font-family: Arial, Helvetica, sans-serif;
	line-height:160%;
}
.wrapper {
	width:940px;
	margin:0 auto;
}

.header {
	height:119px;
	border-bottom:1px solid #474747;
	padding:26px 0 0 0;
	margin:0 0 9px 0;
}


/* ---- MENU ----*/
.menu {
	width:470px;
	height:39px;
	float:right;
	margin:26px 0 0 0;
}
.menu em {
	display: none
}
.menu ul, .submenu ul {
	list-style-type: none;	
}
.menu li, .submenu li {
	float: left;
	display: inline;
}
.menu li a {
	display: block;
	height:39px;
	margin:0 0 0 10px;
	text-decoration:none;
}

.menu li a.services {background: url(../images/m1-services.jpg) no-repeat left top; width: 107px;}
.menu li a.process {background: url(../images/m2-process.jpg) no-repeat left top; width: 107px;}
.menu li a.about {background: url(../images/m3-about.jpg) no-repeat left top; width: 107px;}
.menu li a.contact {background: url(../images/m4-contact.jpg) no-repeat left top; width: 107px;}
.menu li a:hover, .menu li.selected a {
	background-position: left bottom;
}

/* ---- submenu ----*/
.submenu {
	width:940px;
	border-bottom:1px solid #474747;
	margin-bottom:20px;
	padding-bottom:38px;
}
.submenu li a {
	display:block;
	width:188px;
	text-align:center;
	padding:2px 0 12px 0;
}
.submenu li a:link, .submenu li a:visited {
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#fefefe;
	margin:0;
} 
.submenu li a.subon, .submenu li a.subon:hover {
	color:#d3b255;
}
.submenu li a:hover {
	color:#ccc;
}


/* ---- HERO ----*/
#fadeshow1 {
	margin:0 0 20px 0;
	width:940px;
	height:300px;
}


/* ---- STYLES ----*/


h1, h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#d3b255;
	font-size:14px;
	font-weight:normal;
}
p, h5 {
	font-size:12px;
	line-height:180%;
	margin-bottom:16px;
}

a:link, a:visited {
	text-decoration:none;
	color:#d3b255;
}
a:hover {
	text-decoration:underline;
	color:#d3b255;
}
blockquote p {margin:0;}
.aboutquotes span.testimonial, blockquote, blockquote p {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#d3b255;
	font-size:14px;
}
h5 {
	color:#d3b255;
}
.quotenamegrey {
	color:#8c8c8c;
	font-style:italic;
}
.gold {
	color:#d3b255;
}

/* ---- HOME ----*/
.categories {
	width:220px;
	margin:0 20px 0 0;
	float:left;
	text-align:center;
}
.categoriesend {
	width:220px;
	margin:0;
	float:left;
	text-align:center;
}
.catlink {
	background: url(../images/home-services-bg-stretch.jpg) repeat-x left top;
	text-align:center;
	height:51px;
	width:100%;
	margin:10px 0 0px 0;
	padding:12px 0 0 0;
}
.catlink a:link, .catlink a:visited {
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#fefefe;
	margin:25px 0 0 0;
}
.catlink a:hover {
	color:#ccc;
}

/* ---- SERVICES ----*/
.servicessect {
	width:295px;
	margin:15px 27px 0 0;
	float:left;
	text-align:center;
}
.servicessectend {
	width:295px;
	margin:15px 0 0 0;
	float:left;
	text-align:center;
}
.colthree {
	width:680px;
	margin:10px 20px 0 0;
	float:left;
}
.colone {
	width:220px;
	display:block;
	float:right;
	margin:10px 0 0 0;
}
.servicescontent {
	width:270px;
	float:left;
}
.servicesgallery {
	border-left:1px solid #474747;
	float:right;
	display:block;
	width:646px;
}
.servicesgallery a img {
	margin:0 0 24px 24px;
	border:3px solid white;
}
.servicesgallery h2 {
	color:#fefefe;
	padding:0 0 20px 24px;
}

/* ---- PROCESS ----*/
.processcontent {
	width:460px;
	float:left;
	margin:13px 0 0 0;
}
.processgallery {
	width:460px;
	float:right;
	padding:0 0 0 18px;
}

h4 {color:#d3b255;font-size:12px;line-height:180%;font-weight:normal;}

/* ---- ABOUT and CONTACT ----*/
.aboutcontent {
	width:440px;
	float:left;
	margin:13px 0 0 0;
}
.aboutquotes {
	border-left:1px solid #474747;
	float:right;
	width:450px;
	margin:43px 0 0 0;
	padding:0 0 0 20px;
}
.aboutquotes .threecol {
	float:right;
	padding:0 0 0 20px;
	display:inline;
}

.aboutquotes .twocol {float:left;display:inline;width:200px;}

/* ---- FOOTER ----*/
.spacer {
	height:40px;
	clear:both;
}
.footer {
	clear:both;
	border-top:1px solid #474747;
	margin:0 0 20px 0;
	padding:20px 0 0 0;
	font-size:11px;
	line-height:400%;
	color:#737373;
	text-align:center;
}
.footer a:link, .footer a:visited, a:hover {
	color:#737373;
	text-decoration:none;
}
.footer a:hover {
	color:#fff;
	text-decoration:none;
}
.footer p {font-size:11px;line-height:400%;}