*{margin:0;padding:0;list-style:none;border:none;}
* :focus { outline: 0; }



/*-----------BASICS----------*/
html,body,#menu, #container{overflow:hidden}
body{font-family:Arial, Helvetica, times, sans-serif;color:#000;}
a{text-decoration:none;color:#000;}
img{display:block;border:none;}

.loading { z-index:5000;position:fixed;left:0px;top:0px;width:100%;height:100%;background-color:#fff; }
.loading-text {position:absolute; left:10px;top:10px;}

#menu{position:absolute;right:0;top:0;text-align:right;z-index:80;}
#menu-works {position:absolute;right:0;top:0;text-align:right;z-index:80;width:100%; height:100%; overflow:auto;} /* overflow to allow scrollign */

#supersize{position:fixed;}
#supersize img, #supersize a{height:100%;width:100%;position:absolute;z-index: 0;}

.javascript-detect {font-size:20px; color:#4accee;}


/*-----------HEADER----------*/
#header{text-align:right;}	
#header li{list-style-type:none;}
#header a{line-height:80%;font-size:70px;font-weight:bold;text-decoration:none;}
#header a.h1{font-size:97px;}
#header a.h2{font-size:97px;}
#header a.h2:hover{color:#adadad;}
#header li.aka{padding:5px;font-size:20px;}
#header a.h4{margin-right:5px;font-size:17px;font-weight:normal;}
#header a.h4:hover{color:#fff;}

#past{position:absolute;bottom:3px;left:3px;z-index:90;font-size:12px;}
#past li.versions a  { color:#000; text-decoration:underline; }
#past li.versions a:hover  { color:#000; text-decoration:none; }
#past a{color:#adadad;}
#past a:hover{color:#000;text-decoration:underline;}


/*-----------NAVIGATION----------*/			
#nav  {text-align:right;}
#nav li,#design li{list-style-type:disc;list-style-position: inside;}
#nav a,#design a{font-size:70px;font-weight:bold;}
#nav a{line-height:45px;}
#design a{line-height:34px;}
#nav a:hover{color:#adadad;}


/*-----------ABOUT----------*/	
.info{margin:50px 5px 0 0;font-size:15px;}
.info li{list-style-type:none;}
.info a{text-decoration:none;}
.info a:hover{color:#fff;}


/*-----------WORKS-IMAGE-LIST----------*/
.image_list {margin:20px 0 20px 0;list-style-type:none; }
.image_list li {line-height:25px; display:block;}
.image_list li.title:first-child {margin-top:0;letter-spacing:6px;font-size:15px;}
.image_list li.title {margin-top:35px;letter-spacing:6px;font-size:15px;}
.image_list a {margin-right:6px;font-size:12px;}
.image_list a:hover {background-color: #ffec49;}


/*-----------WORKS-IMAGE-PREVIEW----------*/
/*use only for border of images in WORKS page */
#imgPreviewWithStyles {background: none;-moz-border-radius: 10px;-webkit-border-radius: 10px;padding: 15px;z-index: 999;border: none;}


/*-----------GALLERY----------*/
#g_main{position:absolute;z-index:70;top:0;width:100%;}
#g_nav_l{position:absolute;top:300px;left:35px;;z-index:90;}
#g_nav_r{position:absolute;top:300px;right:35px;z-index:90;}

#s_gallery{overflow:auto;position:relative;width:900px;background:none;}
#s_gallery ul{width:12600px;}
#s_gallery li{float:left;list-style:none;display:block;width:900px;}

#p_gallery{overflow:auto;width:900px;background:none;}
#p_gallery ul{width:24300px;}
#p_gallery li{float:left;list-style:none;display:block;width:900px;}

#d_gallery{overflow:auto;width:900px;background:none;}
#d_gallery ul{width:12600px;}
#d_gallery li{float:left;list-style:none;display:block;width:900px;}

.gallery_pic{margin:85px 0 0 105px;padding:0 0 25px 0;} /* used to adjust height of gallery */
.gallery_text{margin:0 0 0 105px;padding:0;font-size:11px;font-family:Geneva,Arial,Helvetica,sans-serif;}
.vert_pic{padding:40px 0 30px 255px;}
.vert_text{padding:0 0 0 255px;font-size:11px;font-family:Geneva,Arial,Helvetica,sans-serif;}

.highlight{background-color:white;} /* to highlight text with span */


/*-----------Design----------*/
#d_main{position:absolute;z-index:80;margin-top:110px;width:100%}
#design{text-align:left;font-weight:bold;padding-bottom:4px;}


/*-----------Design Scroll----------*/
#content{position:relative;width:950px;padding:0;margin:0 auto;}
#d_nav_l{position:absolute;top:310px;left:35px;;z-index:90;}
.d_nav_l_img{background:transparent url(../images/d_prev.png) no-repeat scroll right center;}
#d_nav_r{position:absolute;top:310px;right:35px;z-index:90;}


/*-----------Design Content----------*/
#sections {overflow:auto;width:1000px;background:none;font-family:Helvetica,Arial,sans-serif;}
#sections ul {width:6000px;}
#sections li {float:left;list-style:none;display:block;width:1000px;}
#sections a {text-decoration:none;color:white;background-color:black;}
#sections a:hover {color:black;background-color:white;}

.sect_pic {float:left;width:700px;padding:0 10px 0 10px;}
.sect_info {float:left;width:260px;padding:0 0 10px;}
.sect_header {font-size:24px;font-weight:bold;background-color:white;}
.sect_specs {font-size:12px;color:#928ea2;margin:10px 0 10px 0;width:240px;background-color:white;}
.sect_utilize {margin:10px 0 10px 0;padding:10px 0 10px 0;width:240px;font-size:12px;color:#928ea2;border-top:#3f3f3f solid 2px;background-color:white;}
.sect_text {font-size:11.5px;width:240px;color:#928ea2;line-height:120%;background-color:white;}
.sect_text p {background-color:white;}


/*-----------Drag 'n Share----------*/
#tip { position:absolute; z-index:90; display:none;  padding:7px 7px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background:#000; background:rgba(0,0,0,.5); border:1px solid #fff;}

#targets { background-image:url(../images/dragshare/drag_bg.png); width:700px; height:150px; display:none; list-style-type:none; position:fixed; top:40px; z-index:99999; }
#targets li { float:right; margin-right:16px; display:block; width:100px; height:80px; background:url(../images/dragshare/iconSprite.png) no-repeat 0 0; position:relative; }
#targets li#StumbleUpon { background-position:0 -80px; }
#targets li#Delicious { background-position:0 -160px; }
#targets li#Twitter { background-position:0 -240px; }
#targets li#Facebook { background-position:0 -320px; }
#targets li span { display:block; position:absolute; bottom:-40px; white-space:pre; font-size:20px; color:#fff; }
#targets a p {margin:100px 0 0 22px; float:left; color:#fff; font-size:13px;}

#overlay { background-color:#000; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99997; }
#helper {} /* used if text is used with image */
#thumb { width:150px; /* height:110px; */ position:absolute; right:0; top:0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:9px solid #d8d8d8; }

.share { font-weight:bold; position:absolute; font-size:14px; font-family:Verdana; top:-30px; margin-left:-38px; }