/* ======================================================================= */
/* == Gail Prauss Website Master CSS file                               == */
/* == (c)2007 Kevin Leebroderick, for the xhtml, css design,  graphics  == */
/* == Author URI:  http://www.leebroderickweb.com                       == */
/* ======================================================================= */

/*========= Defaults ======================================================*/
html,body{margin:0; padding:0;}
body{

background: #FFFFFF url(cogs/pagebg.gif) 50% 0;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
text-align:center;
}

h1 {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.4em;
padding: 10px 0 0 10px;
}

p{
margin:30px 30px 0 20px;
padding:0;
line-height:1.4em;
}

a{ display:block; padding:10px; outline:none; }

a:link { color: #000000; text-decoration: none; }
a:visited { color: #000000; text-decoration: none; }
a:hover { color: #FFFFFF; text-decoration: underline;}


/*========= Header  ======================================================*/
div#header{
width:740px;
background:#546B5C;
overflow:hidden;
}

#header h1 {
position: absolute;
font-size: 0px;
left: -9999px;
}

#header a {padding:0; margin:0; border-bottom: 0; text-decoration: none;}
#header img {border:0; padding:0; margin:0; }

/*========= Container ======================================================*/
div#container{
width:740px; 
margin:0 auto;
padding:0;
text-align:left; 
}

/* ========= Nav  ================================================== */
div#nav{
float:left;
width:740px;
font-size: .9em;
font-family: Georgia, "Times New Roman", serif;
font-weight:bold;
background:#975717;
border-top:2px solid #000000;
border-bottom:2px solid #000000;
}

#nav ul{
list-style-type: none;
margin:15px 0 0 0;
padding:0 0 0 10px;
}

#nav ul li{ padding:3px 0 2px 0;}

#nav a {padding:0 0 0 30px; margin:0; display:block; text-decoration:none; }
#nav a:link { color: #FFFFFF; background: url(cogs/navsquare.gif) no-repeat left center; }
#nav a:visited { color: #FFFFFF; background: url(cogs/navsquare.gif) no-repeat left center; }
#nav a:hover { color: #000000; background: url(cogs/navsquarehover.gif) no-repeat left center;}

#nav img { float:right; }

#nav ul ul { margin:0; padding:0 0 0 40px; }
#nav ul ul li {margin:0; padding:0; }
#nav ul ul a {
display: block;
margin:0;
padding:0;
font-size: .8em;
border:0;
}
#nav ul ul a:link { color: #FFFFFF; background: url(cogs/none); }
#nav ul ul a:visited { color: #FFFFFF; background: url(cogs/none); }
#nav ul ul a:hover { color: #000000; background: url(cogs/none); }

#gallery1 #nav .gallery1 a,
#gallery2 #nav .gallery2 a,
#gallery3 #nav .gallery3 a {
padding:0;
background:block;
color:#000000;
cursor:default;
}

.bodyletterg {
background: url(cogs/bodyletterg.gif) no-repeat top left;
padding: 25px 0 25px 25px;
}

.bodyletterd {
background: url(cogs/bodyletterd.gif) no-repeat top left;
padding: 25px 0 25px 25px;
}

.bodylettero {
background: url(cogs/bodylettero.gif) no-repeat top left;
padding: 25px 0 25px 25px;
}

/* ========= Content  ================================================== */
div#content{
float:left;
width:740px;
background:#D8D7B2;
}

#content h1 {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.3em;
padding: 10px 0 15px 10px;
}

#content h2 { font-size:1.1em; margin:0 10px 0 30px; padding:0; border-bottom:1px solid #000000;}
#content h3 { font-size:1em; margin:0 10px 0 10px; padding:0; }
#content h4 {font-family: Georgia, "Times New Roman", serif; margin: -20px 0 10px 10px;}
#content h5 {font-family:Georgia,"Times New Roman",serif; font-size:1em; margin:-25px 0 30px 10px;}


#content p{
margin:0 30px;
padding:0;
line-height:1.4em;
}

p.new { margin-top:30px!important; }

#content .box { clear:both; margin:0 0 10px 0; }
#content .box ul {
margin:0;
padding:0 0 0 45px;
list-style-type:none;
}
#content .box  li { padding:4px 0 0; }
#content .box img {border:1px solid #000000; margin:5px 30px;}

#content .knockover {clear:both; float:right; }

#content .knockout {clear:both; float:right; border: 1px solid #000000; margin:10px 20px 10px 15px; }

div#map {margin-left:70px; margin-bottom:20px; border:1px solid; width:600px; height:500px;}
#map img {float:none; margin:0; padding:0;}
#map a:link, #map a:visited { color: #000000; text-decoration: underline; }
#map a:hover { color: #975717; text-decoration: underline;}

div.testimonialSnippet { clear:both; margin:0 25px; padding-top:15px!important; }
div.testimonialSnippet p {position: absolute; font-size: 0px; left: -1000px; }

/*========= Information ======================================================*/
div#information{
float:left;
width:490px;
background-color: #D8D7B2;
}

/*========= Testimonial  ======================================================*/
div.testimonial { 
  margin:0 35px;
  font-family: Georgia, "Times New Roman", serif; 
  background: url("cogs/testimonial_hr.gif") bottom center no-repeat;
  overflow:auto;
  padding-bottom:50px;
 }

div.testimonial cite { display:block;  margin-bottom:10px; line-height:1.4em; }

div.testimonial p.author { 
  text-align:right;  
  font-size:1.2em;
  margin:0  50px 0 0!important; 
}

div.testimonial p.viewQuote  a.quote {
  text-align:right;
  font-size:.9em;
  line-height:0;
}
div.testimonial	p.viewQuote  a.quote.open {
  margin-right:98px;
}

div.testimonial img { margin:0 0 35px; }

/*========= rightSide ======================================================*/
div#rightSide{
float:right;
width:250px;
background-color:#D8D7B2;
}

.frame {margin: 20px 10px 0 0; padding:0; background:#35443A; border:3px solid #29342D; overflow:hidden; }
.frame ul {margin:0; padding:5px; font-size:.8em; color:#FFFFFF;}
.frame li {list-style:none; margin:7px 5px; padding:0; }



/*========= footer ======================================================*/
div#footer{
clear:both; 
width:100%;
padding-top:30px;
padding-bottom:10px;
background: #D8D7B2;
}

div#footer p{margin:0; padding:0; text-align:center; font-size:.8em; }
div#footer a{display:inline; padding:0; }