/* generated by csscreator.com */ 

html, body{ 

 margin:0; 

 padding:0; 

 } 

 

#pagewidth{ 

 max-width:100%;  



 min-width:800px;  

}

 

#header{

 position:relative; 

 height:150px; 

 width:100%;

} 

 

#leftcol{

 width:20%; 

 float:right; 

  top: 0px;

  padding-right:5%;

 position:relative; 

 font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 100%;

	color: #FFF3D7;





 }

 

#twocols{

 width:75%; 

 float:left;

 top: 0px;

 position:relative;



  }

 

#heading{

 width:100%; 

 float:left;

 padding-left:3%;

 position:relative;

 height:90px;



 }

 

 #rightcol{

 width:100%; 

 float:right;

 padding-right:10%;

 position:relative;



 }

 

#maincol{

 float: left;

 display:inline; 

 position: relative;

 padding-left:3%;

 width:89%;







 }

 

#footer{

 height:0px;



  margin-bottom:0px;

 clear:both;

 } 

 

 .logo

{

	float: left;

	width: 400Px;

	position: absolute;

	z-index: auto;

	height: auto;

	padding-left: 40px;

	padding-top: 20px;

}

.topbar

{

	background-image: url(images/pixel6.png);

	background-repeat: no-repeat;

	top: 20px;

	height: 34px;

	width: 485px;

	left: 51%;

	text-align: left;

	position: absolute;

	z-index: 4;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 120%;

	color: #FFF3D7;

	font-weight: bold;

	line-height: 240%;

}

/* - - Hyperlinks - - */



a:link	{ 

	text-decoration: none; 

	color: #5282b9;

}



a:active { 

	text-decoration: none; 

	color: #f38373; 

}



a:visited { 

	text-decoration: none; 

	color: #5282b9;

}



a:hover { 

	text-decoration: none; 

	color: #f38373; 

}



a img {

	border: none;

}



.topbar

{

	background-image: url(images/pixel6.png);

	background-repeat: no-repeat;

	top: 20px;

	height: 34px;

	width: 485px;

	left: 51%;

	text-align: left;

	position: absolute;

	z-index: 4;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 120%;

	color: #FFF3D7;

	font-weight: bold;

	line-height: 240%;

}

.logo

{

	float: left;

	width: auto;

	position: absolute;

	z-index: auto;

	height: auto;

	left: 0px;

	top: 0px;

}



.stage

{

	position: absolute;

	width: 900px;

	top: 95px;

	z-index: -1;

	left:10%;

}

.bg

{

	background-image: url(images/bg-right.png);

	position: fixed;

	left: 0px;

	top: 0px;

	z-index: 10;

	height: 1193px;

	width: 2048px;

	border:none;

}

.whitebar

{

	position: absolute;

	top: 425px;

	left: 0;

	width: 100%;

	height: 400px;

	background-image: url(images/whitebg.png);

	background-repeat: repeat-x;

	z-index: 3;

		border:none;

}

.whitetext

{

	position: absolute;

	left: 10%;

	top: 110px;

	vertical-align:middle;

line-height:200%;

	width: 25%;

	height: 400px;

	border: 1px solid #000000;

	margin: 0px;

	padding: 0px;

	z-index: 3;

	text-align: left;

		border:none;

}

.whitetext2

{

	position: absolute;

	top: 75px;

	left: 38%;

	width: 25%;

line-height:200%;

	height: 200px;

	border: 1px solid #000000;

	margin: 0px;

	padding: 0px;

	z-index: 3;

	text-align: left;

		border:none;

}

.whitetext3

{

	position: absolute;

	top: 30px;

	left: 48%;

	width: 25%;

line-height:200%;

	height: 200px;

	border: 1px solid #000000;

	margin: 0px;

	padding: 0px;

	z-index: 3;

	text-align: left;

		border:none;

}

.whitetext4

{

	position: absolute;

	top: 90px;

	left: 67%;

	width: 25%;

	height: 200px;

line-height:200%;

	border: 1px solid #000000;

	margin: 0px;

	padding: 0px;

	z-index: 3;

	text-align: left;

		border:none;

}



.main

{

	position: absolute;

	width: 100%;

	height: 100;

	top: 750px;

}

.portfolio

{

	position: absolute;

	width: 32%;

	left: 0px;

	text-align: left;

	padding-left: 20px;

	padding-top: 20px;

	z-index: 3;

	top: 800px;

}

.portfolio2

{

	position: absolute;

	width: 32%;

	left: 33%;

	text-align: left;

	padding-left: 20px;

	padding-top: 20px;

	z-index: 3;

	top: 800px;

}



.links

{

	font-family: verdana, "Times New Roman", Times, serif;

	color: #F8951E;

}

.showcase

{

	height: 600px;

	width: 90%;

	margin-left: 20px;

	margin-right: 10px;

	margin-top: 10px;

	border-color: #666666;

	border-style: dotted;

	overflow: hidden;

	background-color:#000000;

}

.showcase2

{

	height: 400px;

	width: 97%;

	margin-left: 20px;

	margin-right: 10px;

	margin-top: 10px;

	border-color: #666666;

	border-style: dotted;

	overflow: hidden;

}



.sectionhead

{

	font-family: Georgia, "Times New Roman", Times, serif;

	background-repeat: no-repeat;

	text-align: left;

	width: 95%;

	background-image: url(images/bg-sectionheader.png);

	margin-left: 20px;

	font-size: 145%;

	font-weight: 700;

	line-height: 20%;

	color: #F38373;

	height: 12px;

	

	padding: 9px;

}



.copyhead

{

	font-family: Georgia, "Times New Roman", Times, serif;

	background-repeat: no-repeat;

	text-align: left;

	width: 95%;

	background-image: url(images/copyhead.png);

	margin-left: 20px;

	font-size: 100%;

	font-weight: 600;

	color: #FFF3D7;

	height: 10px;

	text-indent: 20px;

	padding: 9px;

}

.copy

{

	font-family: verdana, "Times New Roman", Times, serif;

	text-align: left;

	width: 98%;

	line-height: 160%;

	margin-left: 20px;

	font-size: 100%;

	color: #FFF3D7;

	text-indent: 0px;

	padding: 0px;

	top: 0px;

}



.backtotop {

    width: 135px;

    height: 28px;

    position: fixed;

    bottom: 0;

    right: 5%;

}

.header

{

	font-family: Georgia, "Times New Roman", Times, serif;

	text-align: left;

	width: 220%;

	background-image:url(bg-sectionfooter.png);

	



	margin-left: 20px;

	font-size: 100%;

	color: #FFF3D7;

	text-indent: 0px;

	padding: 0px;

	top: 0px;

}

.icon

{

	text-align: left;

	width: 75px;

	margin-left: 20px;

	text-indent: 0px;

	padding: 0px;

	top: 0px;

}

.morelink

{

	font-family: Georgia, "Times New Roman", Times, serif;

	background-repeat: no-repeat;

	text-align: left;

	width: 100%;

	margin-left: 0px;

	font-size: 145%;

	font-weight: 700;

	color: #FFF3D7;

	height: 12px;

	text-indent: 10px;

	padding: 9px;

		text-decoration: none; 

	color: #5282b9;



	background-image:url(bg-sectionfooter.png);

	background-repeat:no-repeat;

	

}

.right

{

	position: absolute;

	font-family: verdana, "Times New Roman", Times, serif;

	font-size: 100%;

	color: #FFF3D7;

	width: 200px;

	height: 0;

	left: 73%;

	top: 820px;

	text-align: left;

	padding-left: 0px;

	padding-top: 0px;

	-moz-border-radius: 15px;

	z-index: 3;

}

.vline

{

	position: absolute;

	z-index: 2;

	height: 1000;

	width: 3px;

	left: 69%;

	top: 820px;

		background-image: url(images/vline.png);

}

.footer1

{

position:absolute;

z-index:-5;

top: 2850px;

	background-image: url(images/bg-footer.png);

	background-repeat:repeat;

	height: 580px;

	width: 100%;



	left: 0px;

}

.footer2

{



	position: absolute;

	top: 3150px;

	width: 20%;

	left: 5%;

	bottom: 0px;

	text-align: left;

	height: 100px;



	font-family: verdana, "Times New Roman", Times, serif;

	font-size: 100%;

	color: #FFF3D7;

}

.footer3

{



	position: absolute;

	top: 3150px;

	width: 20%;

	left: 28%;

	bottom: 0px;

		height: 100px;

	text-align: left;

	font-family: verdana, "Times New Roman", Times, serif;

	font-size: 100%;

	color: #FFF3D7;

}

.footer4

{



	position: absolute;

	top: 3150px;

	width: 20%;

	left: 51%;

	bottom: 0px;

		height: 100px;

	text-align: left;

	font-family: verdana, "Times New Roman", Times, serif;

	font-size: 100%;

	color: #FFF3D7;

}

.footer5

{



	position: absolute;

	top: 3150px;

	width: 20%;

	left: 74%;

	bottom: 0px;

		height: 100px;

	text-align: left;

	font-family: verdana, "Times New Roman", Times, serif;

	font-size: 100%;

	color: #FFF3D7;

}



.space

{

	height: 1520px;

	bottom: 0px;

}

.text{

font-family:verdana, "Times New Roman", Times, serif;

font-size: 120%;

line-height: 160%;

}



H1, H2, H3, H4, H5, H6

{

	font-family: Georgia, "Times New Roman", Times, serif;

	color: #fff3d7;

	font-weight: normal;

}

H1

{

	font-size: 218%;

	line-height: 120%;

}

H2

{

	font-size: 164%;

	line-height: 150%;

}

H3

{

	font-size: 145%;

	line-height: 120%;

	font-weight: 600;

}

H4

{

	font-size: 118%;

	line-height: 120%;

}

.horizon

{

	top: 0px;

	right: 0px;

	background-image: url(images/bg-black-trans.png);

	background-repeat: no-repeat;

	width: 100%;

	height: 75px;

}

 

 /* *** Float containers fix:

 http://www.csscreator.com/attributes/containedfloat.php *** */ 

.clearfix:after {

 content: "."; 

 display: block; 

height: 0; 

 clear: both; 

 visibility: hidden;

 }

 

.clearfix{display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix{height: 1%;}

.clearfix{display: block;}

/* End hide from IE-mac */  





 

 /*printer styles*/ 

 @media print{ 

/*hide the left column when printing*/ 

#leftcol{display:none;} 



/*hide the right column when printing*/ 

#rightcol{display:none;} 

#twocols, #maincol{width:100%; float:none;}

}

.bread {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 10px;





	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	left: 40px;

	top: 400px;

		text-align: left;

	width: 70%;



	margin-left: 20px;

	font-size: 100%;



	color: #FFF3D7;

	height: 12px;



	padding: 9px;

}

.alien {

	height: 0px;

	width: 0px;

	position: absolute;

	top: 84px;

	left: 40%;

	}

	

.subheader {

position:absolute;

	height: auto;

	width: 100%;



	top: 70px;

	left: 10%;

}