@charset "utf-8";
/* CSS Document */

body {
	font: 62.5%/1.5 Helvetica Neue, Helvetica, Arial, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	color: #373d4a;
	background: url(../img/background.jpg) repeat-x left top;
	margin: 0;
}


#header {
	position: relative;
/*	padding: 155px 350px 0 70px;*/
/*	margin-bottom: 0px;
*/	min-height: 150px;
}

div.logo{
	
padding: 30px 100px 0px;
	
	}

#container {
	position: relative;
	margin: 0 auto;
	width: 960px;
	
}


#header.intro p {
	

	
	font-size: 1.4em;
}

#container h2.frontpage {
	
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	padding: 0px 90px 0px 100px;
	
}



#sectional {
	width: 820px;
	padding: 10px 70px 0 70px;
}

sectional {
	width: 820px;
	padding: 10px 70px 0 70px;
}

#sectional .section {
	float: left;
	position: relative;
}

#sectional .section .wrap {
	padding: 65px 70px 0;
}


#footer {
	clear: both;
	width: 520px;
	margin: 0 auto;
	padding: 20px 70px 0;
}


#footer li {
	float: left;
	margin: 0 .5em 0 0;
	padding: 0 .5em 0 0;
	border-right: 1px solid #373d4a;
	font-size: 1.1em;
	line-height: 1em;
}

#footer li.last {
	margin: 0;
	padding: 0;
	border: none;
}


#footer #linkList {
	float: left;
	font-size:14px;
	list-style: none;
}

#footer #copyright {
	padding-right: 20px;
	float: right;
	font-size:14px;
	list-style: none;
}

#footer a {
	color: #373d4a;
}

#footer a:hover {
	text-decoration: none;
	color: #ff7800;
}


/* page flip */

#pageflip {
	position: relative;
}

#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}

#pageflip .msg_block {
	width: 50px; height: 50px;
	position: absolute;
	z-index: 50;
	right: 0; top: 0;
	background: url(../img/subscribe3.png) no-repeat right top;
	text-indent: -9999px;
}
/* page flip */


/* Roating Style */

.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
		top: -17px;
	left: 90px;
	
	height:286px;	width: 790px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0px;
	left: 0px;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 40px; right: -95px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(../img/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold; 
	background: #920000; 
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}


/* Roating Style */



/* NAV */

#nav {
	margin-right:80px;
	float:right;
	font-size: 15px;
	position: relative;
}



#nav ul {

/*	background-color:#5c3d09;
*/
/*	border: 1px solid #5c3d09;
*/
	/* Rounder Corner */

	-moz-border-radius: 7px;

    -webkit-border-radius: 7px;

	-khtml-border-radius: 7px;

	height: 55px;

	padding: 0;

}



#nav ul li {

	display: inline;

	float: left;

	height: 16px;

	margin: 9px 10px 0 10px;

	padding: 10px 16px;

}



#nav ul li a {

	color:#FFF;
	
	font-size:16px;

	text-decoration:none;

	outline:none;

}

#nav ul li:hover {

	background: #960;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	-khtml-border-radius: 6px;

}


/* NAV */

/* WORK ENTRY */



div#work-single {
	position: relative;
	float: left;
	width: 1100px;
	margin: 0;
	padding: 0;
}

div.workentry {
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
	display: inline;
}

div.workentry p {
	
	margin: 0 15px 20px 0; 
	
	font-size:12px;
	
	}

div.workentry p.status {
	margin: 0 0 5px 0;
	color: #999;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}

div.workentry h3 {
	margin: 0 0 5px 0;
	padding: 3px 0 0 0;
	color: #FF8040;
	font-size: 16px;
	font-weight: bold;
}

div.workentry p.testimonial {
	margin: 0 0 5px 0;
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 14px;
}

div.workentry ul {
	margin: 0 0 30px 0;
	padding: 0;
	list-style-type: none;
}




div#casedescription { position: relative; }

div#fullworkcontent {
	position: absolute;
	top: -5px;
	right: 0;
	margin: 0;
	padding: 39px 0 50px 162px;
	width: 468px;
	background: #fff;
	z-index: 99;
}

div#fullworkcontent p { width: 455px; }

div#fullworkcontent img.alignright {
	position: absolute;
	top: 62px;
	left: 40px;
	display: block;
}




span.mywork{
	
/*	float: left;*/
font-size:24px;
font-weight: bold;
	}

span.work-title{
	
	font-size:18px;
font-weight: bold;

	}
	
	/* WORK ENTRY */
	
	img.next{
		
	position:relative;
	float:right;
	top:-190px;
	right:0px;
		
	}
		
		img.previous{
			
		position:relative;
		float:left;
		bottom:-190px;
		right:400px;
		
		}
		
		img.dellserver{
			
			position:relative;
			left:100px;
			
			}


			
	div.blog{
		
	margin: 0 0 0px 0;
	padding: 0 0 0px 0;
	float: left;
	width: 1000px;
	
		
	}


	div.secondary{
		
	font-size:36px;
		
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
	width: 400px;
	display: inline;
		
	}
	
div.facebook{


	width:250px;
	padding: 0;
	margin: -20px 500px;
	/* border: dashed; */
	
	}
	
span.pagerendered{
	
	
	position:absolute;
	margin-top:40px;
	margin-left:700px;
	
	}