/* css information
--------------------------------------------------------
	MKM Architects:      				screen stylesheet
	author:         					www.studiotwo.com
	updated:        					December 2008

	

-------------------------------------------------------- */
/*
***************************************

	TYPOGRAPHY AND COLOR RULES

***************************************
*/
body {
	/*background: #580c2a url(../images/bg-page.jpg) repeat-x top left fixed;*/
	background: #660033;
	color: #ffffff;
	font-size: 76%;
	font-family: tahoma, geneva, arial, sans-serif; 
	font: 12px/1.4em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	margin: 0px 0 15px 0;
	padding: 0;
	min-width: 800px;
}





img  {
	border-width: 0
}
a, a:link,  a:visited  {
	color: #bababa;
	font-weight: bold;
	text-decoration: underline;
	background: transparent;
}	
a:hover   {
	
	color: #bababa; 
	text-decoration: none;
}


/*ul {
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	margin: 1em 1.2em 1em 1em;
	}
	ol {
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	margin: 1em 1.2em 1em 1em;
	}
	
li {
	padding-left: 10px;
	line-height: 1.1em;
	margin: .3em;
	list-style-type: disc;

	}*/
td {
	vertical-align: top; 
	text-align: left;
	}

hr {color:#e8e8e8;}


h1   {
	color: #ffffff;
	text-align: left;
	font: 20px arial, sans-serif;
	font-weight: bold;
	line-height: 1.3em;
	margin-top: 0px;
}


h1   {
	color: #ffffff;
	text-align: left;
	font: 15px arial, sans-serif;
	font-weight: bold;
	line-height: 1.3em;
	

}

h3    {
	color: #ffffff;
	text-align: left;
	font: 14px arial, sans-serif;
	font-weight: bold;
	text-transform:capitalize;
	border-top: 1px solid #cccccc;;

}
h4   {
	color: #ffffff;
	background-color: #000000;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 10px;
	margin-top: 0px;

}
h5   {
	color: #666666;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: .9em;

}
/*
***************************************

	LAYOUT

***************************************
*/



#wrap {
	background: #ffffff url("../images/bg-nav.jpg") repeat-x left top ;
	width: 945px;
	margin: 50px auto 0 auto; 
}


#header {	
	width: 945px;
	margin: 0 auto 0px auto; 
	position: relative;
	height: 80px;
	
	}
	
#navigation {
	width: 635px;
	height: 25px;
	padding: 0px 0 0 0;
	margin: 0 auto;
	position: absolute;
	top: 30px;
	right: 20px;
	z-index: auto;
}

#logo {
	position: absolute;
	top: 14px;
	width: 112px;
	height: 53px;
		left: 20px;
}

#photo {margin: 0px auto; width: 945px;}


#footer {
	width: 930px;
	height: 30px;
	color: #7c7c7c;
	background-color: #ffffff;
	margin: 0px auto 0px auto;
	padding: 20px 0px 8px 15px;
	font-size: 17px;
		clear: both;

}

/*

***************************************

	MAIN NAVIGATION RULES

***************************************

*/

#navigation ul	{
	width: 635px;
	height: 25px;
	margin: 0;
	padding: 0;
	position: relative;
	background: transparent url(../images/navigation.gif) top left no-repeat;
	border: 0;
	}
	
	

#navigation ul li	{
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	position: absolute;
	top: 0px;
	}

#navigation ul li, #navigation a	{
	height: 25px;
	display: block;
	border:0;
	padding: 0;
	margin: 0;
	}
	
#navigation ul li a {
	text-decoration: none;
	text-indent: -9999px;
	color: #ffffff;
	}	



#n1 {
	position: absolute;
	left: 0px;
	width: 103px;
}
#n2 {
	position: absolute;
	left: 115px;
	width: 100px;
}
#n3 {
	position: absolute;
	left: 229px;
	width: 85px;
}
#n4 {
	position: absolute;
	left: 325px;
	width: 80px;
}
#n5 {
	position: absolute;
	left: 418px;
	width: 89px;
}
#n6 {
	position: absolute;
	left: 525px;
	width: 60px;
}
#n7 {
	position: absolute;
	left: 595px;
	width: 37px;
}


#n1 a:hover {background: transparent url(../images/navigation.gif) -0px -25px no-repeat;}
#n2 a:hover {background: transparent url(../images/navigation.gif) -115px -25px no-repeat;}
#n3 a:hover {background: transparent url(../images/navigation.gif) -229px -25px no-repeat;}
#n4 a:hover {background: transparent url(../images/navigation.gif) -325px -25px no-repeat;}
#n5 a:hover {background: transparent url(../images/navigation.gif) -418px -25px no-repeat;}
#n6 a:hover {background: transparent url(../images/navigation.gif) -525px -25px no-repeat;}
#n7 a:hover {background: transparent url(../images/navigation.gif) -595px -25px no-repeat;}


/*
***************************************

	DIVs

***************************************
*/


#breadcrumbs {background-color: #393939; color: #ffffff; font-size: 10px; padding: 4px 5px 4px 15px;}





#content {
	width: 945px; 
	margin: 0px auto 0 auto; 
	background: #7a7a7a url(../images/bg-content.jpg) repeat-x left top  ;
	text-align: center;
	padding: 0px 0 0 0;
	position: relative;
	color: #ffffff;
	
}
#contentarea {
	width: 915px; 
	margin: 0px auto 0 auto; 
	background: #7a7a7a url(../images/bg-content.jpg) repeat-x left top  ;
	text-align: center;
	padding: 20px 15px 20px 15px;
		position: relative;
}

div#left {
	width: 180px;
	float: left;
	min-height: 200px;
}

div#leftcontent {
	width: 160px;
 	padding-top: 0px;
	margin: 0 auto;
	text-align: left;

}


div#right {
	min-height: 200px;
	margin-bottom: 25px;
 	width: 680px;
	float: left;
	margin-left: 20px;
	}

div#rightcontent {
 	width: 660px;
 	margin: 0 auto ;
 	padding-top: 0px;
 	text-align: left;
}



#breaker {clear: both; margin: 0 auto; color: #7a7a7a; width: 930px;}




div#text-wrap {
	width: 660px;
	margin: 0px auto;
 }
 
div#text-left {
	float: left;
	width: 430px;

}

div#text-right {
	float: right;
	width: 200px;
	margin-top: 0px;
} 






.gallery-title {font-size: 20px; line-height: 1.4em;}
.gallery-subtitle {font-size: 11px; text-transform: uppercase; }
.gallery-subheader {font-weight: bold; }


div#gallery-right {
	min-height: 200px;
	margin-bottom: 25px;
 	width: 700px;
	float: left;
	margin-left: 20px;
	}


div#gallery-rightcontent {
 	width: 680px;
 	margin: 0 auto ;
 	padding-top: 0px;
 	text-align: left;
}


div#gallery-text-wrap {
	width: 680px;
	margin: 0px auto;
 }
 
div#gallery-text-left {
	float: left;
	width: 485px;

}

div#gallery-text-right {
	float: right;
	width: 175px;
	margin-top: 0px;
} 



table#thumbs {margin-top: 20px;}
table#thumbs td {padding: 2px; text-align: center;  vertical-align: top; width: 33%; font-size: 10px;}
table#thumbs td img {padding: 2px; border: 1px solid #a9a9a9;}




#navcontainer {
	margin: 0px;
	padding: 0px;
}
#navlist
{
	margin: 0;
	padding: 0px;
	list-style: none;
	text-align: left;
	background-color: transparent;
}

#navlist li
{
	list-style: none;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	
}

 #navlist li a {color:#ffffff;  font-size:11px; text-decoration:none; /*letter-spacing: .5px; height: 21px;*/  font-weight: bold;margin: 0px; }
 #navlist li a:visited {color:#ffffff; font-size:11px; text-decoration:none;  /*letter-spacing: .5px; height: 21px;*/ font-weight: bold;margin: 0px;
}
 #navlist li a:hover {text-decoration: underline; }


	

#copyright {
	width: 945px;
	color: #acacac;
	background-color: transparent;
	margin: 0px auto;
	padding: 5px 0px 0px 0px;
	font-size: 9px;
	clear: both;
	
}


#copyright a:link {
	color: #ffffff;
}

#copyright a:visited {
	color: #ffffff;
}

#copyright a:hover {
	color: #acacac;
}



/*
***************************************

	STYLES

***************************************
*/
.bold {font-weight: bold;}
.right {text-align: right;}
.italic {font-style: italic;}
.alignright {text-align: right;}
.uppercase {text-transform: uppercase;}
.sub-head {font-weight: bold;}
.smtxt {font-size: .9em;}