body {width: 100%; height: 100%; padding:0; margin:0; background:#000; font-family:arial, verdana, sans-serif; font-size:76%; color:#fff; text-align:center; text-shadow: rgba(0,0,0,.01) 0 0 1px; }
/* text shadow for safari */

/* h1,h2,h3,h4,h5,h6,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }*/

a, a:visited {color:#9AD19E; text-decoration:none;}
a:hover {text-decoration:underline;}
a {outline: none;} 	/*remove dotted border on links */
object { outline:none; } /*remove dotted border on objects */

/* misc classes*/
.floatLeft {float:left;}
.hidden {display: none;}
.textRight {text-align: right;}
.floatRightPadded {float:right; padding: 0 0 0 0px;}
.floatReset {clear: both;}
.blackText {color:#000:}
.greyText {color:#333:}
.center {text-align: center;}
.underline {text-decoration:underline;}
.reset {width:100%;height:0px;clear:both;}
.text-right{text-align:right;}
.bg-light-green{background-color:#478C7D;}
.bg-grey{background-color:#333333;}
/*.clear {width:100%;height:0px;clear:both;} */
.clear {clear:both;} 

#container {width:840px; margin:auto;}

/* navigation */ 
#navcontainer {margin-top: 10px;}
#navcontainer ul {padding-left: 10px; padding-top: 30px; margin-left: 0; color: #9AD19E; float: left; width: 70%; font-weight:bold; font-size: 1.2em;}
#navcontainer ul li {display: inline; }
#navcontainer ul li a {padding: 0.2em 2.4em 7px 0;color: #9AD19E; text-decoration: none; float: left;}
#navcontainer ul li a:hover {color: #fff;}
#navcontainer img {float: right; padding-top: 20px;}
#navlist li a#current {color: #fff;}

/* content */
#content {clear: both; background: #333; padding:0; margin:0 0 0 10px ; color: #fff; font-size: 1.2em; height: 560px; text-align: left;}
#content h2 {font-size: 1.3em; margin: 0 20px 0 20px; padding: .8em 0 0 0; }
#content h3 {font-size: 1.0em;margin: 0 20px 0 20px; padding: .5em 0 0 0;}
#content p  {font-size: 1.0em;margin: 0 20px 0.1em 20px; padding: .5em 0 0 0;}
#content img {margin-left:30px; background-color:#333; background-image:url(../images/loader-grey.gif); background-repeat:no-repeat; background-position: center center;}
#content a img {margin-left:0; border:0px;}
#content a:hover img {border:1px;}

#contentvar {clear: both; background: #333333; padding: 0 0 40px 10px; margin:0 0 0 10px ; color: #fff; font-size: 1.2em; text-align: left;}
#contentvar h2 {font-size: 1.3em; margin: 0 20px 0 20px; padding: .8em 0 0 0; }
#contentvar h3 {font-size: 1.1em;margin: 0 20px 0 20px; padding: .5em 0 0 0;}
#contentvar p {font-size: 1.0em;margin: 0 20px 0.1em 20px; padding: .5em 0 0 0;}
#contentvar img {margin-left:30px; background-color:#333; background-image:url(../images/loader-grey.gif); background-repeat:no-repeat; background-position: center center;}
#contentvar a img {margin-left:0; border:0px;}
#contentvar a:hover img {border:1px;}

/* portfolio-navigation - text */
div.photogallery {clear:both; width:100%; margin-top:20px; margin-bottom:20px; }
div.photogallery h1 {background-color:#9AD19E; color:#333; font-size: 1.1em; margin-bottom: 5px; text-align: center;}
div.photo {margin: 2px; border: 1px solid #333; height: auto; width: auto; float: left; text-align: center; }	
div.photo img{ display: inline; margin: 3px; border: 1px solid #333; width: 179px; height:119px; background-color:#333; background-image:url(../images/loader-grey.gif); background-repeat:no-repeat; background-position: center center;}
div.photo a:hover img {border: 1px solid #fff;}
div.photo .desc{text-align: center; font-weight: normal; height:40px; width: 179px; margin: 2px;} 

div.blog {clear:both; width:100%; margin-top:20px; margin-bottom:20px; }
div.post {margin-top:10px; height: auto; width: auto; text-align: left; }	
div.post h1 {background-color:#9AD19E; color:#333; font-size: 1.1em; padding-left: 5px; margin-bottom: 5px; }
div.post img {margin: 10px 15px 15px 0; float:left; width:100px; height:100px; background-color:#333; background-image:url(../images/loader-grey.gif); background-repeat:no-repeat; background-position: center center;}
div.post p  {margin-top: 10px;}

/* GRID */
.grid3col h2 { border-bottom: 1px solid #d5d5d5; margin-top: 36px; margin-bottom: 20px;}

.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }

.grid2cola .column.first { width: 66%; }
.grid2cola .column.last { width: 32%; }

.grid2colb .column.first { width: 74.9%; }
.grid2colb .column.last { width: 23%; }

.grid2colc .column.first { width: 32%; }
.grid2colc .column.last { width: 66%; }

.grid2cold .column.first { width: 23%; }
.grid2cold .column.last { width: 74.9%; }

.grid2cole .column.first { width: 79%; }
.grid2cole .column.last { width: 19%; }

.grid2colf .column.first { width: 19%; }
.grid2colf .column.last { width: 79%; }

.grid2colg .column.first {height: 560px; width: 50%; }

.grid2colg .column.last {width: 48%; }
.grid2colg ul {margin-right: 20px;}
.grid2colg ul li {margin-bottom: 10px;}

.grid3col .column { width: 32%; margin-left: 2%; }
.grid2col .grid3col .column { width: 31%; }

.grid3cola .column { width: 58%; margin-left: 2%; }
.grid3cola .column.first,
.grid3cola .column.last { width: 19%; }

.grid4col .column { width: 23%; margin-left: 3%; }

.grid5col .column { width: 18.4%; margin-left: 2%; }

.grid6col .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }

#container:after, #content:after, contentvar:after, .blog:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content, #contentvar, .blog, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { zoom: 1; }

.footer2col {clear: both; width: 100%; padding-top: 2px; }
.footer2col .column { width: 49%; color: #333;}

/* partners */
#partnercontainer {clear: both; margin: 0 20px 0.1em 10px; width:800px;}
div.partner {margin: 10px; height: auto; width: 30%; float: left; text-align: center; background-color:#5E876D; color:#fff;}
div.partner a {text-decoration:none; color:#fff;}
div.partner a:hover {text-decoration:underline;}