@charset "utf-8";
/* CSS Document Tom Shultz/Creative Attitude copyright 2008 */

body.about  {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background-color: #cdcdcd;
	/*background-image: url(../images/bckgnd_about.jpg);
	background-repeat: no-repeat;
	background-position: center top;*/
	font-family: Trebuchet, Verdana, Times, "Times New Roman";
	font-size: 100%;
}

body.services  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background-color: #eeff00;
	background-image: url(../images/bckgnd_services.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

body.history  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	background-color: #fac28f;
	background-image: url(../images/bckgnd_history.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	list-style-position: inside;
}


body.gallery {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000;
	background-color: #474849;
	font-family: Trebuchet, Verdana, Times, "Times New Roman";
	font-size: 100%;
}


body.gallerymain {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000;
	background-color: #000;
	font-family: Trebuchet, Verdana, Times, "Times New Roman";
	font-size: 100%;
}


body.contact {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000;
	background-color: #000;
	background-image: url(../images/bckgnd_contact.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Trebuchet, Verdana, Times, "Times New Roman";
	font-size: 100%;
}







#container.about  {
	width: 780px;
	text-align: center;
	background-image: url(../images/main_about.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	height: 618px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 



#container.services {
	width: 780px;
	text-align: center; 
	background-image: url(../images/main_services.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	height: 642px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


#container.history  {
	width: 780px;
	text-align: center; 
	background-image: url(../images/main_history.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	height: 600px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 

#container.gallery {
	width: 780px;
	text-align: center;
	background-image: url(../images/bckgnd_gallery.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	height: 600px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}



#container.gallerymain  {
	width: 780px;
	text-align: center;
	background-image: url(../images/main_gallerytemp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	height: 600px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}



#container.contact  {
	width: 780px;
	text-align: center; 
	background-image: url(../images/main_contact.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	height: 600px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 



#header {
	padding: 1em 3em ;  
	text-align: right;
} 

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}


#header ul li {
	display: inline;
	list-style-type: none;
}

#header ul li a {
	line-height: 1.5em;
	margin: 0;
	text-decoration: none;
	color: #fff;
	border: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.6875em;
	font-weight: bold;
	display: inline;
	list-style-type: none;
	padding: 0 .5em 0 .5em;
	font-variant: small-caps;
	}

#header li a:hover {
	text-decoration: underline;
	}
	
#header li a:active {
	color: #000;
	}	






#sidebar {
	float: left; /* since this element is floated, a width must be given */
	width: 330px;
	text-align: left;
	margin-top: 36px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 24px;
}

#sidebar.gallery {
	float: left; /* since this element is floated, a width must be given */
	width: 720px;
	text-align: left;
	margin-top: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 24px;
}
#sidebar.gallery h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .875em;
	line-height: 1.375em;
	font-weight: bold;
	color: #848587;
}

#sidebar.gallery h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	font-weight: normal;
	color: #848587;
	padding-left: 1.5em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}


#sidebar.gallery h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.65em;
	line-height: 1.375em;
	font-weight: bold;
	color: #848587;
	text-align: left;
	text-transform: uppercase;
}

#sidebar.gallery h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .575em;
	line-height: 1.375em;
	font-weight: bold;
	font-style: italic;
	color: #848587;
	text-align: right;
	padding-right: 3em;
	padding-top: .5em;
}





.gallery img {
	vertical-align: middle;
}


.gallery img a {
	border: 0; 
}


.gallery a:link  {
	color: #000;
	text-decoration: none;
}

.gallery a:visited  {
	color: #000;
	text-decoration: none;
}

.gallery a:hover {
	color: #ccc;
	text-decoration: none;
}

.gallery a:active {
	color: #000;
	text-decoration: none;
	
}


.gallery p {
	font-size: 0.75em;
}
#sample p {
	padding-top: .5em;
}

#caption {
	width: 420px;
	text-align: center;
}
#caption p {
	text-align: center;
}


#sidebarLeft {
	float: left; /* since this element is floated, a width must be given */
	width: 156px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px;	
}

#sidebarRight {
	float: right; /* since this element is floated, a width must be given */
	width: 156px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px;	
}




#sidebar ul li {
	list-style-type: none;
	font-size: 0.625em;
	padding: 0px;
	margin-left: -4em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: 1.25em;
}

#sidebar li {
	padding: 0;
	list-style-type: none;
}

#mainContent {
	margin: 96px 0 0 360px; 
	padding: 0 30px; 
	text-align: left;
}


#mainContent.services {
	margin: 0 0 0 360px; 
	padding: 0 30px; 
	text-align: left;
}

#mainContent.about{
	margin: 36px 0 0 390px; 
	padding: 0 36px; 
	text-align: left;
}

#mainContent.contact{
	margin: 0 0 0 390px;
	padding: 0 36px;
	text-align: left;
}


#mainContent p, #sidebar p {
	font-size: 0.725em;
	line-height: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #7e7455;
	margin-top: .5em;
	margin-bottom: .5em;
}

#sidebar.gallery p {
	font-size: 0.675em;
	line-height: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #7e7455;
	margin-top: .5em;
	margin-bottom: .5em;
}

#mainContent.services p, #sidebar.services p {
	font-size: 0.825em;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif; 
	color: #7e7455;
	margin-top: .5em;
	margin-bottom: .5em;
}

#mainContent.services h1, #sidebar.services h1 {
	font-size: 0.85em;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color: #FC0300;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
}

#mainContent.about p {
	font-size: 0.7785em;
	line-height: 1.625em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	font-weight: normal;
}

#mainContent.about h1 {
	font-size: 0.875em;
	line-height: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #324C4D;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: 0.0375em;
	text-align: center;
}

#mainContent.about h2 {
	font-size: 0.725em;
	line-height: 1.375em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #324C4D;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	font-weight: normal;
	letter-spacing: 0.0275em;
	text-align: left;
}


#mainContent.contact p {
	font-size: 0.7785em;
	line-height: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-weight: normal;
}

#mainContent.contact h1 {
	font-size: 0.725em;
	line-height: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #DE6D5D;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: 0em;
	text-align: left;

}

#mainContent.contact h2 {
	font-size: 0.675em;
	line-height: 1.375em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	font-weight: normal;
	letter-spacing: 0.0275em;
	text-align: left;
}



#mainContent.contact ul li {
	list-style-type: none;
	font-size: 0.625em;
	padding: 0px;
	margin-left: -4em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: 1.25em;
}

#mainContent.contact li {
	padding: 0;
	list-style-type: none;
}


a:link  {
	color: #000;
	text-decoration: none;
}

a:visited  {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

a:active {
	color: #000;
	text-decoration: none;
	
}









 
#footer {
	padding: 0;
	text-align: center;
	margin: .25em;
	clear: both;
} 
#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	color: #fff;
	text-align: center;
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

li.hot  {
	color:#FF0000;
}
#sample {
	text-align: center;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
}
#sample img {
	text-align: center;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 1em;
	padding-left: 1em;
}