*{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;}
a:hover {-webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, text-shadow 0.3s ease-in-out;}
img{display:block;border:none;}

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

#supersized-loader { position:absolute; top:35px; left:35px; z-index:10; width:32px; height:32px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:#fff; background:rgba(0,0,0,0) url(../images/progress.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img{ height:auto; width:auto; position:relative; outline:none; border:none; -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }

.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;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----------*/
#container {position:absolute;z-index:70;top:0;width:100%;height:100%;overflow:auto;}
#d_main{width:1050px;padding:110px 0 0;margin:0 auto;}
.content{float:left;top:110px;width:180px;margin:15px;}
.design_box{background-color:#fff;padding:5px;border:1px solid #bbb;}
#design{text-align:left;font-weight:bold;padding-bottom:4px;}


/*-----------Design mini-boxes----------*/
.popup_main{font-weight:bold;font-size:22px;line-height:200%;width:800px;height:550px;padding:10px 35px;background-color:#000;background-image:url(../images/design/bg.jpg);background-repeat: repeat-x;background-position: center top;}
.popup_main p{color:#fff;margin:20px 0;}
.popup_main a{color:#fcb800;text-decoration:underline;}
.popup_main a:hover{color:#fff;}
.popup_head {font-size:40px;font-style:italic;}
.popup_desc {width:705px;}
.popup_meta {font-size:18px;font-style:italic;line-height:normal;}