html, body{ margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .9em; color: #403938; background-color: #000000; background-image: url(/gabay/images/pageBg.jpg); background-repeat: repeat-x; }
body.home #nav ul li.home a, body.profile #nav li.profile a, body.services #nav li.services a, body.clients #nav li.clients a, body.projects #nav li.projects a, body.contact #nav li.contact a{ border-right: 1px solid #; border-left: 1px solid #; border-top: 1px solid #; border-bottom: 1px solid #; background-image: url(/gabay/images/navItemBgCurrent.gif); background-repeat: repeat-x; }
body.projects #nav ul li.projects ul li a, body.projects #nav ul li.projects ul li ul li a{ border: 0 none; background-image: none; }

#container{ width: 715px; margin: 0 auto; background-color: #fff; border: 3px solid #403938; border-top: 0 none; }

#header{ height: 124px; background-image: url(/gabay/images/logo.jpg); background-repeat: no-repeat; background-color: #e6fbfe; position: relative;}
#header h1, #header h2{ margin:0; padding:0; text-align: left; text-indent: -9000px; border: 0 none; }

/* START: navigation */
#nav ul{ width: 715px; list-style: none; margin: 0; padding: 0; line-height: 1; background-image: url(/gabay/images/navItemBg.gif); background-repeat: repeat-x; background-color: #; }
#nav ul li { float: left; padding: 0; position: relative;	width: 119px; text-align: center; z-index: 100; }
#nav ul li a { display: block; width: 119px; height: 26px; padding: 10px 0 0 0; text-align: center; text-transform: uppercase; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #FFFFFF; border-right: 1px solid #; border-left: 1px solid #; border-top: 1px solid #113251; border-bottom: 1px solid #	; background-image: url(/gabay/images/navItemBgCurrent.gif); background-repeat: repeat-x; background-color: #0b83bb; } 
#nav ul li.projects{ width: 120px;}
#nav ul li.projects a{ width: 120px; }
#nav ul li a:link, #nav ul li a:visited, #nav ul li a:active, #nav ul li a:hover { color: #; }
#nav ul li a:hover { border-right: 1px solid #FFFFFFF; border-left: 1px solid #; border-top: 1px solid #; border-bottom: 1px solid #; background-image: url(/gabay/images/navItemBg.gif); background-repeat: repeat-x; background-color: #; }

#nav ul li ul { position: absolute; width: 120px; left: -999em; }
#nav ul li ul ul { margin: -23px 0 0 -120px; width: 120px; }
#nav ul li:hover ul ul, #nav ul li.sfhover ul ul { left: -999em; }
#nav ul li:hover ul, #nav ul li li:hover ul, #nav ul li.sfhover ul, #nav ul li li.sfhover ul { left: auto; left: 0px; }

#nav ul li ul li, #nav ul li ul li ul li { margin: 0; padding: 0; height: auto;  clear: left; background-color: #FFFFFF; border-top: 1px solid #; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF;}
#nav ul li ul li{ width: 161px; }
#nav ul li ul li ul li{ width: 161px; }

#nav ul li ul li a, #nav ul li ul li ul li a { background-image: none; background-color: #1D320A; display: block; height: auto; padding: 4px 20px 6px 21px; text-align: left; text-transform: none; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #FFFFFF; border: 0 none; } 
#nav ul li ul li a, #nav ul li ul li a.expand{ width: 120px; }
#nav ul li ul li ul li a, #nav ul li ul li ul li a:hover{ width: 120px; }

body.projects #nav ul li.projects ul li a.expand, body.projects #nav ul li.projects ul li a.expand:hover, #nav ul li.projects ul li a.expand, #nav ul li.projects ul li a.expand:hover{ background-image: url(/gabay/images/navArrow.gif); background-repeat: no-repeat; background-position: 5px 7px; }
#nav ul li ul li a:hover, #nav ul li ul li ul li a:hover { background-color: #081828; border: 0 none; background-image: none; }
/* END: navigation */

#content div.colBig{ width: 455px; float: left; }
#content div.colSmall{ width: 260px; float: left; background-image: url(/gabay/images/colBg.gif); background-repeat: repeat-x; background-color: #ffddba; }
#content div.col50{ width: 357px; float: left; }
#content div.normal{ padding: 15px; }

#footer{ background-color: #4f4544; color: #c9c0bf; font-size: .8em; }
#footer div.copy{ width: 343px; padding: 8px; float: left; text-align: left;}
#footer div.credit{ width: 340px; padding: 8px; float: left; text-align: right; color: #917f7d; }
#footer div.credit a, #footer div.credit a:link, #footer div.credit a:active, #footer div.credit a:visited, #footer div.credit a:hover{ color: #917f7d; text-decoration: none;}
#footer div.credit a:hover{ color: #c9c0bf; }

h1{ color: #0c84bc; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; text-transform: uppercase; border-left: 3px solid #d34300; margin: 0 0 1em 0; padding: .2em 0 .2em 5px; }
h1.featured{ margin: 0; }
h1.featured span{ color: #d34300; }
h2{ color: #635958; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; margin: 0 0 .5em 0; padding: .2em 0; }
p{ margin: 0 0 1em 0; padding: 0; line-height: 1.5em; }
p.indent{ padding-left: 8px; }
p.primaryContact{ margin: 0 0 .2em 0; }
p.email{ margin: 0 0 2em 0; }
p, ul{ font-size: .85em; }
ul{ list-style: none; padding:0; margin: 0 0 1.5em 20px; }
ul li{ padding:.1em 0 .1em 20px; background-image: url(/gabay/images/bullet.gif); background-repeat: no-repeat; background-position: 0 50%; }
ul li.sub{ background-image: none; padding-left: 30px; font-style: italic;}

table.contact ul li{ background-image: none; padding-left: 0; padding-bottom: .5em;}
table.contact img.map{ border: 1px solid #635958; margin-top: 2em; }
table{ width: 100%; border: 0 none; }
table td{ padding: 10px; vertical-align: top; }
a, a:link, a:active, a:visited, a:hover{ text-decoration: underline; color: #0c84bc; }
a:hover{ text-decoration: none; color: #d34300; }

div.bannerBottom{ margin:0; padding:0; clear: both; width: 715px; height: 77px; background-image: url(/gabay/images/bannerBottom.jpg); background-repeat: no-repeat; }

#imgCanvas{ text-align: center; background-color: #fff; background-image: url(/gabay/images/imgCanvasBg.gif); background-repeat: repeat-x; background-position: bottom; }
ul.thumbs{ list-style: none; margin: 0; padding: 0;}
ul.thumbs li{ float: left; padding: 0 5px 10px 10px; background-image: none; }
ul.thumbs li img{ width: 45px; height: 45px; }
.thumbNormal { border: 3px solid #635958; }
.thumbSelected { border: 3px solid #d34300; } 

.clearfix:after { display:block; content:"."; height:0; visibility:hidden; clear:both; }
.clearfix {display:inline-table;}/* for IEMac only */
/* this line hides these rules from IEMac \*/
* html .clearfix{height:1%;} /* for IE*/
.clearfix {display:block;} /* resets to block */
/* end hide from IEMac */