@font-face {
 font-family: Helvetica;  /*custom helvetica font*/
	src: url('scripts/css/helveti3.ttf');
}

body { margin: 0; padding: 0; background: #fff; font-family: Helvetica, Arial, sans-serif; }

a { text-decoration: none;}

div#wrapper { width: 945px; margin: 0px auto; position: relative; padding: 0; }

#active-home div#header p#nav, #active-about div#header p#nav, #active-work div#header p#nav, #active-contact div#header p#nav { color: #ccc; font-size: 69px; font-weight: bold; float: right; display: inline; width: 379px; list-style: none; margin: 138px 0 0 0; padding: 0; }
div#header p#nav a {  color: #ccc;  height: 50px; padding: 0; }
#active-commercial div#header p#nav, #active-about div#header p#nav, #active-work div#header p#nav, #active-contact div#header p#nav { color: #ccc; font-size: 69px; font-weight: bold; float: right; display: inline; width: 305px; list-style: none; margin: 83px 0 0 0; padding: 0; }
div#header p#nav a {  color: #ccc;  height: 50px; padding: 0; }


#active-home div#header p { color: #ff3f00; font-size: 69px; font-weight: bold; line-height: 56px; float: left; display: inline; width: 100px; margin: 25px 0 0 0; padding: 0; height: 350px; }
#active-home div#header p#nav a:hover, #active-home div#header p#nav a.current, #active-home div#header a#logo-link  { color: #ff3f00; }
#active-about div#header p { color: #f0c; font-size: 69px; font-weight: bold; line-height: 56px; float: left; display: inline; width: 100px; margin: 25px 0 0 0; padding: 0; height: 350px; }
#active-about div#header p#nav a:hover, #active-about div#header p#nav a.current,  #active-about div#header a#logo-link { color: #f0c; }
#active-work div#header p { color: #0f0; font-size: 69px; font-weight: bold; line-height: 56px; float: left; display: inline; width: 100px; margin: 25px 0 0 0; padding: 0; height: 350px; }
#active-work div#header p#nav a:hover, #active-work div#header p#nav a.current,  #active-work div#header a#logo-link { color: #0f0; }
#active-contact div#header p { color: #FF4200; font-size: 69px; font-weight: bold; line-height: 56px; float: left; display: inline; width: 100px; margin: 25px 0 0 0; padding: 0; height: 350px; }
#active-contact div#header p#nav a:hover, #active-contact div#header p#nav a.current,  #active-contact div#header a#logo-link { color: #FF4200; }
#active-commercial div#header p { color: #ff3f00; font-size: 69px; font-weight: bold; line-height: 56px; float: left; display: inline; width: 100px; margin: 25px 0 0 0; padding: 0; height: 350px; }
#active-commercial div#header p#nav a:hover, #active-commercial div#header p#nav a.current, #active-commercial div#header a#logo-link  { color: #ff3f00; }


#active-home div#content { width: 945px; height: 592px; position: absolute; top: 288px; left:0; padding:  0; }
#active-commercial div#content { width: 945px; height: 592px; position: absolute; top: 288px; left:0; padding:  0; }

#active-contact div#content { width: 945px; height: 464px; position: absolute; top: 335px; left:0; background: #fff url(../../img/main/contact.jpg) top left repeat; padding: 0; }
#active-contact div#content p, #active-contact div#content p a  {  font-size: 69px; font-weight: bold; line-height: 56px; color: #ccc; padding: 0; margin: 0; }
#active-contact div#content div#contact-details { width: 464px; background: #fff; padding: 55px 0 15px 0; }


#active-about div#content { width: 945px; height: 464px; position: absolute; top: 335px; left:0; background: #fff url(../../img/main/about.jpg) top left repeat; padding: 0; }
#active-about div#content div#copy { width: 640px; background: #fff; min-height: 304px; }
#active-about div#content div#copy a { color: #666; text-decoration: underline; }
#active-about div#content div.column { width: 270px; padding: 0 45px 20px 4px; display: inline; float: left; margin: 0; }
#active-about div#content div.column p { font-family: andale mono; font-size: 12px; color: #666;}

#active-work div#content { width: 945px; height: 460px; position: absolute; top: 335px; left:0 ; background: #fff url(../../img/main/work.jpg) top left repeat;; padding: 0; color: #ccc; }
#active-work div#content div#work-links { background: #fff; display: block; width: 464px; padding-top: 9px; }
#active-work div#content p {  font-size: 69px; font-weight: bold; line-height: 56px; color: #fff; padding: 0; margin: 0; }
#active-work div#content p a { font-size: 69px; font-weight: bold; line-height: 56px; color: #ccc; padding: 0; margin: 0; }
#active-work div#content-work { width: 945px; height: 460px; position: absolute; top: 288px; padding: 9px 0 0 0; overflow: auto; white-space: nowrap; }
#active-work div#content-work img { padding: 0; margin: 0 15px 0 0; }



#dhtmltooltip{ position: absolute; width: 150px; padding: 5px; background-color: #fff ; visibility: hidden; z-index: 100; font-family: andale mono; font-size: 12px; color: #666; }

/* Sccessibility */
span.accesskey { text-decoration:none;}
.accessibility { position:absolute; top:-999em; left:-999em;}

/* Tools */
.floatright { float:right }
.floatleft { float:left }
.right { text-align:right }
.left { text-align:left }

pre {overflow:auto;}
.breaker {clear:both;}
.nobreak { white-space:nowrap;}
.vspace10 { padding:5px 0; display:block;}
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}