/*
THEME NAME: Zaan
THEME URI: 
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.0
AUTHOR: Lizane Connoway
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/


/* =Global Reset [Dont edit. Adjust global line height on line 12 if needed]
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; line-height:180%; vertical-align: top; background: transparent;}
body {font-size: 62.5%;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
a:focus {outline: 1px dotted invert;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

/* =Global Headings
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
h1 {font-size: 3.0em;}
h2 {
font-size:2.8em;
text-transform:lowercase;
color:#C99F39;
line-height:1.1em;
}
h3 {
font-size: 1.6em;
line-height:1.2em;
padding-top:23px;
color:#C99F39;
}

h4 {font-size: 1.35em;}
h5 {font-size: 1.28px;}
h6 {font-size: 1.2em;}

/* =Spacing
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
ol {list-style: decimal;}
ul {list-style: square;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom: 15px;}
hr {border-color: #ccc;border-style: solid;border-width: 1px 0 0;clear: both;height: 0;}


/* =Layout
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%; background-repeat: repeat-x;
	background-image: url(img/header-repeat.gif);

	
	}
#main {
padding-bottom: 150px;/* must be same height as the footer */
	background-image: url(img/content-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-position:0 41px;

}  
#main-portfolio {
padding-bottom: 150px;/* must be same height as the footer */


} 
#header{
	/*padding-bottom: 84px;*/
	width:990px;
}
#footer {
position: relative;
	margin-top: -90px; /* negative value of footer height */
	height: 90px;
	clear:both;
	background-color:#C99F39;
	font-size:110%;
	} 
/* CLEAR FIX*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}/* End hide from IE-mac */

#blog-title {
	width:472;
	height:22px;
	background:url('img/logo.gif') no-repeat;
	float:left;
	margin-top:54px;

}
#blog-title a {
	display:block;
	width:472px;
	height:22px;
	text-indent:-9999px;
}

/* =Master [Changes here could be risky, change the obvious, leave the weird]
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body {background-color:#0E0F10;}
.clearfix {clear: both; display: block;}
img.alignright {float: right; margin-left:10px; display:block;}
img.alignleft {float: left; margin-right:10px; display:block;}
.alignright {float: right;}
.alignleft {float: left;}
.aligncenter {clear:both; margin: 0 auto 10px !important; display:block;}
.right {text-align:right;}
.left {text-align:left;}
a:link,a:visited {color:#C99F39; text-decoration:none;}
a:hover,a:active {color:#C99F39; text-decoration:underline;}
.yellow a:link,a:visited {color:#E5DCD2; text-decoration:none;}
.yellow a:hover,a:active  {color:#E5DCD2; text-decoration:underline;}
* html .png{
/*position:relative;*/
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "css/img/trans.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

/* =Typography
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {font-weight:lighter; font-family: 'Arial Narrow', Arial, Geneva, sans-serif;}

h4.sIFR-replaced{
margin-bottom:-2px;
margin-top:-5px;
}

h2#portfolio{
margin-left:46px;
}
#wrap {
	font-size: 1.2em;
	font-family: 'Arial Narrow', Arial, Geneva, sans-serif;
	color:#E5DCD2;
	/*position:relative;*/

}
#main, #main-portfolio{
font-size:1.2em;
letter-spacing:0.07em;

}
#content{
	padding-left:475px;
	width:525px;
	padding-top:40px;
	min-height:615px;
}
#content-portfolio{
	padding-left:20px;
	width:970px;
	padding-top:40px;
	min-height:615px;
}
.yellow{
color: #C99F39;
}
#menu{
left:475px;
position:absolute;
top:0;
z-index:5000;
}
#menu, ul#portfolio-nav, ul#general-nav{
display:inline;


}
#general-nav .current_page_item{
background-color:#81090F;
}
.portfolio-subnav .current_page_item{
color:#fff;
background-color:none;
}
.active-menu{
background-repeat:no-repeat;
display:inline;
height:84px;
position:absolute;
top:0;
}


#menu-item-1{
background-image:url(img/nav-hover-bg.png);
left:461px;
width:83px;
}

#menu-item-2{
background-image:url(img/nav-hover-bg-larger.png);
left:543px;
width:113px;
}
#menu-item-3{
background-image:url(img/nav-hover-bg.png);
left:656px;
width:83px;
}

#menu-item-4{
left:680px;
width:95px;
background-image:url(img/nav-hover-bg-larger.png);
}

#menu-item-no-display{
display:none;
}








#current-page-general{
background-color:#81090F;
}

ul#portfolio-nav, ul#general-nav, #footer ul, ul#portfolio-nav .portfolio-subnav {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

ul#portfolio-nav .portfolio-subnav{
background-color:#C99F39;
font-size:1.1em;
left:1px;
position:absolute;
text-decoration:none;
}

ul#portfolio-nav{
float:left;
margin-top:50px;
position:absolute;
width:320px;

}
ul#general-nav{
font-size:1.1em;
left:327px;
letter-spacing:0.03em;
margin-top:54px;
position:absolute;
text-align:right;
width:221px;
}
ul#portfolio-nav .portfolio-subnav li{
display:block;
height:25px;
margin-left:6px;
position:relative;
width:110px;
}
ul#portfolio-nav .portfolio-subnav li a {
font-size:1.05em;
text-decoration:none;
color:#fff;
}
ul#portfolio-nav .portfolio-subnav li a:hover {
color:black;
text-decoration:none;
}
ul#portfolio-nav li{
float:left;
line-height:2.2em;
margin-right:25px;
position:relative;
text-transform:lowercase;


}
ul#portfolio-nav a{
font-size: 1.3em;
text-decoration:none;
color:#fff;
letter-spacing:0.07em;
}
ul#portfolio-nav a:hover{
color:#000;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: center;
}

ul#general-nav li{
	float:left;
	height:22px;
	padding-left:5px;
	padding-right:5px;
	text-transform: lowercase;
}
ul#general-nav a{

background-color:none;
text-decoration:none;
color:#fff;
line-height:21px;
letter-spacing:0.07em;

}
ul#general-nav a:hover{

text-decoration:none;
color:#000;
}
#footer #detail, #footer #detail2{
	font-size: 1.2em;
	font-family: 'Arial Narrow', Arial, Geneva, sans-serif;

	letter-spacing:0.07em;

}
#subs-form #wdhdd-wdhdd, #subs-form #name{
background-color:#B69136;
border:1px solid #E4B74A;
color:#000000;
font-family:'Arial Narrow',Arial,Geneva,sans-serif;
font-size:1em;
letter-spacing:0.07em;
}
#subs-form #submit{
background-color:#E4B74A;
border:none;
	font-size: 1em;
	font-family: 'Arial Narrow', Arial, Geneva, sans-serif;
	color:#000;
	letter-spacing:0.07em;
}

#footer #detail2{
	color:#000;
display:inline;
float:left;
margin-left:46px;
margin-top:23px;

}
#footer #detail{
	color:#fff;
float:left;

margin-top:23px;
text-align:right;
display:inline;
margin-left:30px;
}
 #footer li{
 display:inline;
 text-transform:lowercase;
 }
#footer ul, #footer p{
 display:inline;
 
}

#footer a:link,a:visited {color:#fff; text-decoration:none;}
#footer a:hover, a:active {color:#fff; text-decoration:underline;}

/* =NextGen Gallery
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ngg-gallery-thumbnail-box{
background-image:url(img/thumbnail-bg.gif);
background-position:0 0;
background-repeat:no-repeat;
display:inline;
float:left;
height:146px;
margin-bottom:48px;
margin-left:48px;
padding-left:3px;
padding-top:3px;
width:143px;
position:relative;

}
.ngg-gallery-thumbnail .thumby{
z-index:-1;
}
.ngg-gallery-thumbnail a{
position: relative;

}
.hoverbox{
	background-color:#81090F;
width:185px;
z-index:600000;
	position:absolute;
	top:146px;
	left:0;
	padding:5px;
}
.hoverbox p{
font-size:0.8em;
line-height:1.2em;
margin-bottom:5px;
margin-top:-15px;
}

.hoverbox h4{
margin:0;
font-size:1.1em;
}

.ngg-galleryoverview{

}
#content-portfolio {

}
.ngg-clear {
clear:both !important;
display:block !important;
padding-bottom:45px;
}
.ngg-gallery-thumbnail-box:hover{
background-image:url(img/thumbnail-bg.gif);
background-position:-146px 0;

}
.piclenselink{
display:none;
}
.ngg-navigation {
clear:both !important;
display:block !important;
font-size:0.9em !important;
padding-bottom:45px;
text-align:right;
	
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	color: #C99F39;
	margin-left:7px;

}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	color: #E5DCD2 !important;
	text-decoration: none !important;
}


.hover-description p{
	line-height: 1.2em;
	font-size: 1em;
	margin-top:5px;
}

.hover-arrow{
	background-image: url(img/hover-bg.png);
	background-repeat: no-repeat;
	position:absolute;
	top:-16px;
	display:block;
	width:300px;
	height:16px;
}
.hover-detail{
font-size: 0.6em;
color:black;
margin-top:-6px;
}
.new-flash{
	z-index:5;
	position:absolute;
	top:-25px;
	left:-25px;
	width:50px;
	height:50px;
	background-image: url(img/new-splash.png);
	background-repeat: no-repeat;
}
.sold-flash{
	z-index:5;
	position:absolute;
	top:-25px;
	left:118px;
	width:50px;
	height:50px;
	background-image: url(img/sold-splash.png);
	background-repeat: no-repeat;
}
.next, .prev{
display:none;
}

.cform input, .cform textarea{
	margin-left:90px;
	background-color:#212224;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #1C1D1E;
	border-right-color: #1C1D1E;
	border-bottom-style: none;
	border-left-style: none;
	margin-right:10px;
	font-size: 1em;
	font-family: 'Arial Narrow', Arial, Geneva, sans-serif;
	color:#E5DCD2;
	padding:3px;
}
.cform textarea{
width:430px;
}
.cform input{
width:250px;
	
}
.cf_hidden, .linklove{
display:none;
}
.cform .sendbutton{
background-color:#C99F39;
height:30px;
font-size: 1.1em;
color:#000;
padding-bottom:0.2em;
}
.cform .reqtxt, .cform .emailreqtxt{
display:none;
}
.cform label{
position:absolute;
color:#C99F39;
}
.cform ol {list-style: none;}

#usermessagea{
color:#881211;
}
.sIFR-alternate{
display:none;
}
#portfolio-parent{
color:#C99F39;
font-size:1.1em;
height:8px;
margin-left:47px;
text-transform:lowercase;
line-height:3px;
}
#backlink{
text-align:right;
color:#C99F39;
font-size:1.1em;
display:block;
}
#prevLink2, #nextLink2{
display:block;
font-size:1.3em;
text-align:right;
}
#nextprevWrapper{
display:block;
float:right;
width:66px;
}