* { margin: 0; }

html, body { 
    margin: 0; 
    padding: 0;
    height:100%; }

body {
    background-color: #151515;
    font: normal 13px tahoma;
    color: #929292; }
    
a {
    font: bold 13px tahoma;
    color:#FFF; }

a:hover { color: #da1b5c; }
    
#container {
	position:relative; /* footer positioning */
	margin:0 auto; /* center, not in IE5 */
	width: 848px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: min-height*/
	min-height:100%; /* real browsers */ }
	
#content {
    padding: 20px;
	padding-bottom: 195px; /* bottom padding for footer */ }

#header {
    width:848px;
    height:70px;
    border-bottom: 2px dotted #da1b5c; }

#logo { 
    position: relative;
    top: 15px;
    float: left;  }
	
#navigation {
    width: 465px; 
    height: 21px;
    position: relative; 
    top: 30px; 
    text-align: right;
    float: right;  }    

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; }

#nav a { 
	display: block; } 

#nav li { 
	float: left;  }

#nav li ul {
	position: absolute; 
	width: 100px;
	left: -999em;
	border: 0px;} 

#nav li:hover ul { left: auto; }

#nav li:hover ul, #nav li.sfhover ul { left: auto; }

a.navlink:link { text-decoration: none; }
a.navlink:active { text-decoration: none; }
a.navlink:visited { text-decoration: none; }
a.navlink:hover { text-decoration: none; background-image: url(../images/pinkvv.jpg); background-repeat: no-repeat; background-position: 0 0; }	

.navimg { margin-left: 10px; }
.nav_pad { width: 20px; }

.sub_title {
    height: 17px;
    width: 810px;
    border-bottom: 1px solid #2b2b2b; }
    
#post_box { float: left; width: 550px; line-height: 20px;  }
    
.post_title {
    float: left;
    width: 400px;
    font: bold 15px tahoma;
    color: #da1b5c; }
    
.post_date {
    float: left;
    width: 150px;
    font: normal 12px tahoma;
    text-align:right;
    color: #FFF; }

#archive_box { float: left; width: 200px; padding-left: 50px;}

.archive_month { 
    font: bold 15px tahoma;
    color: #da1b5c; }
    
.archive_post { 
    font: bold 12px tahoma;
    color: #929292;}
    
.archive_post a {
    font: bold 12px tahoma;
    color: #ffffff;
    text-decoration: underline; }
    
.archive_post a:hover {
    color: #da1b5c; }

#portfolio {
    width: 810px; 
    margin-top: 20px; 
    text-align: right;
    float: right;  }    

.examples, .examples ul {
	padding: 0;
	margin: 0;
	list-style: none; }

.examples a { 
	display: block; } 

.examples li { 
	float: left;
	width: 186px;  }
	
.portfolio_pad { margin-left: 20px; }

.examples li ul {
	position: absolute; 
	width: 100px;
	left: -999em;
	border: 0px;} 

.examples li:hover ul { left: auto; }

.examples li:hover ul, .examples li.sfhover ul { left: auto; }

.my_pic { float: left; margin-right: 20px; border: 2px solid #929292;  }

#downloads {
    width: 810px; 
    margin-top: 20px; 
    text-align: right;
    float: right;  }    

#goods, #goods ul {
	padding: 0;
	margin: 0;
	list-style: none; }

#goods a { 
	display: block; } 

#goods li { 
	float: left;
	width: 137px;  }
	
.downloads_pad { margin-left: 31px; }

#goods li ul {
	position: absolute; 
	width: 100px;
	left: -999em;
	border: 0px;} 

#goods li:hover ul { left: auto; }

#goods li:hover ul, #goods li.sfhover ul { left: auto; }

.goodspos { text-align: center; line-height: 5px; }

a.goodslink:link { font: normal 11px tahoma; color:#ffffff; text-decoration: underline; }
a.goodslink:visited { font: normal 11px tahoma; color:#ffffff; text-decoration: underline; }
a.goodslink:active { font: normal 11px tahoma; color:#ffffff; text-decoration: underline; }
a.goodslink:hover { font: normal 11px tahoma; color:#da1b5c; text-decoration: underline; }

.smtxt { font: normal 11px tahoma; color:#929292; }

#info {
    width: 424px; 
    float: left; 
    text-align: left; }

#skeelz {
    margin-left: 25px;
    width: 326px; 
    float: left; 
    text-align: left; }
    
#know {     
    line-height: 16px;
    float: left;
    width: 153px; }
    
#use {     
    line-height: 16px;
    float: left;
    width: 153px; 
    margin-left: 20px; }

#skeelz ul { list-style-type: square; color:#da1b5c; margin-top: 5px; padding:0; margin-left: 22px; font-size: 13px; line-height: 20px;  }

#skeelz ul li { color: #929292; }

#contact {
    width: 424px; 
    float: left; 
    text-align: left; }
    
input [type=text], textarea { border: 2px solid #929292; font: normal 11px tahoma; color: 333; background-color:#e6e6e6; }

#places {
    margin-left: 25px;
    width: 326px; 
    float: left; 
    text-align: left;
    font: normal 11px tahoma; }

#footer {
	position:absolute;
	width:848px;
	height: 175px;
	margin-top: 50px;
	bottom:0; /* stick to bottom */	
	border-top: 2px dotted #da1b5c;
    font: normal 11px tahoma;
    color: #929292;
    text-align: center; }
    
    
#listing { padding: 20px; }

.threecol { width: 250px; float: left; text-align: left; line-height: 16px; }

.threecol_pad { margin-left: 25px; }

.threecol ul { list-style-type: square; color:#da1b5c; margin-top: 5px; padding:0; margin-left: 22px; font-size: 11px; line-height: 20px;  }

.threecol ul li { color: #929292; }

a.footerlink:link { font: normal 11px tahoma; color:#ffffff; text-decoration: underline; }
a.footerlink:visited { font: normal 11px tahoma; color:#ffffff; text-decoration: underline; }
a.footerlink:active { font: normal 11px tahoma; color:#ffffff; text-decoration: underline; }
a.footerlink:hover { font: normal 11px tahoma; color:#da1b5c; text-decoration: underline; }

.clear { clear:both; }

#portfoliomenu {
	float: left;
	width: 178px; }

.ui-tabs { position: relative; padding: 2px; width: 178px; }	 
.ui-tabs .ui-tabs-nav { margin: 0; padding:0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; width: 45px; height: 25px; background: url(../images/tab_deselected.jpg) no-repeat; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: 0; text-decoration: none; margin-top: 5px; margin-left: 5px; font-size: 11px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px;  background: url(../images/tab_selected.jpg) no-repeat; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } 
.ui-tabs .ui-tabs-nav li a:hover { color:#FFF; }
.ui-tabs .ui-tabs-panel { display: block; border: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

 
#thumbs {
	float: left;
	width: 178px; }
	
#gallery {
	float: left; 
	height: 820px; 
	margin-left: 10px;}
	
div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;  }
	
div.content a, div.navigation a {
	text-decoration: none;
	color: #777; }
	
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline; }
	
div.controls {
	margin-top: 5px;
	height: 23px; } 
	
div.controls a {
	padding: 5px; }
	
div.ss-controls {
	float: left; }
	 
div.nav-controls {
	float: right; } 
	
div.slideshow-container {
	position: relative;
	clear: both;
	height: 820px; /* This should be set to be at least the height of the largest image in the slideshow */ }

div.slideshow img { border: none; }
	
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	/*width: 550px;*/
	height: 820px; /* This should be set to be at least the height of the largest image in the slideshow */ }
	
div.slideshow { }

div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: -10px;
	left: 0; }
	
div.slideshow a.advance-link {
	display: block;
	/*width: 550px;*/
	height: 820px; /* This should be set to be at least the height of the largest image in the slideshow */ 
	text-align: center;}
	 
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none; }
	
div.download {
	float: right; }
	
div.caption-container { }

span.image-caption {
	display: block;
	position: absolute; }
	
div.caption {  }
	
div.caption a {
	color: #fff; }
	
div.image-title {
	font-weight: bold;
	font-size: 1.4em; }

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px; }
	
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0; }
	
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 3px 3px;
	list-style: none;
	width: 52px;
	height: 35px; }
	
ul.thumbs li.last {
	margin-right: 0; }
	
ul.thumbs li.first {
	margin-left: 0; }
	
a.thumb {
	padding: 0;
	display: inline;
	border: none; }
	
ul.thumbs li.selected a.thumb {
	color: #000; }
	
a.thumb:focus {
	outline: none; }
	
ul.thumbs img {
	border: none;
	display: block; }
	
div.pagination {
	clear: both; }
	
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px; }
	
div.navigation div.bottom {
	margin-top: 12px; }
	
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px; }
	
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none; }
	
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	color: #fff; }
	
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px; }
	
#captionToggle a {
	float: right;
	display: block;
	background-image: url('caption.png');
	background-repeat: no-repeat;
	background-position: right;
	margin-top: 5px;
	padding: 5px 30px 5px 5px; }