/* branding the man
	- by tgp
	- 8/7/09 */
	
/* @group reset*/
/*reset and shared elements
=======================================================*/

* {padding: 0;margin: 0;} 
img {border: none;}
body {font: 100%/1.35em Georgia, "Times New Roman", Times, serif;color: #16120E;text-align: center;
background: #fff url(images/body_bg.png) repeat}

a {color: #1D6581;text-decoration:none;}
a:hover {text-decoration:none}
.clear {clear: both;height: 0;}
li {list-style: none;}

h1 {font-size: 12px;}
p {font-size: .8em;line-height: 1.35em;}
h1, h2, h3 {color: #000;}


#wrap {width: 756px ;margin: 0 auto;}



#hdr {width: 765px;background: url(images/hdr.jpg) no-repeat;margin: 0 auto;height: 175px;}
#hdr h1.tagline {margin-bottom:  129px;display: block;}

.tagline, #freebook span {position: absolute;text-indent: -9999em;}


/* wrappers
================================================ */
#container {margin: 0 auto;	width: 765px;}

#content {
	overflow: hidden;
	clear: both;
	width: 755px;
	background: #1B283C url(images/photo-withquotemarks.jpg) no-repeat center top;
	border: 5px solid #1B283C;
	border-top: 0;
	height: 726px;
	text-align: left;
	position: relative;
	background-image: url(images/photo-withquotemarks.jpg);
}

#content p {padding-top: 10px;padding-right: 15px;}


#callout{clear: both;width: 448px;padding: 5px 15px 15px 15px;margin-left: 233px;margin-top: 300px;height:472px;}
#callout h1 {background: transparent url(images/dropcap.png) no-repeat left top;padding-top: 26px;}
#callout h1 span#dropcap {width:59px; height:45px;position: absolute;text-indent: -999em;top: 0;display: block;margin-top: -15px;}
#callout h1 span.text {padding-left: 35px;}

#freebook {background: #D98413 url(images/freebook_text.gif) no-repeat left top;width: 479px;height: 39px;position: absolute;top: 0;margin-left: 227px;margin-top: 650px;}

#freebook span a{display: block;width: 479px;height: 39px; outline: 0;}




/* main menu 
================================================ */
#menu {width:765px;clear: both;overflow: hidden;background: url(images/mnav_bg.png) no-repeat left 129px;margin-bottom: 0;}
#menu ul {margin-top: 129px;background: url(images/mnav_bg.png) no-repeat left top;height: 58px;margin-left: 50px;}

#menu ul li, #menu ul li a {float: left;display: block;height: 18px;}
#menu ul li {margin-top: 12px;}

#menu li a {background-position: left top}


#menu li a:hover, #menu li.active a {background-position: left -18px;}

#m1, #m2, #m3, #m4, #m5, #m6, #m7 {	height: 18px!important;display:block;	text-indent: -3000px;}

#m1 {width: 98px; background: url(images/menu/m1.png);}
#m2 {width: 107px;background: url(images/menu/m2.png) -99px 0;;}
#m3 {width: 83px; background: url(images/menu/m3.png) -205px 0;;}
#m4 {width: 83px; background: url(images/menu/m4.png) -288px 0;;}
#m5 {width:83px; background: url(images/menu/m5.png) -371px 0;;}
#m6 {width: 97px; background: url(images/menu/m6.png) -454px 0;;}
#m7 {width: 133px; background: url(images/menu/m7.png) 0 0}






		/*slide gallery*/


/*slide image */



#slideshow { width: 250px;position: absolute;height: 210px;margin-left: 266px;margin-top: 72px;z-index: 450;}






/* @group footer */
#footer {clear:both;width:765px;font-size: .8em;padding-bottom: 10px;background: #64686D;overflow: hidden;margin-bottom: 25px;}

#footer li {float: left;padding-left: 20px;margin-top: 10px;color: #FFF}
#footer li a {color: #FFF}

/* @end */