/* --- Import Sitewide Styles
-------------------------------------------------------*/


/* --- Common Elements
-------------------------------------------------------*/

* { margin: 0; padding: 0; }

body {
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-size: 11px;
	line-height: 13px;
	color: #000;
	background: #fff;
	letter-spacing: 0;
	}

h1 {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 900;
	padding-bottom: 10px;
	letter-spacing: -0.05em;
	}

h2 {font-size: 16px;
	padding-bottom: 10px;
	letter-spacing: 0;
	color: #fff;
	}

h3 {
	font-size: 12px;
	padding-bottom: 0;
	letter-spacing: 0;
	text-transform: uppercase;
	}

h4 { }

h5 { }

ul, ol {
	list-style-type: none;
	}

img {
	border: 0;
	margin: 0;
	padding: 0;
	}
	

fieldset { }

hr { }

a { text-decoration: underline; outline: none;}
a:link { color: #000; }
a:visited { color: #000; }
a:hover { text-decoration: none; color: #7f7f7f; }
a:active {  }

.alert {
	font-size: 10px;
	color: #f00;
	font-weight: bold;
	letter-spacing: -0.1em;
	}

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

/* --- | Container | --- */

#wrapper {
	width: 760px;
	margin: 0px auto 0;
	background: #fff;
	}
	
/* --- Splash
-------------------------------------------------------*/

#splash-index {
	background: #000;
	color: #fff;
	}
#splash-index #wrapper {
	width: 980px;
	margin: 0px auto 0;
	background: #000;
	}

#splash {
	width: 980px;
	margin-top: 50px;
	}

/* --- Nav
-------------------------------------------------------*/
	
ul#nav {
	position:relative;
	/*top:194px;     set the exact position of the navigation */
	/*left:35px;       set the exact position of the navigation */
	width:350px;
	height:25px;
	}
ul#nav li {
	padding:0;
	margin:0;
	float:left;
	text-indent:0px;	
	list-style-type:none;
	}
ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	background:transparent url(../pics/navbar.gif) no-repeat;
	}
li#home a {
	width:166px;
	height:25px;
	 }
li#navmid {
	width:130px;
	height:25px;
	 }
li#contact a {
	width:54px;
	height:25px;
	 }
li#home a:link, li#home a:visited {
	background-position: 0px 0px;
	 }
li#home a:hover, li#home a:focus {	
	background-position: 0px -25px;
	}
li#contact a:link, li#contact a:visited {	
	background-position:-296px 0px;
	}
li#contact a:hover, li#contact a:focus {	
	background-position:-296px -25px;
	}


/* --- Header
-------------------------------------------------------*/

#header {
	width: 350px;
	margin-top: 100px;
	}
	
	
/* --- Content
-------------------------------------------------------*/

#content {
	width: 760px;
	margin: 10px 0;
	}

/* --- Thumbs
-------------------------------------------------------*/
#thumbs {
	width: 350px;
	margin: 10px 0;
	}
	
#thumbs .thumb {
	float:left;
	margin: 0;
	padding: 0 4px 4px 0;
	width: 40px;
	height: 40px;
	}
	
#thumbs .thumb_end {
	float:left;
	margin: 0;
	padding: 0 0 4px 0;
	width: 40px;
	height: 40px;
	}
	
#thumbs ul.thumb_ul {
	width:350px;
	height:40px;
	margin: 0;
	padding: 0;
	}

/* --- Paging
-------------------------------------------------------*/

#paging {
	clear: both; 
	width: 350px;
	height: 15px;
	position: relative;
	}
	
#pagingleft {
	float:left;
	font-weight: bold;
	width:20px;
	text-align: left;
	}

#pagingcenter {
	float:left;
	width:310px;
	text-align: center;
	}

#pagingright {
	float:right;
	font-weight: bold;
	width:20px;
	text-align: right;
	}
	
#pagingpics {
	float:left;
	width:250px;
	text-align: left;
	}
	
#pagingback {
	float:right;
	font-weight: bold;
	width:100px;
	text-align: right;
	}

/* --- Details
-------------------------------------------------------*/
#info {
	width: 350px;
	margin: 10px 0;
	}

#info p {
	text-align:left;
	}
	
p.info {
	margin: 10px 0 0 0;
	}

/* --- Contact
-------------------------------------------------------*/
#contacttxt {
	width: 350px;
	margin-top: 20px;
	font-size: 14px;
	line-height: 17px;
	}