/************************************************
 * Auritt                                       *
 * Main Stylesheet                              *
 * Design by: MW Design Interactive             *
 * CSS by: John Grieco                          *
 ************************************************/

@import url(undohtml.css);

body { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; }

#container { width: 796px; height: 535px; margin: 0 auto 0 auto; background: url(../images/header_bg.jpg) 0px 0px no-repeat;   }
#header { width: 796px; height: 136px; background: url(../images/header.png) top left no-repeat; z-index: 50; position: absolute; border-top: 1px solid #fff;   }
#header .logo { position: absolute; top: 0px; left: 50px; width: 260px; height: 136px;text-indent: -9999px; }
#header .logo a { display: block; width: 260px; height: 136px; }
#header .blogs { position: absolute; top: 15px; left: 538px; }

#header .socialicons { position: absolute; top: 35px; left: 586px;}

#header .blogs p { float: left; padding-right: 5px; background: url(../images/arrow_sideways.jpg) 0px 2px no-repeat; margin: 0; }
#header .blogs p a { display: block; padding-left: 12px; text-transform: uppercase; color: #443f29; font-size: 10px; } 
#header .nav { margin: 83px 0 0 285px; z-index: 20; }
#header .nav ul { list-style: none; z-index: 21; }
#header .nav ul li.arrow { background: url(../images/arrow_down.jpg) right 4px no-repeat; }
#header .nav ul li { float: left; text-transform: uppercase; margin-right: 10px; height: 18px; display: block; vertical-align: middle; z-index: 22; }
#header .nav ul li.whoweare { width: 75px; }
#header .nav ul li.teamwork { width: 75px; }
#header .nav ul li.services { width: 57px; }
#header .nav ul li.phone { font-size: 10px; color: #8d9592; margin-left: 20px; } 
#header .nav ul li a { font-size: 10px; color: #50421b; display: block; }
#header .nav ul li a:hover { text-decoration: underline; }
#header .nav ul li ul { margin-top: 3px; visibility: hidden; }
#header .nav ul li ul li { background: #fff; float: none; text-transform: none; border-left: 1px solid #50421b; border-right: 1px solid #50421b; border-bottom: 1px solid #50421b; width: 150px; height: auto;  }
#header .nav ul li ul li a { font-size: 10px; display: block;padding: 2px; }

#flashcontent { position: absolute; top: 110px; width: 796px; height: 437px;  }

#content { position: absolute; top: 110px; width: 796px; height: 437px; }

.clear { clear: both; }