/* generated by csscreator.com */
html, body{
margin:0;
padding:0;
}
#pagewidth{
max-width:100%;
min-width:800px;
}
#header{
position:relative;
height:200px;
width:100%;
}
#leftcol{
width:20%;
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:3%;
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;
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: verdana, "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: verdana, "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
{
font-family: georgia, "Times New Roman", Times, serif;
font-size: 100%;
font-weight: 600;
color: #FFF3D7;
height: 12px;
text-indent: 20px;
position: absolute;
top: 425px;
left: 0;
width: 100%;
height: 350px;
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: 100%;
font-weight: 600;
color: #F38373;
height: 12px;
position: absolute;
left: 5%;
top: 70px;
vertical-align:middle;
line-height:150%;
width: 63%;
height: 400px;
border: 1px solid #000000;
margin: 0px;
padding: 0px;
z-index: 3;
text-align: left;
border:none;
}
.whitetext2
{
position: absolute;
top: 75px;
left: 68%;
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: 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: verdana, "Times New Roman", Times, serif;
color: #F8951E;
}
.showcase
{
height: 320px;
width: 100%;
margin-left: 20px;
margin-right: 10px;
border-color: #666666;
border-style: dotted;
overflow: hidden;
}
.copyhead
{
font-family: georgia, "Times New Roman", Times, serif;
background-repeat: no-repeat;
text-align: left;
width: 80%;
background-image: url(images/copyhead.png);
margin-left: 20px;
font-size: 100%;
font-weight: 600;
color: #FFF3D7;
height: 12px;
text-indent: 20px;
padding: 9px;
}
.copy
{
font-family: verdana, "Times New Roman", Times, serif;
text-align: left;
width: 100%;
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;
margin-top:8px;
}
.morelink
{
font-family: verdana, "Times New Roman", Times, serif;
background-image:url(images/bg-sectionfooter.png);
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;
}
.right
{
position: absolute;
font-family: verdana, "Times New Roman", Times, serif;
font-size: 100%;
color: #FFF3D7;
width: 200px;
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;
right: 5%;
}
.footer2
{
position: absolute;
top: 2250px;
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: 2250px;
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: 2250px;
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: 2250px;
width: 20%;
left: 74%;
bottom: 0px;
height: 100px;
text-align: left;
font-family: verdana, "Times New Roman", Times, serif;
font-size: 100%;
color: #FFF3D7;
}
.footercopyright
{
position:absolute;
top: 2451px;
background-repeat:repeat;
height: 80px;
width: 100%;
left: 0px;
font-family: verdana, "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: verdana, "Times New Roman", Times, serif;
color: #666666;
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;}
}