/*
	Copyright (c) 2010 Alex Ristevski
*/

html { height: 100%; margin-bottom: 1px; }
body { margin: 0; padding: 0; color: #4e4e4e; font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif; background: #fff url(../img/background.jpg) top left repeat ; background-color: #aaaaaa; }
a { text-decoration: none; font-weight: bold; color: #373737; -webkit-transition: color .4s ease; }
a:hover { color: #000; }
a:link { font-weight: bold; color: #373737;}
a:focus { outline: none;}

@font-face {  font-family: "Aller_Rg"; src: url("../fonts/Aller_Rg.ttf") format("TrueType"); }
@font-face { font-family: "Aller"; font-weight: bold; src: url("../fonts/Aller_Bd.ttf") format("TrueType"); }

p{ line-height: 26px; clear: both; text-shadow: #ffeaea 0 1px 0; font-size: 16px; margin: 0px; padding: 0px;}
p a:hover { color: #000; }
h1{ font-size: 18px; font-weight: bold; color: #373737; padding-left: 10px; padding-top: 0px; margin: 0px; clear: both; text-shadow: #ffeaea 0 1px 0; margin-bottom: 10px; font-family: "Aller_Rg"; }
h1 a:active { position: relative; top: 1px;}
h1 a:hover{ color: #000;}
h2{ font-size: 31px; padding-left: 10px; padding-top: 0px; margin: 0px; clear: both; color: #373737; text-shadow: #ffeaea 0 1px 0; font-family: "Aller";}
h3{ font-size: 21px; color: #3e3e3e; padding: 0px; margin: 0px; padding-bottom: 5px; }
h4{ font-size: 16px; font-weight: bold; color: #373737; text-align: center; clear: both; text-shadow: #ffeaea 0 1px 0; }
ul { margin: 0px; padding: 0px; }
img { border: none; clear: both; }

#content{ width: 970px; margin: 0px auto; display: block; clear: both;   margin-top: 0px; z-index: 0; }
#entries{ width: 900px; float: left; display: block; clear: both; height: 100%; padding: 35px; padding-top: 0px; padding-bottom: 0px; }
#header{ height: 30px; width: 100%; background-color: rgba(3, 2, 0, .85); background: url(../img/header.png) bottom repeat-x; }
#gradient{ height: 133px; width: 100%; background: url(../img/highlight.png) bottom repeat-x; position: fixed; top: 0px; z-index: -10; }
#about{ display: block; width: 100%; background: url(../img/dividerline.png) bottom repeat-x; height: 100px; padding-top: 45px; }
#contact{ float: right; display: block; width: 127px; background: url(../img/contact.png) no-repeat;  height: 34px; text-indent: -9999px; margin-top: -37px; padding: 0px; margin-right: 25px; }
a #contact { background-position: top; }
a #contact:active { background-position: bottom; }
#portfolio { width: 100%; margin-top: 30px; padding-top: 35px; padding-bottom: 35px; background: rgba(255, 255, 255, .4); border: 1px solid #eaeaea; display: block; float: left; clear: both; -webkit-box-shadow: rgba(0,0,0, .4) 0px 1px 4px ; -moz-box-shadow: rgba(0,0,0, .4) 0px 2px 5px;  background-color: #d7d7d7;}
#footer{ margin-top: 30px; height: 120px; width: 100%; display: block; float: left; clear: both; }
#footer ul li{display: inline-block; margin-right: 18px; margin-top: 18px; list-style: none; float: left; display: block;}
#footer ul li a:active { position: relative; top: 1px; }
#footer ul li a {font-size: 16px; font-weight: bold; color: #373737; text-align: center; clear: both; text-shadow: #ffeaea 0 1px 0; }
#footer ul li a:hover { color: #000; }
#footer ul{background: url(../img/capsule.png); width: 368px; height: 57px; margin-left: auto; margin-right: auto; }
.weblog{margin-left: 31px; }
.work-image { float: left; margin-bottom: 60px; z-index: -5; }
.work-description { width: 337px; height: 249px; float: right; margin-bottom: 40px; padding-top: 20px; padding-left: 35px;  }
/* .work-overlay { width: 429px; height: 229px; background: url(../img/overlay.png) bottom;  z-index: 5; display: block; position: absolute; margin-top: 10px; margin-left: 10px;} */
.view-work{ width: 149px; height: 46px; background: url(../img/view-project.png) no-repeat;  z-index: 10; display: block; position: absolute; margin-left: 150px; margin-top: 100px; display: none; color: #ffff; }
.work-image img{ padding: 10px; float: left; display: block; clear: both; border-style: solid; border-width: 1px; border-top-color: #b7b1b1; border-color: #9f9f9f; background-color: #eaeaea; -webkit-box-shadow: rgba(0,0,0, .4) 0px 1px 3px ; -moz-box-shadow: rgba(0,0,0, .4) 0px 1px 3px; width:427px; height: 227px; }
.work-description ul li{ list-style: none; list-style-position: outside; line-height: 28px;  }
.work-description ul {margin-bottom: 8px;}
.portfolio-item{ display: block; height: 300px; margin-bottom: 0px; padding-left: 35px; padding-right: 35px; }
.ampersand{ font-family: 'Goudy Old Style', Baskerville, serif; font-style: italic; font-weight: normal; }

#galliano-video{ display: none; }
#galliano-popup{display: none; background-color: #191c23;}
#galliano-banner-01{margin-top: 50px; margin-left:105px; width: 728px; height: 90px; float: left; display: block; background-color: #ffffff;}
#galliano-banner-02{margin-top: 30px; margin-left:105px; width: 728px; height: 90px; float: left; display: block; background-color: #ffffff;}
#galliano-banner-03{margin-top: 30px; margin-left:155px; width: 300px; height: 250px;float: left; display: block; background-color: #ffffff;}
#galliano-banner-04{margin-top: 30px; margin-left:30px;  width: 300px; height: 250px;float: left; display: block; background-color: #ffffff;}
#stg-popup{display: none; background-color: #191c23;}
#stg-banner-01{margin-top: 25px; margin-left:45px;  width: 468px; height: 60px; float: left; display: block;}
#stg-banner-02{margin-top: 25px; margin-left:130px; width: 300px; height: 250px; float: left; display: block;}
#stg-banner-03{margin-top: 25px; margin-left:130px; width: 300px; height: 250px;float: left; display: block;}
#stg-banner-04{margin-top: 25px; margin-right:40px;  float: right; display: block;  width: 160px; height: 600px; }
#stg-banner-05{margin-top: 25px; margin-right:40px;  float: right; display: block;  width: 160px; height: 600px; background: url('../img/fancybox/bg-white.png') no-repeat;}
#nissan-popup{display: none; background-color: #191c23;}
#nissan-banner-02{width: 300px; height: 250px; float: left; display: block; background-color: #ffffff;}

/* IE6 */
* html #about{ display: block; width: 100%; background: url(../img/dividerline.jpg) bottom no-repeat; height: 108px; padding-top: 60px; }
* html #gradient{ display: none; }
* html #contact{ float: right; width: 127px; height: 34px; background: url(../img/contact.png); /* margin-top: -35px; padding: 0px; margin-right: 25px; */ }
* html #footer ul li {margin-left: 16px; margin-right: 10px;}
* html a #contact { float: right; display: block; height: 34px; width: 127px; background-position: 0px 0px;  }
* html a #contact:active { float: right; display: block; height: 34px; width: 127px; background-position: 0px 0px;  }


* html #portfolio { border: 1px solid #eaeaea; }