body {
text-align: center;
background: black;
color: #cab7a3;
font-family: arial;
font-size: 12px;
}

body a {
	outline: none;
	color: #791c24;
}

body a:hover {
	outline: none;
	color: #aeaeae;
}

#container {
position: relative;
top: 0px;
left: 0px;
margin-left: auto;
margin-right: auto;
width: 1063px; 
text-align: left;
}

#wraptopabout {
background: url('../images/nospotbg.jpg') no-repeat top left;
width: 1063px;
height: 600px;
position: relative;
top: 0px;
left: 0px;	
float: left;

}

#wraptop_contact {
background: url('../images/contactbg.jpg') no-repeat top left;
width: 1063px;
height: 600px;
position: relative;
top: 0px;
left: 0px;	
float: left;

}

#wraptop_index {
	 /*url('../images/indexbg.jpg') repeat-x top left*/
border-top: 1px solid white;
border-bottom: 1px solid white;
width: 100%;

position: relative;
top: 0px;
left: 0px;	
float: left;
background: #222222; /* Old browsers */
background: -moz-linear-gradient(top,  #222222 0%, #000000 50%, #222222 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(50%,#000000), color-stop(100%,#222222)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #222222 0%,#000000 50%,#222222 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #222222 0%,#000000 50%,#222222 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #222222 0%,#000000 50%,#222222 100%); /* IE10+ */
background: linear-gradient(top,  #222222 0%,#000000 50%,#222222 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#0000000',GradientType=0 ); /* IE6-9 */
behavior: url('PIE.htc');

min-height: 600px;

}

#wraptop {
background: #222222 url('../images/spotbg.jpg') no-repeat top left;
width: 1063px;
position: relative;
top: 0px;
left: 0px;	
float: left;
display: block;
min-height: 600px;
padding-bottom: 50px;
border-top: 1px solid #f5f0cf;
border-bottom: 1px solid #f5f0cf;
}


#content {
position: relative;
top: 16px;
left: 23px;

}

#header {
position: relative;
top: 0px;
left: 0px;
}

#footer {
position: relative;
top: 5px;
left: 0px;
color: #a60b07;
width: 1060px;
margin-left: auto;
margin-right: auto;
text-align: center;
height: 15px;
}

#footer a {
color: #a60b07;
}

#footer a:hover {
color: #cab7a3;
}

#page_content {
	position: relative;
	top: 30px;
	left: 0px;
	float: left;
	width: 1050px;
}

.laurels {
	position: relative;
	top: 50px;
left: 150px;
	float: left;
	width: 953px;
	padding-bottom: 100px;
		
}

.laurels a {
	color: #b22424;
	font-size: 13px;
	font-weight: bold;

}



.laurels a:hover {
	color: #a2a2a2;
}

.laurels img a {
padding: 10px;	
	border: 1px solid #6B1920;	
}

.laurels img a:hover {
	
	border: 1px solid #fff;	
}

.about_copy {
	width: 800px;
	float: left;
	position: relative;
	top: 0px;
	left:0px;
	font-size: 14px;
	line-height: 22px;
}

.contact_copy {
	width: 600px;
	float: left;
	position: relative;
	top: 90px;
	left: 60px;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	font-weight: none;
}




.clientlist {
	position: relative;
	top: 10px;
	left: 20px;
	float: left;
	width: 192px;
}

.clientlist ul li{
	color: #5c151b;
}

.clientlist ul li span{
	color: #f4e2db;
}

.awards_copy {
	width: 820px;
	float: left;
	position: relative;
	top: 0px;
	left:0px;
}

.awards_copy span {
color: #a2a2a2;
font-size: 14px;
font-weight: bold;
}

#sidenav {
position: relative;
top: 0px;
left: 0px;
float: left;

}


#sidenav ul {
position: relative;
top: 0px;
left: 0px;
width: 141px;
padding: 0px;
margin: 0px;
}
#sidenav ul ,
#sidenav ul li {
padding: 0px;
margin: 0px;
height: 40px;
list-style: none;
}
/**
#sidenav ul li {
display: inline;
}**/

#sidenav ul li a {
display: block;
height: 40px;
float: left;
width: 141px;
background: url('../images/navbar.gif');
background-repeat: no-repeat;
text-indent: -3000px;
outline: none;
padding: 0px;
margin: 0px;
}
#sidenav ul li.about a {
width: 141px;
background-position: 0px -7px;
}

#sidenav ul li.about a:hover {
background-position: 0px -177px;
}

#sidenav ul li.awards a {
width: 141px;
background-position: 0px -50px;
}

#sidenav ul li.awards a:hover {
background-position: 0px -220px;
}

#sidenav ul li.credits a {
width: 141px;
background-position: 0px -91px;
}

#sidenav ul li.credits a:hover {
background-position: 0px -261px;
}

#sidenav ul li.contact a {
width: 141px;
background-position: 0px -134px;
}

#sidenav ul li.contact a:hover {
background-position: 0px -304px;
}


/* INDEX NAV */
#indexnav {
	width: 440px;
	position: relative;
	top: 175px;
	margin-left: auto;
	margin-right: auto;
}

#indexnav ul {
position: relative;
top: 0px;
left:0px;
width: 440px;
height: 24px;
padding: 0px;
}

#indexnav ul ,
#indexnav ul li {
padding: 0px;
list-style: none;
}

#indexnav ul li {
display: inline;
}

#indexnav ul li a {
display: block;
height: 24px;
float: left;
width: 425px;
background: url('../images/index_nav.gif');
background-repeat: no-repeat;
text-indent: -3000px;
outline: none;
}
#indexnav ul li.indexabout a {
width: 92px;
background-position: 0px 0px;
}

#indexnav ul li.indexabout a:hover {
background-position: 0px -28px;
}

#indexnav ul li.indexawards a {
width: 114px;
background-position: -92px 0px;
}

#indexnav ul li.indexawards a:hover {
background-position: -92px -28px;
}

#indexnav ul li.indexcredits a {
width: 114px;
background-position: -205px 0px;
}

#indexnav ul li.indexcredits a:hover {
background-position: -205px -28px;
}

#indexnav ul li.indexcontact a {
width: 107px;
background-position: -317px 0px;
}

#indexnav ul li.indexcontact a:hover {
background-position: -317px -28px;
}
