/*
 * dark orange: #e57325
 * light orange: #F93
 * 
 */

body {
	background-color: #fff;
	color:#000;
	width:960px;
}
html{	
}

html, body {
	margin: 0px;
	padding: 0px;
	text-align: left;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

p{
	margin:0 0 11px 0;
}

a{
	 text-decoration:underline;
	 border:0px;
}



header#page_header{
	margin:-25px 0 0 0px;

}


header#page_header nav{
	background-color: #e57325;
	margin: 0 50px;
	height: 40px;
	width: 860px;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	font-size: 14px;
}
header#page_header nav ul{
	background-color: #e57325;

}

header#page_header nav ul, #page_footer nav ul{
	list-style:none;
	margin:0;
	padding:0;
	height:40px;
	
}
#page_header nav ul li, #page_footer nav ul li {
	padding:0;
	margin:0;


}

#page_footer nav ul{
	float:right;
}
#page_footer nav ul li {
	float:left;
	margin-left:10px;
}
#page_header nav ul li
{	
	float:left;
	width:112px;
	height:40px;
}
#page_header nav ul li a
{
	color:#fff;
	text-align: center;
	width:100%;
	text-decoration:none;
	display:block;
	margin:0px;
	padding:0px;
	line-height:40px;
}



footer#page_footer{
	clear:both;
	width:100%;
	display:block;
	background-color: #000;
	width: 860px;
	margin-left: 50px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #999;
	text-align: right;
	padding-top: 12px;
	border-top-width: 1.5px;
	border-top-style: solid;
	border-top-color: #666;
	margin-right: 50px;
	margin-bottom: 200px;
}
		
/****** page section styling ******/

section{
	font-family: Verdana, Geneva, sans-serif;
	
}

section#sidebar{
	margin-right:50px;
	margin-left:10px;
	float:right;
	width:160px;
	background-color: #000;
	margin-top: 50px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #FFF;
	text-align: left;
	font-weight: lighter;
}

section#sidebar ul li{
	margin-left:-25px;
}
section#sidebarrepeat{
	margin-right:50px;
	margin-left:10px;
	float:right;
	width:160px;
	background-color: #000;
	margin-top: 12px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #FFF;
	text-align: left;
	font-weight: lighter;

}
section#full{
	float:left;
	margin-left:50px;
	width:856px;	
	xheight:453px;
	background-color:#fff;
	color:#000;
	border:2px solid white;
	margin-top:25px;
	margin-bottom:30px;
	
}

section#image{
	float:left;
	margin-left:50px;
	margin-top: 38px;
	border: 7px solid #FFF;
	height: 333px;
	width: 670px;
	margin-bottom: 38px;
	
}

section#contents{
	float:left;
	margin-left:50px;
	width:690px;
	color:#fff;	
	margin-bottom:38px;
	
}
article#content{
	margin-top:38px;
	width:670px;
	color:#fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	
}

section#projects{
	float:left;
	margin-left:50px;
	width:690px;	
	xheight:453px;
	xclear:both;
	
}
article#project{
	margin-top: 38px;

}


article#project, article#project2, article#project3, article#project4 {
	xmargin-top:10px;
	xborder: 7px solid #FFF;
	xheight: 333px;
	xwidth: 670px;
	xmargin-bottom:63px;
	xbackground-color:#fff;
}

/****** fieldset *******/

fieldset{
	width:650px;
}

fieldset ol{
	list-style:none;
	padding:0;
	margin:2px;
}

fieldset ol li{
	margin:0 0 9px 0;
	padding:0;
}

fieldset label{
x	width:100px;
	float:left;
	clear:both;
}

fieldset input, fieldset select, fieldset textarea{
	xfloat:left;
	margin-left:250px;
	display:block;
}

/****** slider style ******/

/*
	Slideshow
*/
#slides{
margin-top:38px; 
}
#slides, #slides2, #slides3, #slides4 {
	position:relative;
	xposition:absolute;
	z-index:100;
	display:block;
	border: 7px solid #FFF; height: 333px; width: 670px; margin-bottom:63px;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/
#slides .slides_container, #slides2 .slides_container,#slides3 .slides_container, #slides4 .slides_container {
	width:670px;
	overflow:hidden;
	position:relative;
	display:none;
	
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block

*/
#slides .slides_container div.slide, #slides2 .slides_container div.slide, #slides3 .slides_container div.slide, #slides4 .slides_container div.slide {
	width:670px;
	height:333px;
	display:block;
	
}

img{
	border:0px;
}

/*
	Next/prev buttons
*/

#slides .next, #slides .prev, #slides2 .next, #slides2 .prev, #slides3 .next, #slides3 .prev, #slides4 .next, #slides4 .prev {
	position:relative;
	margin-left:-7px;
	width:11px;
	height:11px;
	float:left;
	z-index:101;
	margin-top:15px;
	margin-bottom:38px;
	border:0;
}

#slides .next, #slides2 .next, #slides3 .next, #slides4 .next{
	left:14px;
}

/*
	Pagination
*/

.pagination {
	margin:19px 0;
	float:right;
	margin-right: -8px; 
	margin-bottom:38px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}