/* CSS Document */

body {

	padding: 0;

	margin: 0 auto;

	text-align: center;

	color: #FFFFFF;

	font-family: "Century gothic";

	background-image: url(../images/images/one_px.jpg);

	background-repeat: repeat-x;

	background-color: #000000;

}







#page_est {

	background-image: url();

	background-repeat: repeat-x;

	padding: 0;

	width:1109px;

	height:2300px;

	text-align: left;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}















#page_index {

background-image: url();

background-repeat: repeat-x;

padding: 0;

margin: 0 auto;

	width:1109px;

	height:1042px;

	text-align: left;

}

a {

text-decoration: none;

color: rgb(255,153,0);

}

a:hover{

color: rgb(153,0,0);

}

















#page_port {

background-image: url(../images/images/one_px.jpg);

background-repeat: repeat-x;

padding: 0;

margin: 0 auto;

	width:1109px;

	height:1902px;

	text-align: left;

}

a {

text-decoration: none;

color: rgb(255,153,0);

}

a:hover{

color: rgb(153,0,0);

}



#page_webtest {

	background-image: url(../images/images/one_px.jpg);

	background-repeat: repeat-x;

	padding: 0;

	width:1109px;

	height:3000px;

	text-align: left;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}



















#page_web {

	background-image: url(../images/images/one_px.jpg);

	background-repeat: repeat-x;

	padding: 0;

	width:1109px;

	height:3400px;

	text-align: left;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}

a {

text-decoration: none;

color: rgb(255,153,0);

}

a:hover{

color: rgb(153,0,0);

}

#page_bio {
	background-image: url(../images/images/one_px.jpg);
	background-repeat: repeat-x;
	padding: 0;
	width:1109px;
	height:1000px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
a {
text-decoration: none;
color: rgb(255,153,0);
}
a:hover{
color: rgb(153,0,0);
}

#page_ill {
	background-image: url(../images/images/one_px.jpg);
	background-repeat: repeat-x;
	padding: 0;
	margin: 0 auto;
	width:1109px;
	height:1200px;
	text-align: left;
}
a {
text-decoration: none;
color: rgb(255,153,0);
}
a:hover{
color: rgb(153,0,0);
}



#page_photo {
	background-image: url(../images/images/one_px.jpg);
	background-repeat: repeat-x;
	padding: 0;
	margin: 0 auto;
	width:1109px;
	height:3200px;
	text-align: left;
}
a {
text-decoration: none;
color: rgb(255,153,0);
}
a:hover{
color: rgb(153,0,0);
}



















#page_3d {

background-image: url(../images/images/one_px.jpg);

background-repeat: repeat-x;

padding: 0;

margin: 0 auto;

	width:1109px;

	height:1600px;

	text-align: left;

}

a {

text-decoration: none;

color: rgb(255,153,0);

}

a:hover{

color: rgb(153,0,0);

}



















h1 {

font-family: century gothic;

font-size: 15px;

font-weight: bold;

padding: 25px 160px 10px 20px;

margin: 0;

color: rgb(0,0,0);

}

h1 a {

text-decoration: none;

color: #FFFFFF;

}

h1 a:hover{

color: #FC0176;

}



h2 {

font-family: century gothic;

font-size: 15px;

font-weight: bold;

padding: 45px 160px 10px 20px;

margin: 0;

color: rgb(0,0,0);

}

h2 a {

text-decoration: none;

color: #FFFFFF;

}

h2 a:hover{

color: #FC0176;

}



h3 {

font-family: century gothic;

font-size: 27px;

font-weight: bold;

padding: 75px 40px 0 430px;

line-height: 24px;

margin: 0;

}



h4 {

font-family: century gothic;

font-size: 27px;

font-weight: bold;

padding: 75px 40px 0 580px;

line-height: 24px;

margin: 0;

}

h5 {

font-family: century gothic;

font-size: 27px;

font-weight: bold;

padding: 75px 40px 0px 550px;

line-height: 24px;

margin: 0;

}

h6 {

font-family: century gothic;

font-size: 20px;

font-weight: none;

padding: 30px 0px 15px 120px;

line-height: 24px;

margin: 0;

}

h7 {

font-family: century gothic;

font-size: 27px;

font-weight: bold;

padding: 300px 40px 0px 530px;

line-height: 24px;

margin: 0;

}













#banner_ {

	float: right;

	display: block;

	margin: 0;

	width:1104px;

	height:150px;

	background-image: url(../images/images/banner.jpg);

	background-repeat: no-repeat;

	left: 0px;

	top: 0px;

}





















#title_ {

	left:0px;

	top:0px;

	width:1104px;

	height:195px;

	background-image: url(../images/images/title.jpg);

	text-align: left;

	background-repeat: no-repeat;

    float: right;

}



#title_ p{

	border-style: none;

	border-width: 0;

	border-color: rgb(225,225,225);

	margin: 30px 20px 15px 0px;

	padding: 0;

	width: 865px;

	height: 500px;

	text-align: left;

	font-size: 18px;

	background-color: #000000;

}

#title_ img{

	left:0px;

	top: 0px;

	border-style: none;

	border-width: 0;

	margin: 0 auto;

	padding: 60px 50px 10px 120px;

	text-align: left;

	float: left;

}



















#body_ {

	left:0px;

	top:0px;

	width:1104px;

	height:697px;

	background-image: url(../images/images/body.jpg);

	text-align: left;

	float: right;

	background-repeat: no-repeat;

}

#body_index {

	left:0px;

	top:0px;

	width:1104px;

	height:800px;

	background-image: url(../images/images/body.jpg);

	text-align: left;

	float: right;

	background-repeat: no-repeat;

}

#body_ p{

	left:0px;

	top:0px;

	border-style: none;

	border-width: 0;

	border-color: rgb(225,225,225);

	margin: 0;

	width: 720px;

	text-align: left;

	font-size: 12px;

	padding-top: 20px;

	padding-right: 200px;

	padding-bottom: 10px;

	padding-left: 10px;

}

#body_ img{

	left:px;

	top: 0px;

	border-style: none;

	border-width: 0;

	margin: 0 auto;

	padding: 20px 26px 20px 180px;

	text-align: left;

	float: left;

}























#body_port {

	left:0px;

	top:0px;

	width:1104px;

	height:697px;

	background-image: url(../images/images/body.jpg);

	text-align: left;

	float: right;

	background-repeat: no-repeat;

}

#body_port p{

	left:0px;

	top:0px;

	border-style: none;

	border-width: 0;

	border-color: rgb(225,225,225);

	margin: 0;

	padding: 20px 200px 10px 150px;

	width: 720px;

	text-align: left;

	font-size: 12px;

}

#body_port img{

	left:0px;

	top: 0px;

	border-style: none;

	border-width: 0;

	margin: 0 auto;

	padding: 20px 26px 20px 180px;

	text-align: left;

	float: left;

}























#body_web {

	left:0px;

	top:0px;

	width:1104px;

	height:697px;

	background-image: url(../images/images/body.jpg);

	text-align: left;

	float: right;

	background-repeat: no-repeat;

}

#body_web p{

	left:0px;

	top:0px;

	border-style: none;

	border-width: 0;

	border-color: rgb(225,225,225);

	margin: 0;

	width: 720px;

	text-align: left;

	font-size: 12px;

	padding-top: 20px;

	padding-right: 200px;

	padding-bottom: 50px;

	padding-left: 30px;

}

#body_web img{

	left:0px;

	top: 0px;

	border-style: none;

	border-width: 0;

	margin: 0 auto;

	padding: 20px 26px 20px 180px;

	text-align: left;

	float: left;

}

#body_bio {
	left:0px;
	top:0px;
	width:1104px;
	height: 1000px;
	background-image: url(../images/images/body.jpg);
	text-align: left;
	float: right;
	background-repeat: no-repeat;
}

#body_bio p{
	left:0px;
	top:0px;
	border-style: none;
	border-width: 0;
	border-color: rgb(225,225,225);
	margin: 0;
	width: 720px;
	text-align: left;
	font-size: 12px;
	padding-top: 20px;
	padding-right: 200px;
	padding-bottom: 50px;
	padding-left: 30px;floatweb_rokk

}

#body_resume {
	left:0px;
	top:0px;
	width:1104px;
	height: auto;
	background-image: url(../images/images/body.jpg);
	text-align: left;
	float: right;
	background-repeat: no-repeat;
}
#body_resume img{
	left:0px;
	top: 0px;
	border-style: none;
	border-width: 0;
	margin: 0 auto;
	padding: 0px 0px 0px 118px;
	text-align: left;
	float: left;
}










#body_ill {

	left:0px;

	top:0px;

	width:1104px;

	height:697px;

	background-image: url(../images/images/body.jpg);

	text-align: left;

	float: right;

	background-repeat: no-repeat;

}

#body_ill p{

	left:0px;

	top:0px;

	border-style: none;

	border-width: 0;

	border-color: rgb(225,225,225);

	margin: 0;

	padding: 15px 0px 0px 120px;

	width: 120px;

	text-align: left;

	font-size: 12px;

}

#body_ill img{

	left: 0px;

	top: 0px;

	border-style: none;

	border-width: 0;

	margin: 0 auto;

	padding: 0px 0px 0px 115px;

	text-align: left;

	float: none;

}





















#body_photo {

	left:0px;

	top:0px;

	width:1104px;

	height:697px;

	background-image: url(../images/images/body.jpg);

	text-align: left;

	float: right;

	background-repeat: no-repeat;

}

#body_photo p{

	left:0px;

	top:0px;

	border-style: none;

	border-width: 0;

	border-color: rgb(225,225,225);

	margin: 0;

	padding: 15px 0px 0px 120px;

	width: 300px;

	text-align: left;

	font-size: 12px;

}

#body_photo img{

	left: 0px;

	top: 0px;

	border-style: none;

	border-width: 0;

	margin: 0 auto;

	padding: 0px 0px 0px 108px;

	text-align: left;

	float: left;

}

















#body_3d {

	left:0px;

	top:0px;

	width:1104px;

	height:697px;

	background-image: url(../images/images/body.jpg);

	text-align: left;

	float: right;

	background-repeat: no-repeat;

}

#body_3d p{

	left:0px;

	top:0px;

	border-style: none;

	border-width: 0;

	border-color: rgb(225,225,225);

	margin: 0;

	padding: 15px 0px 0px 119px;

	width: 120px;

	text-align: left;

	font-size: 12px;

}

#contactcontainer {

	font-family: "Century Gothic";

	float: left;

	width: 600px;

	margin-left: 30px;

	margin-top: 10px;

}

#calltoaction {

	font-family: "Tw Cen MT";

	background-image:url(../images/actioncall.jpg);

	height: 170px;

	width: 644px;

	float: left;

	background-repeat: no-repeat;

}



#calltoaction:hover {

	font-family: "Tw Cen MT";

	background-image:url(../images/actioncall-ov.jpg);

	height: 170px;

	width: 644px;

	float: left;

	background-repeat: no-repeat;

}



#body_3d img{

	left: 0px;

	top: 0px;

	border-style: none;

	border-width: 0;

	margin: 0 auto;

	padding: 0px 0px 0px 115px;

	text-align: left;

	float: left;

}

























#kicker {

background-image: url(.../images/sitedesign/entropic_04.jpg);

background-repeat: no-repeat;

width: 300px;

height: 251px;

padding: 0;

margin: 0;

}

#kicker a {

text-decoration: none;

color: rgb(231,130,0);

}

#kicker p{

background-image: url(.../images/images/sitedesign/entropic_04.jpg);

background-repeat: no-repeat;

width: 300px;

height: 251px;

padding: 0;

margin: 0;



font-family: Verdana, Helvetica, Arial, sans-serif;

font-size: 9px;

line-height: 11px;

padding: 30px 0px 0px 172px;

margin: 0;

width: 164px;

}

























#footer {

background-image: url(images/index_23.jpg);

background-repeat: no-repeat;

padding: 0;

margin: 0 auto;

	width:800px;

	height:31px;

	text-align: left;

}

#footer p{

color: rgb(255,255,255);

font-family: century gothic;

font-size: 10px;

padding: 3px 0 0 40px;

margin: 0;

text-align: center;

}

.float {

	font-family: "Tw Cen MT";

	float: left;

	height: 700px;

	width: 250px;

	background-repeat: no-repeat;

	background-position: right;

	background-image:url(../images/anims/vines.gif);

	 

}
.floatresume {

	font-family: "Tw Cen MT";

	float: left;

	height: 700px;

	width: 250px;

	background-repeat: no-repeat;

	background-position: right;

	background-image:url(../web_resume/black/images/experience_designer.jpg);

	 

}

.floatnew {

	font-family: "Tw Cen MT";

	float: left;

	height: 700px;

	width: 100px;

	background-repeat: no-repeat;

	background-position: right;

	 

}

.floatright {

	font-family: "Tw Cen MT";

	float: right;

	height: 700px;

	width: 100px;

	background-repeat: no-repeat;

	background-position: right;

	 

}


.floatweb_teens {
	width: 420px;
	float: left;
	background-image:url(../images/images/sitedesign/webdevelopment_teens.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 150px;
	padding: 0px 0px 0px 0px;
	height: 425px;

}
.floatweb_rokk {
	width: 420px;
	float: left;
	background-image:url(../images/images/sitedesign/webdevelopment_rokk.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 150px;
	padding: 0px 0px 0px 0px;
	height: 425px;

}
.floatweb_bio {
	width: 420px;
	float: left;
	background-image:url(../images/images/sitedesign/webdevelopment_biomed.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 150px;
	padding: 0px 0px 0px 0px;
	height: 425px;

}
.floatweb_entropic {
	width: 420px;
	float: left;
	background-image:url(../images/images/sitedesign/webdevelopment_entropic.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 150px;
	padding: 0px 0px 0px 0px;
	height: 425px;

}
.floatweb_unitedjan {
	width: 420px;
	float: left;
	background-image:url(../images/images/sitedesign/webdevelopment_janitorial.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 150px;
	padding: 0px 0px 0px 0px;
	height: 425px;

}
.floatweb_specstones {
	width: 420px;
	float: left;
	background-image:url(../images/images/sitedesign/webdevelopment_specstones.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 150px;
	padding: 0px 0px 0px 0px;
	height: 425px;

}
.floatweb_schaffert {
	width: 420px;
	float: left;
	background-image:url(../images/images/sitedesign/webdevelopment_schaffert.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 150px;
	padding: 0px 0px 0px 0px;
	height: 425px;

}
.floatjeff {

	width: 300px;
	height: 300px;
	margin: 0px 0px 0px 150px;
	padding: px 0px 0px 0px;
	float: left;
	background-image:url(../images/faces/face_jeff.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
}
.floatjeff125 {

	width: 125px;
	height: 125px;
	margin: 0px 0px 0px 120px;
	padding: px 0px 0px 0px;
	float: left;
	background-image:url(../images/faces/face_jeff125x125.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
}

.floataaron {
	width: 300px;
	height: 300px;
	margin: 50px 0px 0px 150px;
	padding: 50px 0px 0px 0px;
	float: left;
	background-image:url(../images/faces/face_aaron.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
}

.floatport {

	width: 250px;

	float: left;

	background-image:url(../anims/vines2.gif);

	background-repeat: no-repeat;

	background-position: right 20px;

	height: 2000px;

}

#lightbox{

	position: absolute;

	top: 40px;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#loading{

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

	}

#hoverNav{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

	width: 49%;

	height: 100%;

	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }





#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	}



#imageData{

	padding:0 10px;

	}

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

		

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	}

	



.clearfix:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

	}



* html>body .clearfix {

	

	width: 100%;

	}



* html .clearfix {

	/* Hides from IE-mac \*/

	height: 1%;

	/* End hide from IE-mac */

	}	#contentcontainer {

	font-family: "Century Gothic";

	float: left;

	width: 600px;

	margin-left: 30px;

	margin-top: 50px;

	font-size: 12px;

}

#webtextcontainer {
	font-family: "Century Gothic";
	font-size: 12px;
	height: 200px;
	width: 500px;
	float: left;
	margin-top: 22px;
	margin-left: 30px;
	text-align: left;
}

#webtextcontainer1 {
	font-family: "Century Gothic";
	font-size: 12px;
	height: 200px;
	width: 500px;
	float: left;
	margin-top: 26px;
	margin-left: 30px;
	text-align: left;

}#webtextcontainer2 {
	font-family: "Century Gothic";
	font-size: 12px;
	height: 200px;
	width: 500px;
	float: left;
	margin-top: 22px;
	margin-left: 30px;
	text-align: left;

}
#facetextcontainer {
	font-family: "Century Gothic";
	font-size: 12px;
	height: 300px;
	width: 400px;
	float: left;
	margin: 20px 0px 15px 30px;
	padding: 25px 0px 30px 30px;
	text-align: left;

}
#facetextcontainer125 {
	font-family: "Century Gothic";
	font-size: 12px;
	height: 60px;
	width: 400px;
	float: left;
	margin: 20px 0px 15px 30px;
	padding: 25px 0px 30px 30px;
	text-align: left;

}

#indexcell1 {

	font-family: "Century Gothic";

	background-image:url(../images/reff/beyondlimits.jpg);

	float: left;

	width: 250px;

	margin-top: 30px;

	margin-left: 150px;

	height: 260px;

	background-repeat: no-repeat;

	background-position: left 46px;

	border: thin double #CCCCCC;

}

#indexcell2 {

	font-family: "Century Gothic";

	background-image:url(../images/reff/ographics.jpg);

	float: left;

	width: 250px;

	margin-top: 30px;

	height: 260px;

	background-repeat: no-repeat;

	background-position: bottom;

	border: thin double #CCCCCC;

	margin-right: 100px;

	margin-left: 75px;

}

#newcontent1 {

	font-family: "Century Gothic";

	width: 600px;

	font-size: 12px;

	margin-left: auto;

	margin-top: 10px;

	margin-right: auto;

}

#newcontent2 {

	font-family: "Century Gothic";

	width: 600px;

	float: left;

	font-size: 12px;

	margin-left: 150px;

	margin-top: 30px;

}

#newcalltoaction {

	font-family: "Tw Cen MT";

	background-image:url();

	height: 170px;

	width: 644px;

	background-repeat: no-repeat;

	margin-top: 30px;

	float: left;

	margin-left: 120px;

}



#estimatelink{

	font-family: "Tw Cen MT";

	background-image:url(../images/actioncall.jpg);

	height: 170px;

	width: 644px;

	background-repeat: no-repeat;

}

#estimatelink:hover{

	font-family: "Tw Cen MT";

	background-image:url(../images/actioncall-ov.jpg);

	height: 170px;

	width: 644px;

	background-repeat: no-repeat;

}

#webtextcontainer3 {

	font-family: "Century Gothic";

	font-size: 12px;

	height: 200px;

	width: 500px;

	float: left;

	margin-top: 22px;

	margin-left: 30px;

	text-align: left;

}

#webcall {

	height: 170px;

	width: 644px;

	margin-left: 278px;

}

#newwebcont1 {

	font-family: "Century Gothic";

	height: 200px;

}

#newwebsub1 {

	font-family: "Century Gothic";

	width: 300px;

	font-size: 12px;

	margin-left: 100px;

}

#newwebsub2 {

	font-family: "Century Gothic";

	width: 300px;

	font-size: 12px;

	margin-left: 100px;

	margin-top: 30px;

}

#newindeximg {

	font-family: "Century Gothic";

	height: 190px;

	width: 300px;

	margin-left: 100px;

}

#newindextitle {

	font-family: "Century Gothic";

	width: 300px;

	margin-top: 75px;

	font-size: 27px;

	line-height: 24px;

	font-weight: bold;

	margin-right: 224px;

	float: right;

	

}

.slildeshow {
	width: 800px;
	height: 310px;
	margin: 0px 210px;
	padding: inherit;
}