/* Style sheet for A&G Total Media - All pages
   developed by jeffparker@gmail.com
   ============================================
*/

/* Color Scheme
=============================================================================
I've grouped all the color values together here in case we want to change the
color scheme of the site. PLEASE NOTE that the remainder of these style
defintions are ALSO found later in this file (only the colors are broken out here).
#0066B3; dark blue
*/
body {
background-color:#F0F0F0; /* Page background color */
}
h1, h2, h3, h4, a{
  color: #0066B3; /* H1 and H2 heading font color  */
}

a:hover{
  color:#FF8000; /* default link hover color  */
  text-decoration:underline;
}
#container{
  background-color:#fff; /* container background color   */
  border: 1px solid #CFCFCF; /* container border color   */
}
#header{
  background-color: #00487D; /* header background color   */
  border-bottom:2px solid #FF8000; /* header border color   */
}
#globalNav li a{
  background-color:#FF8000; /* global nav link boxes, background color  */
}
#globalNav li a:hover{
  background-color:#FFF0BF; /* global nav link boxes hover color  */
  color:#0066B3; /* global nav hover link color  */
  text-decoration:underline;
}
#globalNav li a.globalSelected{
  background-color:#FFF0BF; /* global nav link boxes hover color  */
  color:#0066B3; /* global nav hover link color  */
  font-weight:bold;
}
#globalNav li a.globalSelected:hover{
  text-decoration:none;
}
#serviceBox{
background-color: #FFF0BF; /* Home page service box background color  */
}
#serviceBox h2{
border-bottom:1px dotted #FF8000; /* Home page service box dotted line color  */
}
#serviceBox h2 a{
color:#0066B3; /* Home page service header link color  */
text-decoration:none;
}
#serviceBox h2 a:hover{
color:#FF8000; /* Home page service header link Hover color  */
}
#footer{
  border-top:1px solid #FF8000;  /* footer border color color  */
}

/* =============================================================================
    General tag styles
============================================================================= */
body {
    font-family: Arial, Verdana, Sans-Serif;
}
p {
  font-size:.8em;
  margin-top:0px;
  margin-bottom:15px;
  line-height:150%;
}
#mainContent li {
  font-size:.8em;
  margin-bottom:10px;
  list-style-image: url(../images/arrow.gif);
}
/* make smaller for IE */
* html p {
  font-size:.6em;
}
h1{
  margin:0px;
  padding-top:10px;
  font-size:1.5em;
  margin-bottom:5px;
}
/* make smaller for IE */
* html h1{
  font-size:1.2em;
}
h2{
  margin:0px;
  padding:0px;
  font-size:1.1em;
  margin-bottom:5px;
}
/* make smaller for IE */
* html h2{
  font-size:.9em;
}
hr {
   background-color: #FF8000;
   margin-top:20px;
   margin-bottom:20px;
   width:50%;
}


/* =============================================================================
    Layout Styles  - Used on all Pages
============================================================================= */
#container{
  width:800px;
  margin:auto;
}
#header{
  position:relative;
  height:55px;
}
* html #header{
  position:relative;
  height:62px;
}
#logo{
  color:#fff;
  font-size:1.5em;
  padding:5px;
  font-family:'Palatino Linotype';
}
#logo{
   font-size:1.3em;
}
#logo cite{
  display:block;
  font-size:.5em;
  font-family: Arial, Verdana, Sans-Serif;
}
#logo a{
  color:#fff;
  text-decoration:none;
 }
*html #logo a{
font-size:25px;
 }

.clear{
  clear:both;
  height:1px;

}
.clearRight{
  clear:right;

}
.clearLeft{
  clear:left;
}
/* Global Nav ---------------------------------------------------------- */
#globalNav {
  padding:0px;
  margin:0px;
  margin:0px;
  right:0px;
  top:15px;
  position:absolute;
}
* html #globalNav {
  top:35px;
}
#globalNav li{
  list-style:none;
  display:inline;
  margin-left:-3px;
  padding:0px;
}
/* adjust margin for IE */
* html #globalNav li{
  margin-left:-5px;
}
#globalNav li a{
  margin-bottom:5px;
  height:100%;
  margin:0px;
  padding-left:20px;
  padding-right:20px;
  padding-top:5px;
  padding-bottom:5px;
  font-size:.9em;
  color:#fff;

  text-decoration:none;
  font-family:'Georgia';
}
/* make smaller for IE */
* html #globalNav li a{
  font-size:.7em;
}



/* Footer ---------------------------------------------------------- */
#footer{
  border-top:1px solid #FF8000;
  margin-top:10px;
  font-size:.7em;
  padding:10px;
}
* html #footer{
  font-size:.5em;
  padding-top:5px;
}
#footer cite{
  float:left;
}
#footer ul li{
  list-style:none;
  display:inline;
  padding-right: 10px;
}
#footer ul{
  display:inline;
}

/* =============================================================================
    Layout Styles  - Used on all internal pages (not on home)
============================================================================= */
 #content{
  margin-top:-20px;
  padding-top:20px;
  height:100%;
}
* html #content{
  margin-top:0px;
  padding-top:0px;
}
#mainContent{
  float:left;
  padding-left:20px;
  padding-right:15px;
}
.narrow{
  width:440px;
  padding-left:20px;
  padding-right:15px;
}
.wide{
  width:600px;
  padding-left:20px;
  padding-right:15px;
}
.wideCenter{
  width:600px;
  margin-left:80px;
}
* html .wideCenter{
  margin-left:40px;
}
#mainContent img{
  margin-right:10px;
  vertical-align: top;
  border: 2px outset #BFBFBF;
}
#mainContent div.serviceCallout {
  display:block;
  margin:0px;
  padding:0px;
  margin-bottom:10px;
  height:100%;
}
#mainContent div.serviceCallout img{
  float:left;
}

#sideCallOut{
  background-color:#FFF0BF;
  margin-top:20px;
  width:150px;
}
#sideCallOut h3{
  margin:0px;
  padding:0px;
  padding-left:10px;
  padding-top:10px;
  padding-bottom:5px;
  font-size:1em;
}
* html #sideCallOut h3{
  font-size:.8em;
}
#sideCallOut p{
  padding-left:10px;
  font-size:.8em;
}
* html #sideCallOut p{
  font-size:.6em;
}





/* =============================================================================
    Layout Styles  - Used on all internal pages with Left Nav
============================================================================= */
/* Left Nav ---------------------------------------------------------- */
#leftNav{
width:160px;
float:left;
}
#leftNav h3{
color:#fff;
font-size:1.1em;
margin:0px;
padding:0px;
padding-left:15px;
padding-top:15px;
}
* html #leftNav h3{
font-size:.9em;
}
#leftNav ul{
list-style:none;
margin:0px;
padding:0px;
padding-left:15px;
margin-top:5px;
}
#leftNav ul li{
margin-bottom:10px;
color:#fff;
font-size:.8em;
}
* html #leftNav ul li{
font-size:.6em;
}
#leftNav ul li a{
color:#fff;
text-decoration:none;
}
#leftNav ul li a:hover{
text-decoration:underline;
color:#FF8000;
}
.leftNavBackground{
background-image: url(../images/left_nav_background.gif);
background-repeat: repeat-y;
}
.leftSelected{
  background-image:url(../images/arrow.gif);
  background-repeat:no-repeat;
  background-position:0% 70%;
  padding-left:15px;
  font-weight:bold;
}
* html .leftSelected{
  background-position:0% 80%;
}
.leftSelected a{
  font-weight:bold;
}
#leftNav .leftSelected a:hover{
  text-decoration:none;
  color:#fff;
}

/* Right Nav ---------------------------------------------------------- */
#rightNav{
width:160px;
background-color:#fff;
float:right;
}


/* =============================================================================
    Layout Styles  - Home Page Only
============================================================================= */
/* Home Content Area ---------------------------------------------------------- */
#homeContent{
  float:left;
  width:750px;
  padding-left:30px;

}
#homeContent p{
  margin-bottom:5px;
  margin-top:5px;
}
#homeFlash{
  float:right;
}

/* Home Service Box ---------------------------------------------------------- */
#serviceBox{
width:220px;
margin-top:20px;
margin-bottom:10px;
padding-bottom:15px;
float:left;
}
#serviceBox h2{
margin-left:20px;
padding-bottom:5px;
padding-top:10px;
}
#serviceBox ul{
margin:0px;
padding-top:5px;
}
#serviceBox li{
font-size:1em;
padding-bottom:5px;
list-style:none;
margin-left:-16px;
}
/* make smaller and adjust padding for IE */
* html #serviceBox li{
font-size:.8em;
padding-left:40px;
}
#homeText{
  float:left;
  width:500px;
  padding-left:30px;
  padding-top:30px;

}
#homeText h1{
 font-size:3.5em;
 text-align:center;
 padding-top:60px;

}



/* =============================================================================
    Layout Styles  - Service Deatil Pages Only
============================================================================= */
#videoSample{
  margin-bottom:20px;
  background-color:#FFF0BF;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:15px;
}

#videoFlash{
  float:left;
}
#videoDescription{
  float:left;
  width:300px;
  padding-left:20px;
}
#videoDescription p{
  margin:0px;
  padding:0px;
  margin-bottom:5px;
  width:100%;
}
#videoDescription p strong{
  display:block;
  color:#0066B3;
  font-size:1.2em;
}
.videoStills{
  text-align:center;
  margin-bottom:20px;
}
.videoSample{
  margin-bottom:20px;
  background-color:#FFF0BF;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:15px;
}

.videoFlash{
  float:left;
}

.videoDescription, .videoDescriptionQuicktime{
 float: left;
 padding-left:20px;
}
.videoDescription p, .videoDescriptionQuicktime p{
  margin:0px;
  padding:0px;
  margin-bottom:5px;
  width:100%;
}
.videoDescription p strong, .videoDescriptionQuicktime p strong{
  display:block;
  color:#0066B3;
  font-size:1.2em;
}

.videoDescriptionQuicktime{
  width:200px;
}
.videoDescription{
  width:300px;
}









.faqList li{
margin-bottom:10px;
font-size:1em;
padding:0px;
}
* html .faqList li{
font-size:.8em;
}

.faqList {
 padding-left:20px;
 list-style:url(../images/arrow.gif);
 margin:0px;
 margin-top:15px;
 margin-bottom:20px;
}

.smallLink{
  font-size:.8em;
}


#mainContent div.teamCallout {
  display:block;
  margin:0px;
  padding:0px;
  margin-bottom:10px;
  margin-top:15px;
  height:100%;
}
#mainContent div.teamCallout h2{
  font-size:1em;
  margin:0px;
  padding:0px;
}
* html #mainContent div.teamCallout h2{
  font-size:.8em;
}
#mainContent div.teamCallout h3{
  font-size:.8em;
  margin:0px;
  padding:0px;
}

#mainContent div.teamCallout h4{
  font-size:.8em;
  margin:0px;
  padding:0px;
  margin-bottom:10px;
}
* html #mainContent div.teamCallout h3, * html #mainContent div.teamCallout h4{
  font-size:.6em;
}
#mainContent div.teamCallout img{
  float:left;
}
.h2Underline{
 border-bottom:1px solid #FF8000;
 margin-top:30px;
}