/********************************************   AUTHOR:  			Erwin Aligam    WEBSITE:   			http://www.styleshout.com/   TEMPLATE NAME: 	Underground	TEMPLATE CODE:		S-0006   VERSION:          1.0          	 *******************************************/ /********************************************   HTML ELEMENTS********************************************/ /* top elements */* { margin: 0;	padding: 0; }body {	margin: 0; padding: 0;	font: 70%/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif;	color: #333; 	background: #FFF url(bg.gif) repeat-x; overflow: scroll; }/* links */a {	color: #003366;	background-color: inherit;	text-decoration: none;}a:hover {	color: #999999;	background-color: inherit;}/* headers */h1, h2, h3 {	font-family: Arial, 'Trebuchet MS', Sans-Serif;	font-weight: bold;	color: #333;}h1 {	font-size: 120%;	letter-spacing: .5px;}h2 {	font-size: 115%;		text-transform: uppercase; 		}h3 {	font-size: 115%;	color: #003366;		}/* images */img {	border: 2px solid #CCC;}img.float-right {  margin: 5px 0px 10px 10px;  }img.float-left {  margin: 5px 10px 10px 0px;}h1, h2, h3, p {	padding: 0;			margin: 10px;}ul, ol {	margin: 10px 20px;	padding: 0 20px;}code {	margin: 10px 0;	padding: 10px;	text-align: left;	display: block;	overflow: auto;	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;	/* white-space: pre; */  background: #FAFAFA;	border: 1px solid #f2f2f2;	border-left: 4px solid #141845;}acronym {  cursor: help;  border-bottom: 1px solid #777;}blockquote {	margin: 10px; 	padding: 0 0 0 32px;  	  	background: #FFFFFF url(quote.gif) no-repeat 5px 10px !important; 	background-position: 8px 10px;	border: 1px solid #141845; 	border-left: 4px solid #141845; 	font-weight: bold;  }/* form elements */form {	margin:10px; padding: 0 5px;	border: 1px solid #f2f2f2; 	background-color: #FAFAFA; }label {	display:block;	font-weight:bold;	margin:5px 0;}input {	padding: 2px;	border:1px solid #eee;	font: normal 1em Verdana, sans-serif;	color:#777;}textarea {	width:400px;	padding:2px;	font: normal 1em Verdana, sans-serif;	border:1px solid #eee;	height:100px;	display:block;	color:#777;}input.button {	margin: 0;	font: bolder 12px Arial, Sans-serif;	border: 1px solid #CCC;	padding: 1px;	background: #FFF;	color: #141845;}/* search form */form.search {	position: absolute;	top: 5px; right: 5px;	padding: 0; margin: 0;	border: none;	background-color: transparent; }form.search input.textbox { 	margin: 0; 	width: 120px;	border: 1px solid #CCC; 	background: #FFF;	color: #333; }form.search input.searchbutton { 	margin: 0; 	font-size: 100%; 	font-family: Arial, Sans-serif; 	border: 1px solid #CCC; 	background: #FFFFFF url(headerbg.gif) repeat-x bottom left; 	padding: 1px; 	font-weight: bold; 	height: 23px;	color: #333;	width: 60px;}/**********************************  LAYOUT ***********************************/#wrap {	margin: 0 auto; 	width: 780px;}/* header */#header {	position: relative;	margin: 0; padding: 0;	height: 60px;}#header span#slogan {	z-index: 3;	position: absolute;	left: 3px; bottom: 7px;	font: bold 1.2em Verdana, Arial, Tahoma,  Sans-serif;		color: #FFF;	}#header-logo {	position: relative;	clear: both;	height: 50px; 	margin: 0; padding: 0;	}#header-logo #logo {	position: absolute;	top: 3px; left: 5px;	font: bold 30px "trebuchet MS", Arial, Tahoma, Sans-Serif;	margin: 0; padding: 0;	letter-spacing: -1px;}/* navigation tabs */#header ul {	position: absolute;   margin:0;   list-style:none;	right:-18px ; bottom: 3px;	font: bold 13px 'Trebuchet MS', Arial, Sans-serif;}#header li {   display:inline;   margin:0; padding:0;}#header a {   float:left;   background: url(tableft.gif) no-repeat left top;   margin:0;   padding:0 0 0 4px;   text-decoration:none;}#header a span {   float:left;   display:block;   background: url(tabright.gif) no-repeat right top;   padding:5px 15px 4px 6px;   color:#FFF;}/* Commented Backslash Hack hides rule from IE5-Mac \*/#header a span {float:none;}/* End IE5-Mac hack */#header a:hover span {	color:#FFF;}#header a:hover {   background-position:0% -42px;}#header a:hover span {   background-position:100% -42px;}#header #current a {   background-position:0% -42px;}#header #current a span {   background-position:100% -42px;}/* main column */#main {	float: right;	margin: 0; padding: 0;	width: 545px;	}#main h1 {	margin: 10px 0;	padding: 4px 0 4px 8px;	font-size: 105%;	color: #FFF;	text-transform: uppercase;	background-color: #141845;	letter-spacing: 0.5px;}/* sidebar */#sidebar {	float: left;	width: 220px;	margin: 0; padding: 0; 	background-color: #FFFFFF; 	}#sidebar h1 {	margin: 10px 0 0 0; 	padding: 4px 0 4px 8px; 	font: bold 105% Arial, Sans-Serif;	color: #FFF;	text-transform: uppercase; 	background: #333; 	letter-spacing: 1px;	}#sidebar .left-box {	border: 1px solid #EBEBEB;	margin: 0 0 5px 0;		background: #FFF;}#sidebar ul.sidemenu {	list-style: none;	text-align: left;	margin: 3px 0px 8px 0; padding: 0;	text-decoration: none;		}#sidebar ul.sidemenu li {	border-bottom: 1px solid #f2f2f2; 	background: url(bullet.gif) no-repeat 3px 2px;		padding: 3px 5px 3px 25px;	margin: 0;	}#sidebar ul.sidemenu a {	font-weight: bolder;	padding: 3px 0px;		background: none;}/* footer */.footer { 	clear: both; 		border-top: 1px solid #f2f2f2;	background: #FFF url(footerbg.gif) repeat-x;	padding: 2px 0 10px 0; 	text-align: center;  	line-height: 1.5em;		font-size: 95%;}.footer a { 	text-decoration: none; 	font-weight: bold;		}/* alignment classes */.float-left  { float: left; }.float-right { float: right; }.align-left  { text-align: left; }.align-right { text-align: right; }/* display and additional classes  */.clear {	clear: both; }.red   { color: #CC0000; }.comments { 	margin: 20px 10px 5px 10px; 	padding: 3px 0;	border-bottom: 1px dashed #EFF0F1; 		border-top: 1px dashed #EFF0F1;	}

.mainH1 {	margin: 10px 0;	padding: 4px 0 4px 8px;	font-size: 105%;	color: #FFF;	text-transform: uppercase;	background-color: #141845;	letter-spacing: 0.5px;}

#wrapper {width:470px; margin:75px auto;}

.sliderbutton {float:left; width:32px; padding-top:134px}
.sliderbutton img {cursor:pointer; background:#999;}
.sliderbutton img:hover {background:#333}
#slider {float:left; position:relative; overflow:auto; margin-left: 10px; width:406px; height:304px; border:2px solid #fff; background:#fff;}
#slider ul {position:absolute; list-style:none; top:0; left:0; margin: 0px; padding: 0px;}
#slider li {float:left; width:400px; height:300px; padding-right:10px}

.pagination {float:left; list-style:none; height:25px; margin:15px 0 0 32px}
.pagination li {float:left; cursor:pointer; padding:5px 8px; background:#666; border:1px solid #999; margin:0 4px 0 0; text-align:center; color:#222}
.pagination li:hover {background:#777; border:1px solid #bbb; color:#000}

li.currentImage {border:1px solid #ccc; background:#888}