/*

Theme Name: Strata Layout
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Sarah Mytych
Author URI: www.sarahmytych.com
Tags: blue, custom header, fixed width, two columns, widgets
*/


/* Begin Typography & Colors */
body {
	font-family: Avenir, Verdana, Sans-Serif;
	background: url('images/background12-14-3.jpg');
	background-attachment:fixed;
	margin: 0 auto;
	}


#pagecontainer {
	margin: 0 auto;
	width: 1130px;
	text-align: center;
	padding: 120px 0 0 0;
	}

#pagecontent {
	width: 1130px;
	background-image: url('images/contentbackground.jpg');
	background-repeat: repeat-y;
	background-position: center;
	/*position: absolute;
	left: 20px;
	bottom: 180px;*/
	}
	
#header {
	width: 1130px;
	height: 90px;
	/*padding-top: 125px;*/
	}
	
.headerimgpad {
	margin: 0 0 0 0px;	
}
.headerlogo {
	z-index: 1;
	position: relative;
	right: 275px;
	bottom: 187px;
	}

#navigation {
	width: 170px;
	padding-left: 40px;
	float: left;
	}
	
#navshowroom {
	width: 186px;
	background-color: #EFEC6F;
	z-index: 50;
	position: absolute;
	top: auto;
	left: auto;
}

#navwhystrata {
	width: 186px;
	z-index: 51;
		position: absolute;
	top: auto;
	left: auto;
	background-color: #EFEC6F;
}

#textcontent {
	width: 421px;
	/*float: left;*/
	margin: 0 0 0 206px;
	text-align: left;
	}
.photocontent {
	width: 479px;
	margin: 100px 0px 20px 20px;
	/*padding-left: 50px;*/
	float: right;
	}
	
.homephoto {
	border: solid;
	border-color: #382722;
	border-width: 5px;
	}
	
h1 {
	font-family: Avenir, Verdana, Sans-Serif;
	font-size: 16pt;
	color: #000000;
	margin: 0;
	padding-top: 50px;
	padding-left: 50px;
	}
h3 {
	color: #632a19;
	font-family: Avenir, Sans-Serif;
	font-size:  13pt;
	text-align: left;
	font-weight: bold;
	padding-left: 50px;
	}

h6 {
	color: #632a19;
	font-family: Avenir, Sans-Serif;
	font-size:  10pt;
	text-align: right;
	font-weight: bold;
	padding-right: 30px;
	}
h6 a {
	color: #632a19;
	text-decoration: none;
	font-weight: bold;
	}
h6 a:hover {
	color: #6B9997;
	text-decoration: none;
	font-weight: bold;
	}

h4 {
	line-height: 18pt;
	font-family: Avenir, Sans-Serif;
	font-size:  12pt;
	color: #000000;
	text-align: left;
	font-weight: normal;
	padding-left: 50px;
	
	}
h4 a {
	color: #023649;
	text-decoration: none;
	font-weight: bold;
	}
h4 a:hover {
	color: #6B9997;
	text-decoration: none;
	font-weight: bold;
	}
h5 {
	font-family: Avenir, Sans-Serif;
	font-size:  9pt;
	color: #7c7c7c;
	text-align: center;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	}
.text {
	font-family: Avenir, Sans-Serif;
	font-size:  11pt;
	color: #000000;
	text-align: left;
	font-weight: normal;
	}
.subnav {
	font-family: Avenir, Sans-Serif;
	font-size: 12pt;
	color: #382722;
	text-align: left;
	font-weight: bold;
	padding: 5px;
	}

.subnavx {
	font-family: Avenir, Sans-Serif;
	font-size: 12pt;
	color: #382722;
	text-align: right;
	font-weight: bold;
	padding: 5px;
	}
a {
	color: #382722;
	text-decoration: none;
	}
.subnav a:hover {
	color: #808285;
	}
.subnav2 a:hover {
	color: #808285;
	}

.subnav2 {
	font-family: Avenir, Sans-Serif;
	font-size: 12pt;
	color: #000000;
	text-align: left;
	font-weight: normal;
	padding-left: 15px;
	}
#navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav a {
	font-family: "Avenir", Sans-Serif;
	font-size: 14pt;
	font-style:normal;
	line-height:normal;
	font-weight:normal;
	color:#E3E3E3;
	text-decoration:none;
}

#nav li a:hover {
	color: #EFEC6F;
	}

#nav li li a {
	display: block;
	font-weight: normal;
	color: #000000;
}

#nav li li a:hover {
	color: #6FC165;
	}

#navigation li {
	float: none;
	position: relative;
	font-size: 9px;
	vertical-align: middle;
	text-align: center;
	cursor: default;
	color: black;
	padding-bottom: 35px;
	padding-top: 35px;
	padding-right: 10px;
}


#navigation li ul#clubs {
	letter-spacing: -1px;
	}

#navigation li ul {
	background-color: #d8efff;
	padding-left: 0;
	padding-bottom: 0;
	padding-right: 0px;
	padding-top: 0;
	display: none;
	position: absolute;
	top: 100%;
	font-weight: normal;
	width: 150px;
}

#navigation li>ul {
	top: 0px;
	display: none;
	left: 166px;
	float: left;
}

#navigation li li {
	display: block;
	float: left;
	background-color: transparent;
	border: 0;
}

#navigation li:hover ul, li.over ul {
	display: block;
}

hr {
	display: none;
}

p {
	/*clear: left;
	padding: 1em 1em 0 1em;*/
	margin: 0;
}

 /*preload classes*/ 
/*.svw {
	width: 50px;
	height: 20px;
	background: #fff;
} 

.svw ul {
	position: relative;
	left: -999em;
}*/
 
/*core classes*/ 
/*.stripViewer {  
	position: relative; 
	overflow: hidden;  
	border: 5px solid #000;   
	margin: 0 0 1px 0; 
} 
.stripViewer ul { 
	margin: 0; 
	padding: 0; 
	position: relative; 
	left: 0; 
	top: 0; 
	width: 1%; 
	list-style-type: none; 
} 
.stripViewer ul li {  
	float:left; 
} 

.stripTransmitter { 
	overflow: auto;
	width: 1%;
} 

.stripTransmitter ul { 
	margin: 0; 
	padding: 0; 
	position: relative;
	list-style-type: none;
} 

.stripTransmitter ul li{ 
	width: 20px; 
	float: left; 
	margin: 0 1px 1px 0; 
} 

.stripTransmitter a { 
	font: bold 10px Verdana, Arial;
	text-align: center;
	line-height: 22px;
	background: #000;
	color: #fff;
	text-decoration: none;
	display: block;
}

.stripTransmitter a:hover, a.current{ 
	background: #fff;
	color: #000;
} */
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
}
 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
}

#galleryholder {
	width: 464px;
	margin: 100px 0 0 0px;
	/*padding-left: 50px;*/
	float: right;

}

#gallery {
}

.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { 
position: relative;
overflow: hidden; 
margin: 0 0 0 15px;
padding: 0;
background: #fff;
}
.slideViewer ul {  /*your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0; 
padding: 0;
}
.slideViewer ul li {
float:left;
}

/*typographic info*/
.slideViewer span.typo{ 
padding: 6px; /* do not modify padding */
background: #fff;
color: #000;
font: normal 10px Verdana;
}

.thumbSlider { /*the thumbnails slider*/
overflow: hidden;
width: 1%;
background: #fff;
}
.thumbSlider ul { 
list-style-type: none;
margin: 0; 
padding: 0;
}
.thumbSlider ul li{ 
float:left;
margin: 0;
}
.thumbSlider a{
color: #fff;
text-decoration: none;
}
.thumbSlider a img{
border: 0;
display: block;
padding: 0;
}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}

a.left, a.right { /*the left and right buttons (links)*/
background: transparent; /* could be any color  */
color: #000;
font: bold 16px Arial;
overflow: hidden;
}
a.left span, a.right span{

}
a.left img, a.right img{
border: 0;
}
a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span {
display: none;
}
a:focus {outline:none;}