/* -----------------------------------
*
*
*
*   Grid system inspired by Jermaine
*   "Düm" Davis.
*
*	sidney [at] sidneylo [dot] com
*
*
*
*

*
*	A BAY BAY!
*
* -----------------------------------*/



/* -----------------------------------
*
*     Basic mods (body, text, etc.)
*
* -----------------------------------*/

* { padding: 0; margin: 0;}

body { font-family: Helvetica, Sans-serif; font-size: 11px;line-height: 16px; }
a, a:visited { color: #000; text-decoration: none; }
a:hover { border: 0; background-color: #e3e3e3; }
a img { border: 0; background-color: #fff; }
p { padding: 0; border: 0; margin: 0; }

/* -----------------------------------
*
*     			Layout
*
* -----------------------------------*/

#header { font-size: 16px; width: 1260px; font-weight:normal; text-transform: uppercase; margin-bottom: 0px; margin-top: 0px; }

#container { width: 1260px; margin-left: 25px; }
#header { width: 1170px; margin-top: 29px; margin-left: 0px; padding-bottom: 25px;}

#wrapper { margin-left: 0px;; width: 1170px; }

#nav { position: absolute; margin-top: 42px; margin-left: 0px; width: 195px; list-style-type: none; list-style: none;}

#menu { float: left; width: 180px; margin-right: 15px; margin-left: 0px; }
#menu a:hover { border: 0; background-color: #e3e3e3; }

#content { float: left; width: 960px; margin-top: 0px; margin-left: 205px; }

#bookdetail { float: right; width: 180px; margin-right: -10px; margin-top: -602px; padding-bottom: 0px; }

#nav_menu { float:left; width: 180px; margin-left: 0px; margin-top: 0px; clear:both;}
#about { float:left; width: 180px; margin-left: 0px; margin-top: -17px; clear:both;}
.about_text { float:left; width: 390px; margin-left: 0px; margin-top: 0px; clear:both;}
#about_clients { float:left; width: 180px; margin-left: 25px; margin-top: -17px; }
#about_links { float:left; width: 180px; margin-left: 230px; margin-top: -17px;}

/* -----------------------------------
*
*     		h1 header text
*
* -----------------------------------*/

h1 { font-family: Helvetica, Sans-serif; font-size: 11px; font-weight:normal; font-style: italic; margin-bottom: 16px; padding: 0; margin-top: 0px; clear: both; }
h2 { font-family: Helvetica, Sans-serif; font-size: 11px; font-weight:normal; font-style: italic; margin-bottom: 0px; padding: 0; margin-top: 0px; clear: both; }
h3 { font-family: Helvetica, Sans-serif; font-size: 11px; font-weight:normal; font-style: italic; margin-bottom: 0px; padding: 0; margin-top: -17px; margin-left:-205px; }
h4 { font-family: Helvetica, Sans-serif; font-size: 11px; font-weight:normal; font-style: italic; margin-bottom: 16px; padding: 0; margin-top: 0px; clear:both;}

/* -----------------------------------
*
*     		Line breaks
*
* -----------------------------------*/

hr.long { float: left; height: 1px; color: black; background-color: black; border: none;  width: 765px; margin-right: 25px; margin-top: 25px; margin-bottom: 0px; margin-left: 25px; padding: 0px; }
hr.short { float: left; height: 1px; color: black; background-color: black; border: none; width: 180px; margin-top: 25px; margin-left: 0px; padding: 0px; }
hr.detail { float: left; height: 1px; color: black; background-color: black; border: none; width: 180px; margin-top: 25px; margin-left: 0px; padding: 0px; }
hr.bookdetail { float: right; height: 1px; color: black; background-color: black; border: none; width: 180px; margin-top: 180px; margin-right: 90px; padding: 0px; clear: both; }
hr.about { float: left; height: 1px; color: black; background-color: black; border: none; width: 385px; margin-top: 25px; margin-left: 25px; padding: 0px; }
hr.about_short { float: left; height: 1px; color: black; background-color: black; border: none; width: 180px; margin-top: 25px; margin-left: 25px; padding: 0px; }
hr.about_bottom { float: left; height: 1px; color: black; background-color: black; border: none; width: 180px; margin-top: 25px; margin-left: 0px; padding: 0px; margin-bottom: -17px; }

/* -----------------------------------
*
*     	 Photos + Transitions
*
* -----------------------------------*/

#image		{ width: 960px; }
.photo_wrap { position: absolute; margin: 0px 0px 0px 0px; }
.gallery 	{ position: relative; }		
.pics 		{ height:  586px; width: 960px; display: block; overflow: auto; } 
 
.pics img 	{  
			    margin-top: 19px;
			    padding: 0px;  
			    border:  0px;  
    			background-color: #fffffff;  
    			width:  765px; 
    			height: 565px; 
    			top:  0; 
    			left: 0; 
			}
			
			
.pics_waywt 		{   height:  586px; width: 960px; display: block; overflow: auto; } 
 
.pics_waywt img 	{  
			    margin-top: 19px;
			    padding: 0px;  
			    border:  0px;  
    			background-color: #fffffff;  
    			width:  765px; 
    			height: 518px; 
    			top:  0; 
    			left: 0; 
			}
			 
.image_about { margin-top: 3px; margin-bottom: 18px; } 

#navleft a:hover, #navright a:hover { background-position: 14.5px 0px;}			
#navleft { position: absolute; top: 145px; margin-left: 0px; margin-top: -53px; display: block; overflow: none; font-style: italic; }			
#navright{ position: absolute; top: 145px; margin-left: 55px; margin-top: -53px; display: block; overflow: none; font-style: italic; }
#video{ margin-top: 18px; }

/* -----------------------------------
*
*              Misc.
*
* -----------------------------------*/

#paypal { position: absolute; margin-left: 790px; margin-top: -317px; }
