/* @RESET CSS */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

/*END RESET*/

/* PNG fix */
img, div, a, input { behavior: url(iepngfix.htc) }

/* BODY STYLES */
html, body {
	background: #460103 url('../images/bg-image.gif') no-repeat top center; 
	color: #FFFFFF;
	font-family: arial, verdana, sans-serif;
	text-align: center;
	} 

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}

.scrollable {
	/* border: 1px solid #900; */
	height: 311px;
	margin: 75px 0 0 0;
	overflow: hidden;
	position:relative;
	width: 960px;
	
	}

.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
	}
	
/* .scrollable div.items img.last {margin-right:0;} */
.scrollable div.items img {
	/* border:1px solid #900; */
	cursor:pointer;
	margin-right: 50px;
	width: 200px;
	}

h3 {color: #FFFFFF; }

#oops {
	padding-top:57px;
	}

#oops h1, #oops p {
	text-align:center;
	}

.portfolio h2 {
	color:#460103;
	font-size: 18px;
	margin-top: 0;
	}

.portfolio p {
	color: #999999;
	line-height: 1.5em;}

.portfolio p a {
	color: #460103;
		}

.portfolio .details {
		margin:0 32px;
		}
		
	#whyHire {margin-top:50px; }
	#whyHire p {width:603px; }

#header{
	/* margin-top: 50px; */
	padding-top: 55px;
	}

#info #left {
	/*border: 1px solid #900;*/
	display: inline;
	float: left;
	margin-right: 54px;
	/* width: 470px; */
	width:200px;
	}
	
#info #middleLeft {
	/*border: 1px solid #900;*/
	display: inline;
	float: left;
	margin-right: 50px;
	width: 200px;
	}

#info #middle {
	/*border: 1px solid #900;*/
	display: inline;
	float: left;
	margin-right: 55px;
	width: 200px;
	}

#info #right {
	/*border: 1px solid #900;*/
	display: inline;
	float: left;
	width: 200px;
	}

p  {
	color: #CCCCCC;
	font-family: arial, verdana, sans-serif;
	font-size: 13px;
	line-height: 1.25em;
	margin-bottom: 21px;
	}
	
a {
	color: #FFFFFF;
	font-family: arial, verdana, sans-serif;
	font-size: 13px;
	line-height: 1.25em;
	margin-bottom: 21px;
	}
	
	.strong {
	color: #ffffff;
	font-weight: bold;
	}
	
ul, ol, li {
	color: #CCCCCC;
	font-family: arial, verdana, sans-serif;
	font-size: 13px;
	line-height: 1.25em;
	/* margin-bottom: 21px; */
	}
	
	ul, ol {margin-bottom: 21px;}


/* PAGE WRAPPER DIV */
#wrapper {
	/* border: 1px solid #900; */
	margin: 0 auto;
	width: 960px;
	}
	
#footer {margin-top: 97px;}
#footer p {
	font-size: 9px; 
	color: #65090d; 
	text-align: center;}
	


/* position and dimensions of the navigator */
.navi {
	/* border: 1px solid #900; */
	height:20px;
	margin:0 0 55px 453px;
	width:400px;
	
}


/* items inside navigator */
.navi a {
	background:url(../images/navigator.png) 0 0 no-repeat;
	cursor: pointer;
	display:block;
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {background-position:0 -8px; }

/* active state (current page state) */
.navi a.active {background-position:0 -16px; }