html{overflow:hidden;}
body{background-color:#000;background-image:url(../images/bg.gif);margin:0;padding:0;}
#container{height:3840px;width:8000px;}
.positioning{height:1200px;position:absolute;width:1920px;}
#start{background-color:#000;left:0;top:0;}
#about{background-color:#DD1F8E;background-image:url(../images/bg_pink.gif);background-repeat:repeat-y;left:0;top:1280px;}
#present{background-color:#00A7E2;background-image:url(../images/bg_blue.gif);background-repeat:repeat-y;left:2000px;top:1280px;}
#contact{background-color:#84C922;background-image:url(../images/bg_green.gif);background-repeat:repeat-y;left:2000px;top:0;}
#design{background-color:#EE9A10;background-image:url(../images/bg_orange.gif);background-repeat:repeat-y;left:4000px;top:0;}
#skills{background-color:#620294;background-image:url(../images/bg_purple.gif);background-repeat:repeat-y;left:4000px;top:1280px;}
.skillPercent{background:#FFF;color:red;display:none;font-size:30px;height:24px;margin-bottom:5px;margin-top:5px;}
.skillTag{color:#FFF;display:none;font-size:30px;height:24px;margin-bottom:5px;margin-top:5px;width:290px;}
.inside{width:800px;margin:60px;}
.inside .header{color:#FFF;font-family:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial;font-size:13pt;height:80px;line-height:25px;}
.inside .content{color:#FFF;font-family:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial;font-size:28px;height:410px;line-height:23px;text-align:justify;}
.inside .text ul#purple li{border-bottom:1px solid #7C2FA4;display:block;list-style-type:none;margin:0;padding:2px 10px;}
.inside .text ul#purple li:hover{background-color:#7110A3;color:#E8BFFD;}
.navigator{clear:both;cursor:pointer;display:block;float:right;}
a:link,a:visited{color:#FFF;text-decoration:none;padding:1px 2px;}
a:hover,a:active{color:#000;text-decoration:none;padding:1px 2px;}
.header h1{color:#FFF;font-size:80px;}
#separator{background:url(../images/trait.png) repeat-x scroll center center transparent;height:15px;width:100%;}
.scissorsLeft{background:url(../images/scissorsLeft.png) no-repeat scroll 0 0 transparent;float:left;height:19px;width:50px;}
.boxgrid{background:#161613;float:left;height:360px;overflow:hidden;position:relative;width:690px;}
.boxgrid img{border:0;left:0;position:absolute;top:0;padding:0;}
.boxgrid p{color:#afafaf;font:10pt "Lucida Grande", Arial, sans-serif;font-weight:700;padding:0 10px;}
.boxcaption{background:#000;float:left;height:200px;position:absolute;width:100%;margin:0;padding:0;}
.captionfull .boxcaption{left:0;top:260px;}
.caption .boxcaption{left:0;top:220px;}
#carousel{float:right;height:400px;overflow:hidden;width:700px;margin:0 auto;}
#slides{height:360px;overflow:hidden;position:relative;width:690px;}
#slides ul{left:0;list-style:none;position:relative;top:0;width:2100px;margin:0;padding:0;}
#slides li{float:left;height:250px;width:700px;}
#slides li img{padding:0;}
#buttonPrev{float:left;margin-top:160px;width:50px;padding:0 0 5px;}
#buttonNext{float:right;margin-top:160px;width:50px;padding:0 0 5px;}
.clear{clear:both;}
h2,h1{margin:0;}
h3{margin:10px;}
#toolBoxDisplay{color:#FFF;font-size:20px;height:24px;margin-bottom:5px;margin-top:5px;}
#skillLeft{float:left;width:500px;height:280px;margin-bottom:10px;}
#skillRight{float:right;width:300px;height:280px;margin-bottom:10px;}
.leftHeader{float:left;width:400px;font-size:80px;}
.rightHeader{float:right;width:300px;margin-top:40px;}
#myProjects{margin-top:60px; font-size:40px;}