/*
	General Styles
*/


body {
	margin:0px; padding:0px;
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
}
#outside_container {
	background:url(/images/background_slice.jpg) repeat-x #000000;
}
#container {
	background:url(/images/background_main.jpg) no-repeat;
	min-height:800px;
	width:1000px;
	position:relative;
}
a img { 
	border:0px 
}
a { 
	color:#9e8292;
}




/*
	Logo / Menu / Panel 
*/

#logo { position:absolute; top:58px; left:51px; }

#panel { position:absolute; top:165px; left:51px; }

ul#menu { 
	margin:0px;	padding:0px;
	position:absolute; top:135px; left:75px;
}
ul#right_menu { 
	margin:0px;	padding:0px;
	position:absolute; top:140px; right:110px;	
}
ul#menu li, ul#right_menu li {
	margin:0px;	padding:0px;
	list-style:none;
	margin-right:10px;
	font-size:9px;
	text-transform:uppercase;
	display:inline;
}
ul#menu li a, ul#right_menu li a {
	text-decoration:none;
	color:#bd92b2;
}
ul#menu li a:hover, ul#right_menu li a:hover {
	text-decoration:none;
	color:#ffffff;
}


/*
	Content
*/



#content {
	padding-top:435px;
	padding-left:85px;
	width:815px;
	color:#674f5d;
	font-size:13px;
	line-height:20px;
}


#content h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#dbaa70;
	margin:0px 0px 20px 0px;
	font-weight:normal;
}


.column1 { float:left; width:230px; margin-right:30px; }
.column2 { float:left; width:250px; margin-right:10px; }
.column3 { float:left; width:270px; }

.column4 { float:left; width:350px; margin:0px 10px 10px 0px; }
.column5 { float:left; width:350px; margin-right:0px 10px 0px 10px; }


.col {float: left; display: block; width: 25em;  margin: 0 2em;}

.col1 {float: left; display: block; width: 22em; margin: 0 2em 0 0em;}
.col2 {float: left; display: block; width: 56em; margin: 0 1em;}
.col3 {float: left; display: block; width: 34em; margin: 0 2em;}
.col4 {float: left; display: block; width: 34em; margin: 0 1em;}


ul.bullet{list-style:none;margin:2px 0px 10px 15px;padding:0}

ul.bullet li{list-style: url(/images/arrow.png) ; padding:2px 0px 2px 5px}

ul.bullet li a{ text-decoration:none;
	color:#674f5d; font-weight:normal; }

ul.bullet li a:hover{ color:#ffffff;}


/*
	Work
*/

#work {float: left; display: block; width: 100%;}
.workcols {min-height: 2em;}
.workcols a { text-decoration:none;}
.commentstitle {display: block; width: 100%; font-size: 1.7em; letter-spacing: -0.05em; font-weight: normal; line-height: 0.9em; margin: 2em 0 1em 0; color: #333;}
.minititle {float: left; display: block; width: 100%; font: 0.8em Helvetica, Arial, sans-serif; color: #dbaa70; text-transform: uppercase; padding-top: 1em; margin: 2em 0 1em 0;}

#work p {color: #fff; font-size: 0.98em;}

#work .firstentryinfo {color: #DBAA70; font-size: 0.9em; text-transform: none;}
#work .entryinfo {float: left; display: block; width: 100%; color: #fff; font-size: 0.9em; text-transform: none; margin: 2.2em 0 0 0;}
#work h2 + .entryinfo {margin-top: 1em;}
#work .minititle .firstentryinfo {font-size: 1.1em;}
.firstentrytitle {font-family: Myriad Pro, Helvetica, Arial, sans-serif; font-size: 2.2em; letter-spacing: -0.03em; font-weight: normal; line-height: 0.9em; margin: 0 0 0.2em 0; color: #fff;}
.entrytitle {display: block; width: 100%; font-family: Myriad Pro, Helvetica, Arial, sans-serif; font-size: 2.2em; letter-spacing: -0.03em; font-weight: normal; line-height: 0.9em; margin: 0.5em 0 1em 0; color: #fff;}
#work .firstentrytitle a {float: left; display: block; width: 100%;}
a:hover .thumb {border-color:#674f5d;}
a img {border: none;}
.workdetails {color:#674f5d; font-size: 0.9em; text-transform: none;}
.workdetails em {display: block; float: left; color:#674f5d ; font-style: normal; width: 6em;}
.workdetails a { color:#674f5d ; text-decoration: underline; }

 .workdetails a:hover {color: #9e8292;}
.clients {display: block; color: #fff; margin-top: 0.31em; cursor: default;}
.clients em {font-style: normal;}
.clients em:hover {color: #F0047F;}
.bullet {margin: 0 0.7em;}
#header .col2 {color: #fff;}

ul.work {
	margin:0px; padding:0px;
}
ul.work li {
	list-style:none;
	margin:0px; padding:0px;
	clear:both;
}
ul.work li a {
	color:#e0b882;
	display:block;
	padding:5px 10px 5px 10px;
	text-decoration:none;
	font-size:10px;
}
ul.work li a img {
	float:left;
	margin-right:20px;
	margin-bottom:20px;	
}
ul.work li a h4 {
	color:#674f5d;
	margin:0px;
	font-weight:normal;
	font-size:13px;
}


ul.work li h4 {
	color:#674f5d;
	margin:0px;
	font-weight:normal;
	font-size:13px;
}


ul.work li a:hover, ul.work li a:hover h4 { color:#ffffff; }



/*
	Work Images
*/
a:hover .thumb {border-color: #555;}

.thumb {float: left; width: 99%; border: 1px solid #aaa; overflow: hidden; margin: 0.2em 0 1em 0;}
.thumb span {float: left; display: block; width: 98.5%; height: 128px; border: 2px solid #fff;}
#workexcerpt a:hover .thumb {border-color: #aaa; cursor: default;} 
.col2 .thumb span {width: 99.3%}
#workexcerpt {margin-top: 0.9em;}
/* #workexcerpt .thumb span {height: 22em;} */



/*
	Services 
*/
.service {display: block; clear: both; max-width: 78em; margin: 1em auto; text-align: left;}
.service a { color:#9e8292; text-decoration: underline;} 
.service a:hover { color:#FFFFFF}
/*
	Footer
*/
#footer {
	border-top:1px solid #333;
	padding:30px 50px 80px 50px;
	color:#674f5d;
	font-size:9px;
	line-height:14px;
}
#footer img {
	float:left;
	margin-right:10px;
}
#footer span {
	display:block;
	float:left;
	padding-top:6px;
	width:250px;
}
#footer a {
	color:#9e8292;
	text-decoration:none;
}
#footer a:hover { color:#ffffff; }