/**************************************************************************************
Author: Daniel White - 2009
***************************************************************************************/

/* Main Wrappers
-------------------------------------------------------------- */
/* BODY */
body{
	background: #dd8713 url('../images/bg.gif') repeat-x;
}

/* Typography + Color
-------------------------------------------------------------- */
/* HTML + BODY */
body{
	font-family: Helvetica, Arial, sans-serif;
	color:#1b180d;
	font-size: 10pt;
}
#contactInfo p{
	color: #fff;
	font-family: Cambria, Trebuchet MS, serif;
	font-size: 9.3pt;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.3em;
}
#content #contactInfo-big{
	font-family: Cambria, Trebuchet MS, serif;
	font-size: 10pt;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.3em;
}
#content p{
	font-size: 10pt;
	line-height: 1.6em;
	margin-bottom: 15px;
}
#content .project{
	text-align: center;
	font-family: Cambria, Trebuchet MS, serif;
	font-size: 10pt;
	text-transform: uppercase;
}
/* Testimonials */
#content p.testimonial{
	font-size: 12pt;
	font-family: 'Luxi Serif Regular', Cambria, Times, serif;
	padding: 10px;
	background: #CF8019;
   -moz-border-radius-topleft: 10px;  
   -moz-border-radius-topright:10px;  
   -moz-border-radius-bottomleft: 10px;  
   -moz-border-radius-bottomright: 10px;  
   -webkit-border-top-right-radius: 10px;  
   -webkit-border-top-left-radius: 10px;  
   -webkit-border-bottom-left-radius: 10px;  
   -webkit-border-bottom-right-radius: 10px;  
}
#content span.client-says{
	font-size: 11pt;
	font-family: 'Luxi Serif Regular', Cambria, Times, serif;
	font-style: italic;
	width:98%;
	display:inline-block;
	text-align:right;
}
/* HEADER TAGS */
/* for ie */
*:first-child+html h2{
	margin-bottom:4px;
}
/* LINKS */
#content p a, #fourohfour a{
	background: #453D21;
	color: #DD8713;
}
#content p a:hover, #fourohfour a:hover{
	background: #1E2020;
	color: #DD8713;
}
/* navigation 
-------------------------------------------------------------- */
#navigation{
	background: url('../images/nav_bg.gif') no-repeat;
	height: 46px;
}
	#navigation ul li{
		float:left;
		display: inline;
		margin-top: 6px;
	}
	* html #navigation ul li{
		margin-top: 14px;
	}
	*:first-child+html #navigation ul li{
		margin-top: 14px;
	}
		#navigation ul li a{
			display: block;
			text-indent: -3000px;
		}
		#navigation ul li a.company{
			background: url('../images/nav.gif') no-repeat;
			background-position: 0px 0;
			width: 82px;
		}
		#navigation ul li a.principal{
			background: url('../images/nav.gif') no-repeat;
			width: 99px;
			background-position: -82px 0;
		}
		#navigation ul li a.projects{
			background: url('../images/nav.gif') no-repeat;
			background-position: -181px 0;
			width: 96px;
		}
		#navigation ul li a.press{
			background: url('../images/nav.gif') no-repeat;
			background-position: -277px 0;
			width: 79px;
		}
		#navigation ul li a.contact{
			background: url('../images/nav.gif') no-repeat;
			background-position: -356px 0;
			width: 74px;
		}
		#navigation ul li a.company:hover, #navigation ul li a.company.active{
			background: url('../images/nav_hov.gif') no-repeat;
			background-position: 0px 0;
			width: 82px;
		}
		#navigation ul li a.principal:hover, #navigation ul li a.principal.active{
			background: url('../images/nav_hov.gif') no-repeat;
			width: 99px;
			background-position: -82px 0;
		}
		#navigation ul li a.projects:hover, #navigation ul li a.projects.active{
			background: url('../images/nav_hov.gif') no-repeat;
			background-position: -181px 0;
			width: 96px;
		}
		#navigation ul li a.press:hover, #navigation ul li a.press.active{
			background: url('../images/nav_hov.gif') no-repeat;
			background-position: -277px 0;
			width: 79px;
		}
		#navigation ul li a.contact:hover, #navigation ul li a.contact.active{
			background: url('../images/nav_hov.gif') no-repeat;
			background-position: -356px 0;
			width: 74px;
		}

/* LISTS */
ul.bignames li{
	font-family: 'Luxi Serif Regular', Cambria, Times, serif;
	font-size: 11pt;
	margin-bottom: 5px;
	color: #342d15;
}

/* FONT INCLUDES
-------------------------------------------------------------- */
@font-face {
	font-family: 'Luxi Serif Regular';
	src: url('luxirr.eot');
	src: local('Luxi Serif Regular'), local('LuxiSerif-Regular'), url('luxirr.ttf') format('truetype');
}

@font-face {
	font-family: 'Luxi Serif Oblique';
	src: url('luxirri.eot');
	src: local('Luxi Serif Oblique'), local('LuxiSerif-Oblique'), url('luxirri.ttf') format('truetype');
}

@font-face {
	font-family: 'Luxi Serif Bold';
	src: url('luxirb.eot');
	src: local('Luxi Serif Bold'), local('LuxiSerif-Bold'), url('luxirb.ttf') format('truetype');
}

@font-face {
	font-family: 'Luxi Serif Bold Oblique';
	src: url('luxirbi.eot');
	src: local('Luxi Serif Bold Oblique'), local('LuxiSerif-BoldOblique'), url('luxirbi.ttf') format('truetype');
}

/* LAYOUT
-------------------------------------------------------------- */
/* HEADER */
#header{
	height: 129px;
	padding-top: 20px;
}
* html #header{
	padding-top: 12px;
}
#contactInfo{
	background: url(../images/header_split.gif) no-repeat;
	height: 97px;
	padding-top: 22px;
}

/* Slider */
#slider{
	background: url(../images/slide-shadow.gif) no-repeat bottom center;
	margin-top: 28px;
	margin-bottom: 10px;
	height: 322px;
}
	#slider #slides{
		overflow: hidden; 
		position: relative;
		height: 270px;
		width: 932px;
		border: 9px #453d21 solid;
	}
	#slider #controllers{
		text-align: right;
		padding-right: 5px;
	}
		#slider #controllers a{
			/* optional */
			background: url(../images/slides_but.png) no-repeat;
			width: 12px;
			height: 12px;
			display: inline-block;
			margin-top: 10px;
			margin-right:5px;
			cursor:pointer;
		}
			#slider #controllers a.activeSlide {
				background: url(../images/slides_but_hov.png) no-repeat !important;
			}		
			
/* Main Content */
#content{
	background: url(../images/body_split.gif) repeat-y top center;
	margin-bottom: 40px;
	overflow: hidden;
}
/* Scroller */
.scroll-pane{
	height: 560px;
}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(../images/scroller-bg.gif) repeat-y top center;
}
.jScrollPaneDrag {
	position: absolute;
	background: url(../images/scroller.gif) repeat-y top center;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #453d21;
	height: 15px;
}
a.jScrollArrowUp:hover {
	background-color: #1E2120;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #453d21;
	height: 15px;
}
a.jScrollArrowDown:hover {
	background-color: #1E2120;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-color: #1E2120;
}
/* Tables */
#project-list tr td{
	padding: 3px 0;
	vertical-align: top;
}
#project-list tr td:last-child{
		text-align: right;
}
/* Footer */
#footer{
	border-top: 5px #453d21 solid;
	padding-bottom: 100px;
}
/* Forms
/-------------------------------------------------------------- */
form{
	margin-left: 10px;
}
input.txt, textarea{
	border: 1px #342d15 solid;
	padding: 3px;
   -moz-border-radius-topleft: 3px;  
   -moz-border-radius-topright:3px;  
   -moz-border-radius-bottomleft: 3px;  
   -moz-border-radius-bottomright: 3px;  
   -webkit-border-top-right-radius: 3px;  
   -webkit-border-top-left-radius: 3px;  
   -webkit-border-bottom-left-radius: 3px;  
   -webkit-border-bottom-right-radius: 3px;  
   background: #EFEFEF;
   display: block;
   margin: 0px;
   margin-bottom: 5px;
}
input.inline{
	display: inline;
	vertical-align: middle;
}
textarea{
	height: 150px;
	border: 1px #342d15 solid;
	overflow: auto;
}
input.txt:focus, textarea:focus{
	border-color: #000;
	-webkit-box-shadow: 0px 0px 10px #9F6213;  
	-moz-box-shadow: 0px 0px 10px #9F6213;  
	box-shadow: 0px 0px 10px #9F6213; 
	background: #fff;
}
.errormsg, .sent{
	padding: 10px;
	color: #2e2e2e;
	font-weight: bold;
	margin: 10px 0;
	display: inline-block;
}
.sent{
	background: #DAEF86;
	border: 2px #006600 solid;
}
.errormsg{
	background: #fbe3e4;
	border: 2px #a62425 solid;
}

/* OTHER ELEMENTS
/-------------------------------------------------------------- */
.bot{
	margin-bottom: 0px;
}
.bot-bigname{
	margin-bottom: 10px;
}
.hide,.tooltip{
	display: none;
}
#site_credit{
	color:#181B1B;
	border-bottom:1px dotted #181B1B;
}
.tooltip{
	z-index: 999;
}