* {margin:0;padding:0;} 
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body { background-attachment: scroll; background-repeat: no-repeat; background-position: center top; font-size: 100%; font-family: Helvetica, Arial, sans-serif;  height: 3400px;
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top,  #000000 0%, #dd89ff 74%, #59d2ff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(74%,#dd89ff), color-stop(100%,#59d2ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #000000 0%,#dd89ff 74%,#59d2ff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #000000 0%,#dd89ff 74%,#59d2ff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #000000 0%,#dd89ff 74%,#59d2ff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #000000 0%,#dd89ff 74%,#59d2ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#59d2ff',GradientType=0 ); /* IE6-9 */

}

.preloader {color: #fff; font-size: 16px; text-align: center; padding-top: 500px}

#wrapper{width: 100%;margin:0 auto;text-align:left;padding:0;background: url(../images/background.jpg) no-repeat;background-position: center top; }

h2{ font-family:Arial, Helvetica, sans-serif; font-size: 40px; text-transform:uppercase; font-weight: lighter; padding-right: 420px; margin: auto;}

.about-hdr {background: url(../images/about_hdr.png) no-repeat; text-indent:-9999px; padding-bottom: 20px; width: 200px;}
.work-hdr {background: url(../images/work_hdr.png) no-repeat; text-indent:-9999px; padding-bottom: 20px; width: 200px;}
.contact-hdr {	background: url(../images/contact_hdr.png) no-repeat; text-indent:-9999px; width: 200px;}

.bold{ font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #fc1cfe;}
#about{ padding-top: 320px; height: 400px; clear: both; color: white; font-size: 42px; text-align: center;}

#contact { padding-top: 140px; height: 700px; clear: both; color: white; font-size: 42px; text-align: center;}

#work { height: 950px; clear: both; color: white; font-size: 42px;}

#main { margin-top: 0px; height: 950px; clear: both; color: white; font-size: 42px;}

a, a.visited{ color: #0CF; text-decoration: none; font-size: 12px; outline:0;}

/* NAVIGATION STYLES - Active, Over and Default */

a:hover, a:active, a:focus{ color:#f20dd6; }

#footer { width:100%; height:70px; bottom:0; background-color: #000; position: fixed; padding-top: 5px; text-align:center;margin:0 auto;}

#footer-nav{display: table; height: 90px; padding: 0px; margin: 0 auto;}

#footer-nav li { float: left; position: relative; list-style-type: none; margin-top: 0; margin-right: 10px;  padding: 10px 20px 0 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background: #000;}

#footer-nav li a {font-size: 12px;}

#footer-nav a.main-nav{ background: url(../images/nav.gif) no-repeat -5px 0; display: block; width: 80px; text-indent: -9999px; height: 32px; text-decoration: none; }

.active1 {background: url(../images/nav.gif) no-repeat  -5px -32px !important;}

#footer-nav li a.main-nav:hover, #footer-nav li a.main-nav:active{ background: url(../images/nav.gif) no-repeat  -15px -61px; }

#footer-nav a.about-nav{background: url(../images/nav.gif) no-repeat -111px 0; 	display: block;width: 94px;text-indent: -9999px;height: 32px;text-decoration: none;}

#footer-nav li a.about-nav:hover{background-position: -113px -61px;}

#footer-nav li .about-nav a:active, .active2{background: url(../images/nav.gif) no-repeat  -111px -32px !important; }

#footer-nav a.work-nav{background: url(../images/nav.gif) no-repeat -226px 0; 	display: block;width: 84px;text-indent: -9999px;height: 32px;text-decoration: none;}

#footer-nav li a.work-nav:hover, #footer-nav li .work-nav a:active{background-position: -220px -61px;}

.active3{background: url(../images/nav.gif) no-repeat  -226px -32px !important; }


#footer-nav a.contact-nav,  #footer-nav li a.contact-nav:focus{background: url(../images/nav.gif) no-repeat -327px 0;display: block;width: 126px;text-indent: -9999px;height: 32px;text-decoration: none;}

#footer-nav li a.contact-nav:hover{background-position: -314px -61px;}

#footer-nav li .contact-nav a:active, .active4{background: url(../images/nav.gif) no-repeat  -327px -32px !important;}

.content, .contact-content { width: 620px; height: 210px; background: #fff; margin: auto; text-align: left; padding-top: 15px;}

.contact-content { background: #0CF; height: 350px; color: #fff;}

.contact-content a { color:#f9ff4d; }

#contact-left p{ float:left; width: 260px; color: #000; clear:both; margin-bottom: 4px; padding-bottom: 8px; margin-left: 10px; background: #OC9;}

#contact-left a:hover { color:#fff; }

ul#work-list{font-size: 11px; font-family:  Helvetica, Arial, sans-serif; color: #000;px;  width: 620px; margin: auto; text-align: left;}

#work-list li{ list-style: none; line-height: 30px; background: #F09; margin-bottom: 10px;}

#work-list li a { color: #FFF; margin: 5px 5px 5px 15px;}

#work-list li a:hover { color:#f9ff4d; }

p{ font-size: 12px; font-family:  Helvetica, Arial, sans-serif; color: #000; padding: 8px 25px 0 25px; line-height: 20px;}


.shadow {-moz-box-shadow: 5px 5px 10px #023b46;-webkit-box-shadow: 3px 3px 5px #023b46;box-shadow: 3px 3px 5px #023b46;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#023b46')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#023b46');}

.shadow2{-moz-box-shadow: 5px 5px 10px #261F2C;-webkit-box-shadow: 5px 5px 8px #333;box-shadow: 3px 3px 5px #333;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#023b46')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#023b46');}