/* generated by csscreator.com */ 
html, body{ 
margin:0; 
padding:0; 
} 
#pagewidth{ 
max-width:800px;
min-width:800px;  
}
#header{
position:relative; 
height:200px; 
width:800px;
} 
#leftcol{
width:200px; 
float:right; 
top: 610px;
padding-right:5%;
position:relative; 
font-family: Arial, "Times New Roman", Times, serif;
font-size: 100%;
color: #FFF3D7;
}
#twocols{
width:75%; 
float:left;
top: 610px;
position:relative;
}
#heading{
width:100%;
float:left;
padding-left:0px;
position:relative;
height:70px;
}
#rightcol{
width:40%; 
float:right;
padding-right:10%;
position:relative;
}
#maincol{
float: left;
display:inline; 
position: relative;
padding-left:3%;
width:40%;
}
#footer{
height:0px;
margin-bottom:0px;
clear:both;
} 
.logo
{
float: left;
position: absolute;
z-index: auto;
height: auto;
padding-left: 0px;
padding-top: 20px;
}
.topbar
{
background-image: url(images/pixel6.png);
background-repeat: no-repeat;
top: 20px;
height: 34px;
width: 420px;
left: 0px;
text-align: right;
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/pixel.png);
	background-repeat: no-repeat;
	top: 10px;
	height: 34px;
	width: 420px;
	right: 0px;
	text-align: left;
	position: relative;
	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:0px;
}
.bg
{
background-image: url(images/bg-right.png);
position: fixed;
left: 0px;
top: 0px;
z-index: 10;
height: 1193px;
width: 2048px;
border:none;
}
.whitebar
{
font-family: georgia, "Times New Roman", Times, serif;
font-size: 100%;
font-weight: 600;
color: #FFF3D7;
text-shadow:0 -1px 1px rgba(0,0,0,0.9); 
height: 18px;
text-indent: 20px;
position: relative;
top: -30px;
left: 0;
width: 100%; 
height: 300px;
background-image: url(images/whitebg.png);
background-repeat: repeat-x;
z-index: 3;
border:none;
}
.whitetext
{
font-family: georgia, "Times New Roman", Times, serif;
font-size: 200%;
text-shadow: 0px 1px 1px #474747;
font-weight: 600;
color: #111111;
height: 30px;
position: absolute; 
left: 30px;
top: 55px;
vertical-align:middle;
line-height:140%;
width: 600px;
height: 350px;
border: 1px solid #000000;
margin: 0px;
padding: 0px;
z-index: 3;
text-align: left;
border:none;
}
.whitetext2
{
position: absolute;
top: 55px;
left: 670px;
width: 200px;
line-height:200%;
height: 200px;
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: 700px;
}
.portfolio2
{
position: absolute;
width: 32%;
left: 33%;
text-align: left;
padding-left: 20px;
padding-top: 20px;
z-index: 3;
top: 800px;
}
.links
{
font-family: georgia, "Times New Roman", Times, serif;
text-shadow:0 -1px 1px rgba(0,0,0,0.9); 
color: #F8951E;
}
.showcase
{
	height: 100px;
	width: 330px;
	margin-left: 0px;
	border-style:none;
	margin-right: 0px;
	border-color: #666666;
	overflow: hidden;
}
.copyhead
{
font-family: georgia, "Times New Roman", Times, serif;
background-repeat: no-repeat;
text-align: left;
text-shadow:0 -1px 1px rgba(0,0,0,0.9); 
width: 207px;
vertical-align:top;
background-image: url(images/copyhead.png);
margin-left: 0px;
font-size: 110%;
font-weight: 500;
color: #FFF3D7;
height: 12px;
text-indent: 20px;
padding: 9px;
}
.copy
{
font-family: georgia, "Times New Roman", Times, serif;
text-align: left;
width: 340px;
margin-left: 20px;
font-size: 130%;
text-shadow:0 -1px 1px rgba(0,0,0,0.9); 
line-height:130%;
color: #FFF3D7;
text-indent: 0px;
padding: 0px;
top: 0px;
}
.copyfull
{
font-family: georgia, "Times New Roman", Times, serif;
text-align: left;
width: 700px;
margin-left: 0px;
text-shadow:0 -1px 1px rgba(0,0,0,0.9); 
font-size: 130%;
line-height:130%;
color: #FFF3D7;
text-indent: 0px;
padding: 0px;
top: 0px;
}
.friends {
font-family: Georgia, "Times New Roman", Times, serif;
text-align: right;
font-size: 100%;
font-weight: 600;
text-shadow:0 -1px 1px rgba(0,0,0,0.9); 
line-height: 130%;
color: #F38373;
height: 12px;
padding: 9px;
}
.redlist {
font-family: Georgia, "Times New Roman", Times, serif;
text-align: left;
font-size: 110%;
text-shadow:0 -1px 1px rgba(0,0,0,0.9); 
font-weight: 500;
line-height: 200%;
color: #F38373;
height: 12px;
padding: 9px;
}
.icon
{
text-align: left;
width: 110px;
margin-left: 10px;
text-indent: 0px;
padding: 0px;
margin-top:0px;
}
.morelink
{
font-family: georgia, "Times New Roman", Times, serif;
background-image:url(images/bg-sectionfooter.png);
text-align: left;
width: 100%;
margin-left: 0px;
text-shadow:0 -1px 1px rgba(0,0,0,0.9); 
font-size: 145%;
font-weight: 700;
color: #FFF3D7;
height: 12px;
text-indent: 10px;
padding: 9px;
text-decoration: none; 
color: #5282b9;
}
.right
{
position: absolute;
font-family: georgia, "Times New Roman", Times, serif;
font-size: 100%;
color: #FFF3D7;
width: 200px;
text-shadow:0 -1px 1px rgba(0,0,0,0.9); 
height: 0;
left: 73%;
top: 720px;
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;
top: 1950px;
background-image: url(images/bg-footer.png);
background-repeat:repeat;
height: 580px;
width: 100%;
left: 0px;
}
.backtotop {
width: 135px;
   height: 28px;
   position: fixed;
   bottom: 0;
   left: 70%;
}
.alien {
height: 0px;
width: 0px;
position: relative;
top: 0px;
left: 380px;
}
.sectionhead
{
font-family: Georgia, "Times New Roman", Times, serif;
background-repeat: no-repeat;
text-align: left;
color: #000;
text-shadow:0 -1px 1px rgba(0,0,0,0.9);  
width: 95%;
background-image: url(images/bg-sectionheader.png);
margin-left: 0px;
font-size: 145%;
font-weight: 300;
line-height: 20%;
color: #F38373;
height: 12px;
padding: 9px;
}
.text{
font-family:georgia, "Times New Roman", Times, serif;
font-size: 120%;
text-shadow:0 -1px 1px rgba(0,0,0,0.9); 
line-height: 160%;
color: #FFF3D7;
}
.footercopyright
{
position:relative;
height: 80px;
width: 100%;
text-shadow:0 -1px 1px rgba(0,0,0,0.9); 
left: 0px;
font-family: georgia, "Times New Roman", Times, serif;
text-align: center;
color: #FFF3D7;
text-indent: 0px;
font-size:10px;
padding: 0px;
}
.space
{
height: 1520px;
bottom: 0px;
}

H1, H2, H3, H4, H5, H6
{
font-family: georgia, "Times New Roman", Times, serif;
color: #666666;
text-shadow:0 -1px 1px rgba(0,0,0,0.9); 
font-weight: normal;
}
H1
{
font-size: 218%;
text-shadow:0 -1px 1px rgba(0,0,0,0.9); 
line-height: 120%;
}

H2
{
font-size: 164%;
line-height: 150%;
text-shadow:0 -1px 1px rgba(0,0,0,0.9); 
}
H3
{
font-size: 145%;
line-height: 120%;
font-weight: 600;
text-shadow:0 -1px 1px rgba(0,0,0,0.9); 
}
H4
{
font-size: 118%;
line-height: 120%;
text-shadow:0 -1px 1px rgba(0,0,0,0.9); 
}
.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;}
}
.forms {
	font-family:georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	line-height: 160%;
	color: #FFF3D7;
	background-color: #333333;
	border: thin solid #5282b9;
}

.showcasebig
{
	height: 600px;
	width: 10%;
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 10px;
	border-color: #666666;
	border-style: dotted;
	overflow: hidden;
	background-color:#000000;
}
.copydetail

{
	font-family: georgia, "Times New Roman", Times, serif;
	text-align: left;
	width: 98%;
	line-height: 160%;
	margin-left: 10px;
	font-size: 100%;
	color: #FFF3D7;
	text-indent: 0px;
	padding: 0px;
	top: 0px;
}