/* 

WOO CUSTOM STYLESHEET

---------------------



Instructions:



Add your custom styles here instead of style.css so it 

is easier to update the theme. Simply copy an existing 

style from style.css to this file, and modify it to 

your liking.



*/



/*=== Custom Header ===*/



#main a { text-decoration: none; }

#main a:hover {	text-decoration: none; }



#header {

	width: 100%;

	height: 135px;

	padding: 0px 0 5px 0;

	clear: both;

	position: relative;

}



#nav { 

margin-top:0px; 

}



#tagline {

	margin: 0px;

	padding: 20px 0px 0px 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 22px;

	color: #FFFFFF;

	clear: both;

}



#tagline a {

	color: #FFFFFF;

}


#tagline_description {

	margin: 0px;

	padding: 5px 0px 0px 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 17px;

	color: #FFFFFF;

	clear: both;

}


/*=== Custom Footer Nav ===*/



#footer_nav { position:relative; z-index:0; }

#footer_nav, #footer_nav ul {padding: 0;margin: 0;list-style: none; line-height: 1;float:left;}

#footer_nav { margin-top:5px; }

#footer_nav a {font-family: Arial, Helvetica, sans-serif;font-size:13px;font-weight:bold;line-height: 28px;padding: 0px 10px 0px 0px;}

#footer_nav a { color: #000000; }

#footer_nav a:hover{ color:#2882c1; border-width: 0 0px 1px 0; } 

#footer_nav li a { border:none !important; }

#footer_nav li { float: left; }

#footer_nav li li { display: none; }

#footer_nav li li li { display: none; }

#footer_nav li li li li { display: none; }



/*=== Custom Slider Nav ===*/



#slider_nav {

	margin: 0px auto 0px auto;

	padding: 0px;

	width: 850px;

	clear: both;

}



#slider_nav_left {

	margin: 0px;

	padding: 0px;

	float: left;

}



#slider_nav_right {

	margin: 0px;

	padding: 0px 210px 0px 0px;

	float: right;

}



/*=== Custom About Teaser ===*/



#about {

	margin: 20px 0px 0px 20px;

	padding: 20px 0px 0px 0px;

	width: 160px;

	height: 260px;

	float: left;

}



#about h2 {

	margin: 0px;

	padding: 0px;

	font-size: 22px;

	line-height: 120%;

}



#about p {

	font-size: 12px;

	line-height: 140%;

}



#about a {

	font-weight: bold;

}

#about a:hover {

	font-weight: bold;

}

/*=== Custom + Aperature Slider Teaser ===*/





/*=== Slider ===*/



.stepcarousel{

	position: relative; /*leave this value alone*/

	overflow: scroll; /*leave this value alone*/

	width: 700px;

	height: 267px; /*Height should enough to fit largest content's height*/

}



.stepcarousel .belt{

	position: absolute; /*leave this value alone*/

	left: 0;

	top: 0;

}



.stepcarousel .panel{

	float: left; /*leave this value alone*/

	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

	width: 700px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}







#featured_aperture {

	margin: 20px 0px 20px 0px;

	float:left;

	width:640px;

	height:267px;

	background-color: #e0eba1;

	border: 5px solid #c6d37b;

	overflow: hidden;

}

.featured_aperture_image {

	margin: 0px;

	padding: 0px;

	width: 400px;

	float: left;

}

.featured_aperture_text {

	margin: 0px;

	padding: 15px;

	width: 210px;

	float: left;

}

.featured_aperture_text a {

	font-weight: bold;

}

.featured_aperture_text h2 {

	margin: 0px;

	padding: 0px;

	font-size: 20px;

	

}

.featured_aperture_text h2 a {

	color: #333333;

}



/* Featured / Slider */



#featured_container { 

	background:#adc042 url(images/bg-slider-bot.png) repeat-x left bottom; 

	border-top:1px solid #c9e044; 

	border-bottom:1px solid #99aa3a; 

	height: 350px; 

}

#featured_aperture_container { 

	margin: 0px auto 0px auto;

	padding: 0px;

	width: 860px;

}

#featured #page-title { position:relative; }

#featured #page-title h2 { padding:25px 0; }

#featured .subscribe { position:absolute; right:0; top:25px; }

#featured .alignright {margin: 5px 0px 8px 20px;float: right;}



#slider-block { overflow:hidden; min-height:320px; }



.container { width:860px; height:320px; overflow:hidden; position:relative; margin-left: 50px;}

.slides { position:absolute; top:0; left:0; }

.slides div.slide { position:absolute; top:0; width:860px; display:none; }



#loopedSlider { width:960px; margin:0 auto; padding:40px 0;}

#loopedSlider .nav-buttons { list-style-type:none; margin:0; padding:0; position:relative;}

#loopedSlider li#p { position:absolute; top:120px; left:0px; }

#loopedSlider li#n { position:absolute; top:120px; right:0px; }



#featured h2 { color:#fff; font-size:40px; padding:0 0 10px; line-height:100%; font-weight:normal; letter-spacing:-1px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15) }

#featured h4 { font-size:18px; color:#333; font-family:Arial, Helvetica, sans-serif; line-height:22px; letter-spacing:1px; }

#featured p { font-size:14px; color:#333; line-height:100%; }





/*=== Optimize - Portfolio ===*/



#portfolio .block { width:410px; margin:0 10px 20px 10px; display:inline; }

#portfolio .block a.thumb { background: url(images/portfolio-hover.png) no-repeat; border:1px solid #ddd; padding:4px; margin:0 0 20px 0; display:block;}

#portfolio .block img.portfolio-img {   }

#portfolio .block h2 { font-size:18px; margin-bottom:15px; }

.port-cat { text-transform:uppercase; text-decoration: none; }

.port-cat a { padding:2px 6px; background:#e4e4e4; margin:0 0 0 5px; border:1px solid #ccc; text-decoration: none; }

.port-cat a:hover { text-decoration:none; background:#eee; }



.post p.tags{background:url(images/ico-tag.gif) no-repeat center left;padding-left:25px;width:100%;clear:both;}



.col-left { float: left; }

.col-right { float: right; }

.col-full  { width: 960px; margin: 0 auto; padding: 20px 0px 0px 0px; clear: both; }



#breadcrumb { padding: 0px 0px 0px 10px; height:44px; color:#777; line-height:44px; }

#breadcrumb img.rss { position:relative; margin:9px 0 0 10px; }