/* Wrapper */

body {
	background: #000 url(../images/background_images/body_bk.png) repeat-x left top;
	text-align: center;
}

#wrapper {
	width: 900px;
	margin: 15px auto;
	background: #8B1A1A no-repeat;
}

/* PAGE  */   
/*wrapes around content and left column with background that is extended by longest div*/

#wrapper #page {
	width: 900px;
	margin: 0 0px;
	padding-top: 20px;
	background: #8B1A1A url(../images/background_images/content_bk.png) repeat;
	float: left;
}

h1, h2, h3 {
	margin: 0;
	letter-spacing: -.05em;
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

/***********************************************************************************************
          menue / navigation		
************************************************************************************************/

#menu  {
	float:left;
	width:900px;
	line-height:normal;
	background-color: #CCC;
	height: 30px;
	position: relative;
	padding-top: 12px;
	padding-bottom: 12px;
	margin: 0px;
}
	  
#wrapper #menu ul {
	margin:0px;
	padding:0px;
	list-style:none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #000;
	float: left;
	background-image: url(../images/background_images/a_back.png);
	background-repeat: repeat-x;
}	  
	  
	  
#menu li {
    display:inline;
    margin:0;
    padding:0;
} 
	  
	  	  
#menu a  {
	background-image: url(../images/background_images/a_back.png);
	display: block;
	color: #FFF;
	float: left;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 6px;
	width: 115px;
	height: 20px;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu   a span {float:none;}

    /* End IE5-Mac hack */
#menu   a:hover span {
      color:#0F0;
      }
	  
#menu   a:hover {
      background-image: url(../images/background_images/a_hover.png);;
      }
	  
/*#menu   a:hover span {
      background-position:100% -42px;
      }  */

/***********************************************************************************************
          HEADER
************************************************************************************************/

#header {
	width: 900px;
	height: 218px;
	margin: 0 auto;
	padding: 0px;
	background-color: #8b1a1a;
	position: relative;
	float: left;
	background-image: url(../images/background_images/header_01.png);
	background-repeat: no-repeat;
}

#wrapper #header #logo {
	float: left;
	height: 86px;
	width: 95px;
	background-image: url(../images/background_images/header_logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 19px;
	left: 15px;
}

#header #logo #logo h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	height: 25px;
}

#wrapper #header #topHeaderDiv {
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	position: absolute;
	width: 527px;
	left: 190px;
	top: 38px;
	text-align: center;
	letter-spacing: 0.06em;
}
#wrapper #header #topHeaderDiv h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	color: #FFF;
	font-variant: normal;
	letter-spacing: 0.04em;
}

#wrapper #header #headerDiv2 {
	float: left;
	position: absolute;
	width: 500px;
	top: 85px;
	left: 200px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#wrapper #header #headerDiv2 h2 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 24px;
	font-style: oblique;
	color: #CCC;
}

#wrapper #header #headerDiv3 {
	float: left;
	width: 700px;
	position: absolute;
	top: 185px;
	left: 100px;
	padding-top: 5px;
	color: #FFF;
	text-align: center;
}

#wrapper #header #headerDiv3 h3 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 18px;
	color: #DEC672;
	letter-spacing: .04em;
	font-style: italic;
}


#wrapper #header #headerDiv4 {
	float: left;
	width: 515px;
	position: absolute;
	top: 126px;
	left: 178px;
	padding-top: 5px;
	color: #FFF;
	text-align: center;
}

#wrapper #header #headerDiv4 h4 {
	padding: 0px;
	margin: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	text-align: center;
	letter-spacing: 0.06em;
	font-weight: normal;
}

/****************************************************************************
          CONTENT
*****************************************************************************/

#wrapper #page #content {
	margin: 0px;
	padding: 10px;
	float: left;
	width: 650px;
}

/*Main Content *********** sits inside the content div onthe index and about page*/

#wrapper #page #content #mainContent {
	float: left;
	width: 635px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 10px;
}

#wrapper #page #content p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-align: justify;
	margin: 3px 0px 5px;
	padding: 0px;
	font-style: normal;
}

/****************************************************************************
         LEFT COLUMN
*****************************************************************************/

#wrapper #page #leftColumn {
	margin: 0px;
	padding: 10px;
	float: left;
	width: 206px;
}



/***************************************************************************
     GALLERY   Before and after pictures
*****************************************************************************/

#wrapper #page #contentgallery {
	margin: 0px;
	padding: 10px;
	float: left;
	width: 880px;
	background-image: url(../images/background_images/beforPageBk.png);
	background-repeat: no-repeat;
	background-position: 40px 10px;
	position: relative;
}


#contentgallery #gallery #galleryContent {
	width: 655px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 1.4em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 200px;
	float: left;
	text-align: left;
	height: 120px;
}

#wrapper #page #contentgallery #gallery #galleryContent h1 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 18px;
	color: #ccc;
	letter-spacing: 0.04em;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	font-weight: bolder;
}

#contentgallery #gallery {
	width: 867px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 1.4em;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	float: left;
	text-align: left;
}


#wrapper #page #contentgallery #gallery #gallery1 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 150px;
}

#wrapper #page #contentgallery #gallery #gallery2 {
	padding: 0px;
	float: left;
	width: 150px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#wrapper #page #contentgallery #gallery #gallery3 {
	padding: 0px;
	float: left;
	width: 150px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


#wrapper #page #contentgallery #gallery #gallery4 {
	padding: 0px;
	float: left;
	width: 150px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#wrapper #page #contentgallery #gallery  .imageDiv {
	float: left;
	height: 112px;
	width: 150px;
}

#wrapper #page #contentgallery #gallery #gallery1 .clickHere {
	margin: 0px;
	float: left;
	width: 150px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	padding: 0px;
	height: 21px;
	text-align: center;
	background-color: #000;
}
#wrapper #page #contentgallery #gallery #gallery2 .clickHere {
	margin: 0px;
	float: left;
	width: 150px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	height: 21px;
	padding: 0px;
	background-color: #000;
}

#wrapper #page #contentgallery #gallery #gallery3 .clickHere {
	margin: 0px;
	float: left;
	width: 150px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	padding: 0px;
	height: 21px;
	text-align: center;
	background-color: #000;
}

#wrapper #page #contentgallery #gallery #gallery4 .clickHere {
	margin: 0px;
	float: left;
	width: 150px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	height: 21px;
	padding: 0px;
	background-color: #000;
}

#wrapper #page #contentgallery #gallery #gallery4 .imageDiv .MagicThumb img {
	border: none;
}

#wrapper #page #contentgallery #gallery #gallery2 .imageDiv .MagicThumb img {
	border: none;
}

#wrapper #page #contentgallery #gallery .gutterDiv {
	float: left;
	height: 900px;
	width: 50px;
}

#wrapper #page #contentgallery #gallery .gutterDiv1 {
	float: left;
	height: 900px;
	width: 15px;
}

#wrapper #page #contentgallery #gallery .gutterDivCenter {
	float: left;
	height: 900px;
	width: 140px;
}

#wrapper #page #contentgallery #gallery .columnHeader {
	margin: 0px;
	float: left;
	width: 150px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-align: center;
	line-height: 14px;
	font-weight: bold;
	background-color: #000;
	font-style: italic;
	background-image: url(../images/background_images/colHeader.png);
	background-repeat: no-repeat;
	padding-right: 0px;
	padding-top: 12px;
	padding-bottom: 10px;
}




/*****************************************************************************
     FOOTER
******************************************************************************/

#footer {
	width: 880px;
	padding: 0px 10px 2px;
	height: 120px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-right: 0px;
	margin-left: 0px;
	float: left;
	background-color: #666666;
	background-image: url(../images/background_images/footer_bk.png);
	background-repeat: repeat-x;
}

#footer p {
	margin: 0px;
	line-height: normal;
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
	padding: 0px;
}

#footer #insideFooter {
	height: 95px;
	float: left;
	width: 870px;
	padding-right: 5px;
	padding-left: 5px;
}

#footer #insideFooter #leftInsideFooter {
	height: 25px;
	width: 400px;
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	
}
#footer #insideFooter #rightInsideFooter {
	float: left;
	height: 40px;
	width: 200px;
	margin: 0px;
	padding: 30px 5px 0px;
	text-decoration: none;
}

#footer a {
	color: #CCCCCC;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-weight: bold;
	}


#footer #insideFooter #rightInsideFooter #cssDiv {

	float: right;
	width: 88px;
}

#footer .copywrite {
	float: left;
	width: 390px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	font-weight: bold;
	padding: 5px 0px 0px 10px;
}

#wrapper #footer #hopster {
	float: right;
	width: 300px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #CCCCCC;
	margin: 0px;
	padding: 7px 40px 0px 0px;
	text-align: right;
}


/******************************************************************************
       styles
********************************************************************************/

.style5 {
	font-family: "Trebuchet MS", "Lucida Sans", sans-serif;
	font-size: 22px;
	color: #FFFFFF;
	font-weight: normal;
	}
	
.style2 {
color: #FFFFFF;
}

.style1about {
	font-family: "Trebuchet MS", "Lucida Sans", sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: normal;
	font-style: normal;
	background-color: #B07877;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}
#wrapper #page #leftColumn #topSidebar {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 61px;
	width: 206px;
	background-image: url(../images/background_images/sidebar_top_bk.png);
	background-repeat: no-repeat;
}
#wrapper #page #leftColumn #sidebarBot {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 32px;
	width: 206px;
	background-image: url(../images/background_images/sidebar_bottom_bk.png);
	background-repeat: no-repeat;
}
#wrapper #page #leftColumn #sidebarMiddle {
	margin: 0px;
	padding: 0px;
	width: 206px;
	background-repeat: repeat-y;
	float: left;
	background-image: url(../images/background_images/sidebar_middle_bk.png);
}
#wrapper #page #leftColumn #sidebarMiddle .sideDiv1 {
	width: 200px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 18px;
	color: #D1AB27;
	font-style: italic;
	float: left;
	padding-left: 3px;
}

#wrapper #page #leftColumn #sidebarMiddle .sideDiv1 a {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 18px;
	color: #D1AB27;
	font-style: italic;
	text-decoration: none;
}

#wrapper #page #leftColumn #sidebarMiddle .sideDiv1 a:hover {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 18px;
	color: #E2CB73;
	font-style: italic;
}
	

#wrapper #page #contentgallery #gallery #galleryContent p {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-align: justify;
}
#wrapper #footer #insideFooter .info {
	float: left;
	width: 500px;
	font-family: "Times New Roman", Times, serif;
	color: #FFF;
	margin-top: 10px;
	padding-left: 10px;
	text-align: left;
	font-size: 14px;
}
#wrapper #footer #insideFooter .info p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: left;
}
#wrapper #header .facebook {
	height: 31px;
	width: 150px;
	position: absolute;
	left: 16px;
	top: 127px;
}
#wrapper #header .facebook a {
	outline: none;
}