/* CSS Document 
 * Agency Seven - main style sheet
 * Created: June 29, 2009
 * Author: stefan@sabix.com  
 */
 
@import url('reset.css');

body { font: 12px/1.20em Arial, Helvetica, sans-serif; line-height: 16px; }

a, a img { outline-style:none; }

div, ul, li, img, table, tr, th, td {
margin:0;
padding:0;
border:0;
}

p { margin:0 0 10px 0; }

h1 {
margin-bottom:20px;
font-family:"Helvetica Neue", "Chalet Book", "Newhouse DT", Helvetica;
font-size:22px;
color:#d7c500;
text-transform:uppercase;
}

h4 {
margin-bottom: 18px;
font-family:"Helvetica Neue", "Chalet Book", "Newhouse DT", Helvetica;
font-size:14px !important;
}

h6 {
margin-bottom:2px;
color:#d7c500;
font-size:13px;
}

a { color:#d7c500; }

a:hover { color:#deca00; }

/*
  .clear { height:0; clear:both;}
  .date { color:#787878; font-size:10px; text-transform:uppercase;}
  .main { padding:16px;}
  .side { width:294px; background:#ffffff url('../images/bg-side.jpg') top left repeat-x; padding:8px; color:#58595b; float:left;}
  .photo { margin:8px; padding:1px; float:left; border:1px solid #b9b9b9;}
*/
body {
width:100%;
background:#000000 url('../images/bg-body.jpg') top center no-repeat;
text-align:center;
font-family: Helvetica, Arial, sans-serif;
color:#ffffff;
font-size:12px;
}

#container {
width:984px;
margin:0 auto;
text-align:left;
position: relative;
}

#header {
width:100%;
height:143px;
float:left;
position: relative;
}

#logo { width:558px; float:left; }

#logo_container { margin:72px 0 0 75px; float:left; }

#nav { float:left; }

#nav_container { margin-top:84px; float:left; }

#content { margin-left:25px; float:left; position: relative; }

#content_container { width:900px; float:left; position: relative; }

#content_main { margin:14px; float:left; position: relative; }

#content_main_container {
position: relative;
width:872px;
height:548px;
overflow:hidden;
background-position:top left;
background-repeat:no-repeat;
float:left;
}

#content_main_content { margin:78px 36px 0 517px; position: relative; }

* html div#content_main_content { height:expression( this.scrollHeight > 367 ? "368px" : "auto" ); /* sets max-height for IE */
}

div#content_main_content { max-height:368px; /* sets max-height value for all standards-compliant browsers */ }

#banner {
position:relative;
top:-105px;
width:100%;
height:140px;
overflow:hidden;
text-align:center;
float:left;
}

#BannerFrame { overflow: hidden; position: relative; margin: 0; padding:0; width: 100%; }
#BannerFrame ul { list-style: none; position: relative; width:1300px; height: 78px; }
#BannerFrame ul li { float: left; margin: 0 10px; width: 110px; }

#banner_container { position:absolute; top:0px; left:30px; }

#banner_scroll { position:absolute; top:0px; left:0px; }

#footer {
position:relative;
top:-120px;
width:100%;
color:#5f6062;
font-family:"Futura light", "Century Gothic", "ITC Avant Garde Gothic";
font-size:12px;
text-transform:lowercase;
float:left;
}

/* -- Nav -- */
#nav li {
display:inline;
height: 58px;
list-style-type:none;
margin-right:1px;
}

#qm0 { position: relative; }

#qm0 li { float: left; }

#qm0 li a { display: block; height: 58px; }

#qm0 li #qm0_home { background: transparent url(../images/nav-home.jpg) no-repeat 0 0; width: 50px; }

#qm0 li #qm0_about { background: transparent url(../images/nav-about.jpg) no-repeat 0 0; width: 63px; }

#qm0 li #qm0_service { background: transparent url(../images/nav-services.jpg) no-repeat 0 0; width: 66px; }

#qm0 li #qm0_port { background: transparent url(../images/nav-portfolio.jpg) no-repeat 0 0; width: 67px; }

#qm0 li #qm0_contact { background: transparent url(../images/nav-contact.jpg) no-repeat 0 0; width: 63px; }

/* sets the active state on hover or on body id that matches the current page section */
#home #qm0 li #qm0_home, #about #qm0 li #qm0_about, #service #qm0 li #qm0_service, #port #qm0 li #qm0_port, #contact #qm0 li #qm0_contact, #qm0 li #qm0_home:hover, #qm0 li #qm0_about:hover, #qm0 li #qm0_service:hover, #qm0 li #qm0_port:hover, #qm0 li #qm0_contact:hover { background-position: 0 100%; }

/* -- h1 -- */
h1#home {
width:100%;
padding:0;
margin-bottom: 10px;
overflow: hidden;
background-image: url('../images/h1-home.png');
background-repeat:no-repeat;
height:55px !important;
}

h1#about {
width:100%;
padding:23px 0 0 0;
overflow: hidden;
background-image: url('../images/h1-about.png');
background-repeat:no-repeat;
height:0px !important;
}

h1#services {
width:100%;
padding:23px 0 0 0;
overflow: hidden;
background-image: url('../images/h1-services.png');
background-repeat:no-repeat;
height:0px !important;
}

h1#portfolio {
width:100%;
padding: 0 0 0;
margin: 0 0 10px 0;
overflow: hidden;
height: 23px;
background-image: url('../images/h1-portfolio.png');
background-repeat:no-repeat;
}

h1#contact {
width:100%;
padding:23px 0 0 0;
overflow: hidden;
background-image: url('../images/h1-contact.png');
background-repeat:no-repeat;
height:0px !important;
}

/* -- Horizontal Scroller -- */
#PreviousButton { padding-right:0; }

#NextButton { padding-left:0; }

/* -- Footer -- */
#footer .footer_divider { font-size:11px; padding:0 4px; }

#footer_nav a, #footer a {
color:#5f6062;
font-weight:normal;
text-decoration:none;
}

#footer_nav a:hover, #footer a:hover { text-decoration:underline; }

/* -- Vertical Scroller -- */

/* scroller background: iframe BODY object */
#marqueecontainer {
position: relative;
width: 319px; /*marquee width */
height: 330px; /*marquee height */
background-color:transparent;
overflow: hidden;
}

.vmarquee_content { position:absolute; }

.vmarquee_control { padding-top: 15px; text-align:center; }

.hide { display: none; }

#rollfirst2, #rollfirst {
height: 25px;
width: 28px;
display: inline-block;
}

a#rollfirst2 { background: transparent url(../images/arrow-up.gif) no-repeat 0 0; }
a#rollfirst2:hover { background: transparent url(../images/arrow-up.gif) no-repeat 0 bottom; }

a#rollfirst { background: transparent url(../images/arrow-down.gif) no-repeat 0 0; }
a#rollfirst:hover { background: transparent url(../images/arrow-down.gif) no-repeat 0 bottom; }