/*

Theme Name: Flexolio

Theme URI: http://demos.quarterpixel.de/flexolio/...

Description: A blog, bussines and portfolio theme for wordpress

Version: 1.0

Author: Johann Stwrtetschka

Author URI: http://www.quarterpixel.de

*/





/* ================ General STyling ===============*/

*{padding:0;margin:0;}

body {font-family:'Trebuchet MS', Helvetica, sans-serif;overflow-x:hidden;}

p {	margin-bottom: 10px;}

ul, ol {margin: 0 0 10px 10px;}

li {list-style-position: inside;margin-bottom: 3px;}

img {border: none;}

h1, h2, h3, h4, h5, h6 {font-weight: normal;}

a:link, a:visited {text-decoration: none; cursor: pointer; }

a:hover, a:active, a:focus {text-decoration: none;	outline: none; cursor:pointer;}

/*layout*/

#top-background{margin:0;width:100%;clear:both;}

#headerwrap {margin: 0 auto;width: 100%;}

#head {width:940px;margin: 0px 0px;overflow: hidden;padding:0px 0 0 0;margin:0 auto 0 auto;}

#head h1 {float: left;margin-left: 0px;}

#head h2 {float: right;margin-right: 0px; padding:10px 10px;}

.clearer{clear:both;}

a.button-clear:link,  a.button-clear:visited,   a.button-clear:hover,   a.button-clear:active, a.button-clear:focus {line-height:27px;display:block;width:108px; height:28px;text-transform:uppercase;font-size:11px;padding:0px 0 0 0px;text-align:center;text-decoration:none;margin:0px 0 0 0px;}

a.button-clear-visit-site:link,  a.button-clear-visit-site:visited,   a.button-clear-visit-site:hover,   a.button-clear-visit-site:active, a.button-clear-visit-site:focus {display:block;width:108px; height:30px;text-transform:uppercase;font-size:11px;padding:0px 0 0 0px;text-align:center;text-decoration:none;margin:0px 0 0 0;}

a:link .button-clear, a:visited .button-clear,  a:hover .button-clear,  a:active .button-clear,  a:focus .button-clear  {line-height:27px;display:block;width:108px; height:28px;text-transform:uppercase;font-size:11px;padding:0px 0 0 0px;text-align:center;text-decoration:none;margin:0px 0 0 0;}





#bottom-of-site-content-background a.button-clear {font-size:1.0em;}

#toppanel a.button-clear {font-size:1.0em;}





/* ================ Content Style ================= */

#content{width:100%; }

.content-area {position:relative; top:0; left:0px;width:980px;margin:0 auto 0 auto;padding:0px 0px 0px 0px;overflow:hidden;border:0px solid red;}

.content-area-frontpage {position:relative; top:0; left:-20px;width:980px;margin:0 auto 0 auto;padding:25px 0px 0px 0px;overflow:hidden;border:0px solid red;}

#page-headline {margin:10px 0 20px 0px;font-size:1.8em;font-weight:bold;}

.wrapper-with-color-background{width:100%; margin:0 0 0 0;overflow:hidden;}





/* ================ Navigation =====================*/

#navwrapp {float:left;width:634px;margin:0px 0 0 0;}

#nav {border-bottom: none;clear: both;padding: 0 0px;width: 634px;margin:0px auto 0 auto;}

#nav ul{width:623px;}



/* ================ FOOTER ====================== */

/* 1. Navigation */

#footermenu ul {}

#footermenu li {float:left;list-style-type:none;padding:0 8px 0 0px;font-size:0.7em;font-family:'Trebuchet MS',Helvetica,sans-serif;}

#footer-wrapper {position:relative;width:940px;margin:0px auto 0 auto;left:0px;padding:20px 0 15px 0;}

.footer-text{float:right;text-align:left;margin:-10px 0 0px 0;font-size:0.7em;font-family:'Trebuchet MS',Helvetica,sans-serif;}





/* Content Headlines */

#contentheader {width:935px;margin:40px auto 0 auto;position:relative;height:60px;left:-5px;}





/* ================ Top Panel ====================*/

#toppanel {	top: 0; left:0px;width: 100%;z-index: 999;margin-left: auto;margin-right: auto;font-size: 100%;} 

.toppanel-push {position:relative;}

.toppanel-overlap {position:absolute;}

#panel {width: 980px;overflow: hidden;position: relative;z-index: 3;display: none;margin:0 auto 0px auto;clear:both;padding-bottom:25px;padding-top:40px;left:-20px;}

#panel h1 {	font-size: 1.2em;padding: 5px 0 10px;margin: 0;text-align: left;letter-spacing:0px;}

#panel h2{	font-size: 1.2em;padding: 10px 0 5px;margin: 0;text-align: left;font-weight:bold;}

#panel p {  margin: 5px 0;padding: 0;}

#panel a {	text-decoration: none;}

#panel a-lost-pwd {	display: block;	float: left;}

#panel #rememberme {background:none;border:0px;}

#panel ul {	margin: 0 0 5px 0;	padding: 0;	line-height: 1.6em;	list-style: none;}

#panel .content {width:900px;margin: 0 auto;padding-top: 15px;text-align: left;font-size: 0.85em;overflow:hidden;}

#panel .content .left {	width: 268px;float: left;margin-bottom: 0px;padding: 0 15px;}

#panel .content .narrow {width:115px !important;}

#panel .content form {margin: 0 0 10px 0;}

#panel .content label {float: left;	padding-top: 8px;clear: both;width: 230px;display: block;}

#panel .content input.field {	margin-right: 5px;margin-top: 4px;width: 230px;height: 16px;}



#panel .content-login-smaller {width:900px;margin: 0 auto;padding-top: 0px;text-align: left;font-size: 0.85em;overflow:hidden;position:relative;height:80px;}

#panel .content-login-smaller .left {	width: 900px;float: left;margin-bottom: 0px;padding: 0 0px;}

#panel .content-login-smaller form {margin: 0 0 10px 0;}

#panel .content-login-smaller .username {width:250px; display:block;position:absolute;top:15px;left:0px;}

#panel .content-login-smaller .password {width:250px; display:block;position:absolute;top:15px;left:260px;}

#panel .content-login-smaller label {	padding-top: 0px;clear: both;}

#panel .content-login-smaller input.field {margin:0 0 4px 0;width: 245px;height: 16px;}

#panel .content-login-smaller a{margin:0px;padding:0px;}

#panel .content-login-smaller input.bt_login {	width: 106px;height:28px;color: white; position:absolute; top:31px; left:525px;border:0px;}







/* Login and Register buttons */

#panel .content input.bt_login, #panel .content input.bt_register {	display: block;float: left;clear: left;text-align: center;	cursor: pointer;border: none;font-weight: normal;	margin: 10px 0;text-decoration:none;text-transform:uppercase;font-size:0.8em;}

#panel .lost-pwd {	display: block;float:left;clear: right;	padding: 15px 5px 0;font-size: 0.95em;text-decoration: underline;}



/* Panel Tab/button */

.tab {height: 42px;	position: absolute;	width:940px;z-index: 999;text-align:right;	margin:0 auto 0 -470px;	left:50%;}

.tab ul.login {	display: block;	position: relative;	height: 42px;font-weight: bold;	margin: 0; 	font-size: 80%;	right:0px;	list-style-type:none;}

.tab ul.login li { 	padding: 0 6px;	display: block;	height: 42px;}

.tab ul.login li a {}

.tab ul.login li a:hover {}

.tab .sep {}

.tab a.open, .tab a.close {	height: 40px;cursor: pointer;width: 76px;position: absolute;display:block;margin-right:40px;top:-10px;right:0px;}



/* ================ WIDGET STYLING ============ */



/* General */

.widget-headline {overflow:hidden;}

.widget h2 p {line-height:1.2em;}

.widget p {line-height:1.5em;font-size:1.0em;}

.widget-Leer mas {margin-top:30px;display:block;width:110px; height:32px;}

.widget-icon {float:right; margin:0 0 0px 15px; }

.widget ul {list-style-type:none; margin:0px;}

.widget ul li {display:block;height:auto;margin:2px 0 2px 0; padding:5px 10px 5px 0px;text-decoration:none;background:black;}



.widget ul li a {padding:0 0 0 25px;}



.widget a.button-clear:link, .widget a.button-clear:visited, .widget a.button-clear:hover, .widget a.button-clear:active, .widget a.button-clear:focus {margin:30px 0 0 0;}





/* Text Widget STyle 2 */

.text-widget-img-wrapper2 {float:left;width:140px;}

.text-widget-text-wrapper2 {margin:0 0 0 140px;}



/* Text Widget STyle 3 */

.text-widget-img-wrapper3 {width:100%;text-align:center;margin:0 0 20px 0;}

.text-widget-text-wrapper3 {margin:0 0 0 0px;text-align:center;}



/* Text Widget STyle 4 */

.text-widget-img-wrapper4 {width:100%;text-align:center;margin:0 0 20px 0;}

.text-widget-text-wrapper4 {margin:0 0 0 0px;}



/* Text Widget STyle 5 */

.text-widget-text-wrapper5 {margin:0 0 0 0px;}

.text-widget-img-wrapper5 {float:left;margin:0 15px 0 0;}



/* Text Widget STyle 6 */

.text-widget-text-wrapper6 {margin:0 0 0 0px;}

.text-widget-img-wrapper6 {float:right;margin:0 0px 15px 15px;}



/* Text Widget STyle 7 */

.text-widget-img-wrapper7 {float:left;text-align:center;margin:0 15px 0px 0;}



/* Text Widget STyle 8 */

.text-widget-img-wrapper8 {width:100%;text-align:center;margin:0 0 20px 0;}

.text-widget-text-wrapper8 {margin:0 0 0 0px;}







/* Top Panel Widgets */

#panel .toppanel-widget h2{padding:0px;font-size:1.5em;margin:0 0 0px 0;font-weight:normal;}

.toppanel-widget {	float: left;margin: 0px 10px 0 10px;padding:0px 0px 0px 0px; font-size:0.8em;}

.toppanel-widget img {margin:0px 0 0 0;}

.toppanel-widget .subline{font-size:0.5em;margin:0 0 10px 0;}



/* Frontpage Widget */

.frontpage-widget {padding:10px 0 20px 0; }

.frontpage-widget h2 {margin:0px 0px 20px 0px;padding:5px 0 0 0;}





/*Footer Widgets */

.footer-widget{margin:0px 0 0 0;padding:0px 0 20px 0; font-size:0.8em;}

.footer-widget h2 {margin:20px 0px 10px 0px;padding:0px 0 0 0;}









/* Portfolio, Blog Pages Widgets */

.pageswid-widget, .blog-widget, .portfolio-widget{margin:0px 20px 20px 20px;font-size:0.8em;}

.pageswid-widget h2, .blog-widget h2, .portfolio-widget h2 {margin:0 0 10px 0;padding:0;}

.pageswid-widget h2 p, .blog-widget h2 p, .portfolio-widget h2 p {margin:0 0 20px 0;padding:0;}

.pageswid-widget p, .blog-widget p, .portfolio-widget p {margin:0;padding:0;}







/* Sidbar Widget */

#sidebar .widget h3 {font-size:1.7em;font-weight:bold;letter-spacing:-1px;}

.sidebar-2colum ul {list-style-type:none;}

#sidebar .widget {padding:0 0 25px 0;font-size:0.9em; }

#sidebar .widget a.button-clear:link, #sidebar .widget a.button-clear:visited, #sidebar .widget a.button-clear:hover, #sidebar .widget a.button-clear:active, #sidebar .widget a.button-clear:focus {line-height:2.6em;height:28px;}



/* 2 Colum widget */

.sidebar-2colum {margin:0 0 0 -10px;overflow:hidden;}

.widget-2colum {width:130px;float:left;margin-left: 10px;}





/* Sidebar Search Form  */

#sidebar .widget_search {margin-bottom: 15px;margin-top:13px;}

.hidden{display:none;}

#sidebar .widget_search form #s {padding: 7px 29px 7px 35px;width: 200px;margin:10px 0 0px 0;}

#sidebar .widget_search label {font-size:0.9em;font-weight:bold;display:none;}

#sidebar .widget_search form #searchsubmit {display: none;}





/*flickr RSS widget */

#flickr-rss {width:100%;}

#flickr-rss img {border:4px solid white;margin: 0 4px 10px 0px;}

#sidebar #flickr-rss a:link, #sidebar #flickr-rss a:visited, #sidebar #flickr-rss a:hover, #sidebar #flickr-rss a:active,#sidebar #flickr-rss a:focus{background:none;display:inline;margin:0 0px 0 0;padding:0;}

.toppanel-widget #flickr-rss img {border:4px solid white;margin: 0 5px 10px 0px;}



/* style Twitter widget */

ul.twitter {margin: 0;}

ul.twitter li.twitter-item {list-style: none;margin-bottom: 10px;padding: 10px;}

ul.twitter li.twitter-item span abbr {border-bottom: none;display: block;font-size: 0.8em;font-style: italic;margin-top: 3px;font-weight:bold;}

.widget_twitter h3{margin:0px 0 0 0px;padding:0;}

.dark-widget ul.twitter li.twitter-item {}



#sidebar .widget_twitter a:link, #sidebar .widget_twitter a:visited {background:none;display:inline;}

#sidebar ul.twitter li.twitter-item {}





/*Tag Cloud */

#sidebar .widget_tag_cloud a:link, #sidebar .widget_tag_cloud a:visited, #sidebar .widget_tag_cloud a:hover, #sidebar .widget_tag_cloud a:visited, #sidebar .widget_tag_cloud a:focus{display:inline;padding:0;}



/*Calender Widget */

#calendar_wrap{margin:-45px 0 0 0;}

#sidebar #calendar_wrap {margin:-30px 0 0 0;}

#wp-calendar { width: 100%; padding: 0px; margin: 0px 0 0; font: normal 15px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align: center;}

.frontpage-widget #wp-calendar caption {text-align:left;font-weight: normal;font-size: 1.5em;letter-spacing: -1px;margin: 0 0 10px;font-family: Trebuchet MS;margin:0 0 20px 0;}

#wp-calendar caption {text-align:left;font-weight: bold;font-size: 1.7em;letter-spacing: -1px;margin: 0 0 10px;font-family: Trebuchet MS;}

.dark-widget #wp-calendar caption {text-align:left;font-weight: normal;font-size: 1.6em;letter-spacing: -1px;margin: 0 0 10px;font-family: Trebuchet MS;}

#wp-calendar td {font-size:0.8em; width: 20px; height: 30px; text-align: center;}

.dark-widget #wp-calendar td {font-size:0.8em; width: 20px; height: 30px; text-align: center;}

.toppanel-widget #wp-calendar td {}

#sidebar #wp-calendar a:link, #sidebar #wp-calendar a:visited, #sidebar #wp-calendar a:hover, #sidebar #wp-calendar a:visited, #sidebar #wp-calendar a:focus{display:inline;padding:0;text-decoration:underline;}

.dark-widget #wp-calendar a:link, .dark-widget #wp-calendar a:visited, .dark-widget #wp-calendar a:hover, .dark-widget #wp-calendar a:visited, .dark-widget #wp-calendar a:focus{display:block;padding:5px 0 5px 0px;text-decoration:none;}



/* Recent comments */

#sidebar li.recentcomments {padding:5px 10px 5px 10px;}

#sidebar li.recentcomments a:link, #sidebar li.recentcomments a:visited, #sidebar li.recentcomments a:hover, #sidebar li.recentcomments a:active, #sidebar li.recentcomments a:focus{padding:5px 10px 5px 10px;display:block;}



/* POST WIDGET */



.light-widget .widget-blog-post h2 a:link, .light-widget .widget-blog-post h2 a:visited  {}





.Style1 .widget-blog-post{margin-bottom:40px;}

.Style1 .dark-widget .widget-blog-post span.button-clear {font-size:1.0em;margin-top:15px;}

.Style1 .widget-blog-post a.more-link {text-decoration:none;}

.Style1 .widget-blog-post ul.meta li {float:left;margin:0;padding:0;}

.Style1 .widget-blog-post ul.meta li a {}

.Style1 .widget-blog-post .blog-img-wrapper {display:block;clear:both;overflow:hidden;height:100px;margin-bottom:10px;}

.Style1 .widget-blog-post h2 {font-size:28px;margin:0px 0 10px 0;padding:0px;}



.Style2 .widget-blog-post{margin-bottom:20px; width:287px;float:left;margin-right:20px;}

.Style2 .dark-widget .widget-blog-post span.button-clear {font-size:1.0em;margin-top:15px;}

.Style2 .widget-blog-post a.more-link {text-decoration:none;}

.Style2 .widget-blog-post ul.meta li {float:left;margin:0;padding:0;}

.Style2 .widget-blog-post ul.meta li a {}

.Style2 .widget-blog-post .blog-img-wrapper {display:block;clear:both;overflow:hidden;height:100px;margin-bottom:10px;}

.Style2 .widget-blog-post h2 {font-size:24px;margin:0px 0 10px 0;padding:0px;height:60px;overflow:hidden;}

.light-widget .Style2 .widget-blog-post h2 a{text-decoration:none; }



.dark-widget .Style3 .widget-blog-post {}

.Style3 .widget-blog-post{margin-bottom:20px; width:247px;float:left;margin-right:20px;padding:20px;}

.Style3 .dark-widget .widget-blog-post span.button-clear {font-size:1.0em;margin-top:15px;}

.Style3 .widget-blog-post a.more-link {text-decoration:none;}

.Style3 .widget-blog-post ul.meta li {float:left;margin:0;padding:0;}

.Style3 .widget-blog-post ul.meta li a {}

.Style3 .widget-blog-post .blog-img-wrapper {display:block;clear:both;overflow:hidden;height:100px;margin-bottom:10px;margin-top:9px;}

.Style3 .widget-blog-post h2 {font-size:24px;margin:0px 0 10px 0;padding:0px;height:60px;overflow:hidden;}

.light-widget .Style3 .widget-blog-post h2 a{}



.Style4 .widget-blog-post{margin-bottom:5px; width:120px;float:left;margin-right:10px;}

.Style4 .dark-widget .widget-blog-post span.button-clear {font-size:1.0em;margin-top:15px;}

.Style4 .widget-blog-post a.more-link {text-decoration:none;}

.Style4 .widget-blog-post ul.meta li {float:left;margin:0;padding:0;}

.Style4 .widget-blog-post ul.meta li a {}

.Style4 .widget-blog-post .blog-img-wrapper {display:block;clear:both;overflow:hidden;height:100px;margin-bottom:0px;margin-top:4px;}

.Style4 .widget-blog-post h2 {font-size:24px;margin:0px 0 10px 0;padding:0px;height:60px;overflow:hidden;}



.Style5 .widget-blog-post{margin-bottom:5px; width:87px;float:left;margin-right:10px;}

.Style5 .dark-widget .widget-blog-post span.button-clear {font-size:1.0em;margin-top:15px;}

.Style5 .widget-blog-post a.more-link {text-decoration:none;}

.Style5 .widget-blog-post ul.meta li {float:left;margin:0;padding:0;}

.Style5 .widget-blog-post ul.meta li a {background:none;}

.Style5 .widget-blog-post .blog-img-wrapper {;display:block;clear:both;overflow:hidden;height:72px;margin-bottom:0px;margin-top:4px;}

.Style5 .widget-blog-post h2 {font-size:24px;margin:0px 0 10px 0;padding:0px;height:60px;overflow:hidden;}



.Style6 .widget-blog-post{position:relative;margin-bottom:10px;overflow:hidden; font-size:0.9em;padding:0 0 0px 60px;min-height:60px;}

.Style6 .dark-widget .widget-blog-post span.button-clear {font-size:1.0em;margin-top:15px;}

.Style6 .widget-blog-post a.more-link {text-decoration:none;}

.Style6 .widget-blog-post ul.meta li {float:right;margin:0;padding:0;}

.Style6 .widget-blog-post ul.meta li a {}

.Style6 .widget-blog-post .blog-img-wrapper {display:block;clear:both;overflow:hidden;height:200px;margin-bottom:10px;width:270px;}

.Style6 .widget-blog-post h2 {position:relative;font-size:18px;margin:0px 0 5px 0px;padding:0px;   }

.Style6 .date-wrapper {padding:5px 0 5px 0;width:58px;text-align:center;position:absolute;top:15px;left:22px;text-transform:uppercase;}

.Style6 .month {font-size:0.9em;font-family:Trebuchet MS;margin:0px;padding:0px;Tex}

.Style6 .day {font-size:1.6em;font-family:Trebuchet MS;margin:0px;padding:0px;margin:-5px 0 0 0;}

.Style6 .year {font-size:0.8em;font-family:Trebuchet MS;margin:-3px 0 0 0;}



.Style7 .widget-blog-post{position:relative;margin-bottom:15px; margin-right:0px;margin-left:0px;overflow:hidden;padding:0px 0 10px 105px;min-height:95px;font-size:0.9em;margin-top:4px; }

.Style7 .dark-widget .widget-blog-post span.button-clear {font-size:1.0em;margin-top:15px;}

.Style7 .widget-blog-post a.more-link {text-decoration:none;}

.Style7 .widget-blog-post ul.meta li {float:left;margin:0;padding:0;}

.Style7 .widget-blog-post ul.meta li a {}

.Style7 .widget-blog-post .blog-img-wrapper {position:absolute;display:block;clear:both;overflow:hidden;width:72px;height:72px;left:0px;top:0px;}

.Style7 .widget-blog-post h2 {font-size:18px;margin:0px 0 10px 0;padding:0px;overflow:hidden;}



.Style8 .widget-blog-post{position:relative;margin-bottom:5px; margin-right:0px;overflow:hidden;padding:3px 0 0 70px;min-height:65px;font-size:0.9em;margin-top:4px;}

.Style8 .dark-widget .widget-blog-post span.button-clear {font-size:1.0em;margin-top:15px;}

.Style8 .widget-blog-post a.more-link {text-decoration:none;}

.Style8 .widget-blog-post ul.meta li {float:left;margin:0;padding:0;}

.Style8 .widget-blog-post ul.meta li a {}

.Style8 .widget-blog-post .blog-img-wrapper {position:absolute;display:block;clear:both;overflow:hidden;width:50px;height:50px;top:0px;left:0px;}

.Style8 .widget-blog-post h2 {font-size:18px;margin:0px 0 10px 0;padding:0px;overflow:hidden;}



/* ================ SUBNAVIGATION ================== */

#subnavigation {margin:20px 0 40px 0px;padding:0 0 0px 0;}

#subnavigation h3 {letter-spacing:-1px;font-size:1.5em;font-weight:bold;}

#subnavigation ul li {margin:0px 0 0 0;list-style-type:none;font-size:0.9em;}

#subnavigation ul li a:link, #subnavigation ul li a:visited {padding-left:0px;}

#subnavigation ul li a:hover {}

#subnavigation ul li.current_page_item a {}

#subnavigation ul li ul li a:link, #subnavigation ul li ul li a:visited {margin:0 0 0 5px;padding: 0 0 0 15px;background:none;}

#subnavigation ul li ul li a:hover {}

#subnavigation ul li ul li.current_page_item a {}

#subnavigation ul li ul li{padding:0 0 0 0px;margin:5px 0 0 0px;}



		

				



/* ================== frontpage 2 3 and 4 Slider ==================== */

.slider2  {width: 920px; height:232px; position: relative; margin: 10px 50px 0 0px; }

.slider3 .wrapper , .slider2 .wrapper { width: 920px; overflow: hidden; height:232px; margin:0px 0px 0px 0px; position: absolute; top: 0; left: 0;}

.slider3 img, .slider2 img {}

.slider3 .wrapper ul, .slider2 .wrapper ul  { width: 9999px; list-style: none; position: absolute; top: 0; left: 0;  margin: 0;  }

.slider3 ul li, .slider2 ul li { display: block; float: left; padding: 0 0 0 0px; height: 232px; width: 920px; margin: 0 0 0 0px;text-align:center;  }

.slider3 .arrow, .slider2 .arrow { border:0px solid red;display: block;  height: 200px; width: 19px; text-indent: -9999px; position: absolute; top: 38px; cursor: pointer;z-index:990; }	

#thumbNav { display:none;position:absolute;left:10px;top:385px; }

#thumbNav a { font-family:verdana; font-weight:normal; font-size: 1.2em; padding: 10px 15px;  margin: 0 5px 0 0; text-align: center;}

#thumbNav a:hover  { background-image: none;text-decoration:none; }

#thumbNav a.cur { text-decoration:none;}

#start-stop { display:none;background: green;  padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; }

#start-stop.playing { background-color: red; }

#start-stop:hover { background-image: none; }

.Leer mas-small-white {position:absolute; top:11px; right:10px;display:block;width:107px; height:29px; }



.slider4 {margin-bottom:50px;margin-top:10px;} 





/* Slider Prevents */

.slider3 .wrapper ul ul, .slider2 .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }

.slider3 .wrapper ul ul li, .slider2 .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }



/* slidingboxes */



.slider3 .captionfull h3, .slider2 .captionfull h3{ margin: 4px 10px 0 10px; font-size:1.7em; letter-spacing:-1px; font-weight: normal;font-family:trebuchet ms; text-align:left; }

.slider3 .boxgrid2, .slider2 .boxgrid2{ width: 920px; height: 242px; margin:0px; float:left;  overflow: hidden; position: relative; }

.slider3 .boxcaption, .slider2 .boxcaption{ float: left; position: absolute;  height: 40px; width: 100%; }

.slider3 .captionfull .boxcaption, .slider2 .captionfull .boxcaption { top: 342px; left: 0; }

.slider3 .caption .boxcaption, .slider2 .caption .boxcaption { top: 0px; left: 0; }





/* only Slider 3 */



.slider3  {width: 940px; height:242px; position: relative; margin: 0px auto 0 auto; padding:0px 0 0px 0;}



#slidershadow {width:940px;height:157px;margin:-95px auto 0 auto;}





/* ===================== frontpages ==================== */



/* 1. Top Text */

.wrapper-whitout-background{position:relative;width:100%;margin:0px auto 0px auto;text-align:center;padding:0 0 0px 0;}

.wrapper-whitout-background h2{margin:10px 0px 0px 35px;}

.frontpage-top-text {float:left;position:relative;width:355px; padding:30px 0 0 37px;margin:0px 0 0 0;}

.frontpage-top-text p { margin-bottom: 10px; font-weight:normal; text-align:justify;}

.moretext-big {display:block; width: 175px; height: 47px; margin-top:30px;}

.frontpage-top-text h2 {font-size:2.1em;position:relative;margin:0px 0 15px 0px;padding:14px 0 0 0px;font-family:arial;letter-spacing:-2px;font-weight:bold;font-style:normal;}



/* 1.1 Top Text 2 */

.frontpage-top-text2 {position:relative;width:940px; padding:20px 0 20px 0px;margin:0px 0 0 0px;}

.frontpage-top-text2 p { padding: 0px 0 0 37px;margin:0px 0 10px 0; font-weight:normal; text-align:justify;margin:0;}

.frontpage-top-text2 h2 {text-align:center;font-size:5.1em;position:relative;margin:20px 0 0px 0px;padding:14px 0 25px 25px;font-family:Trebuchet MS;letter-spacing:-2px;font-weight:normal;font-style:normal;}

 

/* 1.3 Top Text 3 */

.frontpage-top-text3 {position:relative;width:940px; padding:0px 0 40px 0px;margin:-20px auto 0px auto;}

.frontpage-top-text3 p { padding: 0px 0 0 0px;margin:0px 0 0px 0; font-weight:normal; text-align:justify;margin:0;font-size:2.0em;}

.frontpage-top-text3 h2 {text-align:left;font-size:3.1em;position:relative;margin:0px 0 0px 0px;padding:0px 0 10px 0px;font-family:Trebuchet MS;letter-spacing:-2px;font-weight:normal;font-style:normal;}



/* 1.3 Top Text 3 */

.frontpage-top-text4 {position:relative;width:940px; padding:0px 0 20px 0px;margin:0px 0 20px 0px;clear:both;}

.frontpage-top-text4 p { padding: 0px 0 0 37px;margin:0px 0 0px 0; font-weight:normal; text-align:justify;margin:0;}

.frontpage-top-text4 h2 {text-align:center;font-size:5.1em;position:relative;margin:45px 0 10px 8px;padding:0px 0 0px 25px;font-family:Trebuchet MS;font-weight:normal;font-style:normal;letter-spacing:-3px;}







/*3 Bottom Blog */

#bottom-of-site-begin{height:20px; margin:0 auto 0 auto;text-align:center;margin:0px 0 0 0;position:relative;}

#wrapper-with-texture{position:relative; margin:0px 0px 0px 0px;}

#bottom-of-site-content-background{position:relative;width:980px;margin:0px auto 0 auto;padding:0px 0 0 0;overflow:hidden;left:-23px;}

#bottom-of-site-end{width:100%;height:13px; margin:0 auto 0 auto;text-align:center;}

.blogpost {	margin:0px 20px 15px 0px;clear: both;padding-bottom: 0px;overflow: hidden;position:relative;}

.blogpost .img-wrapper {width:150px;height:150px;overflow:hidden;float:left;}

.blogpost .img-wrapper2 {width:150px;height:150px;overflow:hidden;float:left;}

.blogpost .content-wrapper {width:600px;margin:0 0 0 194px;}

.blogpost .content-wrapper2 {width:720px;margin:0 0 0 194px;}

.blogpost p {margin:10px 0 10px 0;}

.blogpost dl {	margin:0 30px 0 0;	}

.blogpost img {	margin:0px 0px 0 0;}

.singleblog{overflow:hidden;}

.blogpost a:link, .blogpost a:visited {}

.blogpost a:hover, .blogpost a:active, .blogpost a:focus {text-decoration:none;}

ul.meta li:first-child {border: 0px solid red;padding-left: 0;}

.alignleft {float: left;margin: 0 10px 8px 0;}

.alignright {float: right;margin: 0 0 8px 10px;	}

.aligncenter {margin: 10px auto;}

.blogpost, .worksearch {}

.frontpage-blog-seperator {margin:20px auto 20px auto;	width:96%;	height:2px;padding-bottom: 0px;	}

.blogpost h2 a:link, h2 a:visited, h2 a:hover, h2 a:active, h2 a:focus{	width:500px; }

.frontpage-blog-moretext{width:102px;height:62px;display:block;position:absolute;left:818px;top:75px;}

.frontpage-blog-comment {width:102px;height:50px;display:block;position:absolute;top:25px;left:818px; }

.frontpage-blog-comment a:link, .frontpage-blog-comment a:visited, .frontpage-blog-comment a:hover, .frontpage-blog-comment a:active, .frontpage-blog-comment a:focus {width:44px;height:30px;display:block;text-align:center;margin:23px 0 0 41px;font-size:1.5em;font-weight:bold;letter-spacing:-2px;}









/* ======================= PORTFOLIO 1 ========================= */

.portfolio-list {}

ul.portfolio-list {position:relative;left:-28px;list-style-type:none;margin:30px auto 0 auto;overflow:hidden;}

ul.portfolio-list li {margin:0px 0px 25px 48px;float:left;}

ul.portfolio-list li h3 {margin:0 0 5px 10px;width:260px;}

ul.portfolio-list li .img-wrapper {width:260px;height:130px;overflow:hidden;}



/* ====================== PORTFOLIO 2 ======================== */



ul.portfolio-list2 {list-style-type:none; position:relative; list-style-type:none;margin:30px auto 0 auto;overflow:hidden;}

ul.portfolio-list2 .portfolio-seperator {height:2px;width:98%;display:block;clear:both;margin:30px 0px 30px 0;}

ul.portfolio-list2 li {margin:0px 15px 0px 20px;position:relative;}

ul.portfolio-list2 .img-wrapper {position:relative;width:473px;height:342px;overflow:hidden;}

ul.portfolio-list2 .portfolio-item-text {position:relative;text-align:justify;width:385px;float:right;margin:0 25px 0 0;}

ul.portfolio-list2 .portfolio-item-text p {clear:both;}

ul.portfolio-list2 li h3 {font-size:1.5em;}

ul.portfolio-list2 ul.meta {margin:0 0 0 -11px;}

ul.portfolio-list2 ul.meta li{line-height:1.8em;float:left;display:block;margin:0 12px 20px 0;padding:0 0 0 12px;font-size:1.0em;text-transform:none;}





/* ====================== PORTFOLIO 3 ======================== */



.portfolio-list3 {position:relative;}

ul.portfolio-list3 {list-style-type:none;position:relative;margin:40px auto 0 auto;overflow:hidden;}

ul.portfolio-list3 .portfolio-seperator {height:2px;width:95%;display:block;clear:both;margin:60px 0 40px 20px;}

ul.portfolio-list3 li {margin:0px 15px 0px 20px;position:relative;}

ul.portfolio-list3 .img-wrapper {height:300px;width:910px;overflow:hidden;margin:0 0 20px 0;margin:20px 0 0 0;}

ul.portfolio-list3 .portfolio-item-text {position:relative;text-align:justify;width:385px;float:right;margin:0 25px 0 0;}

ul.portfolio-list3 .portfolio-item-text p {clear:both;}

ul.portfolio-list3 li h3 {font-size:1.5em;margin-left:0px;}

ul.portfolio-list3 ul.meta {margin:0 20px 0 0px;position:absolute;top:-3px;right:0px;}

ul.portfolio-list3 ul.meta li{line-height:1.8em;float:left;display:block;margin:5px 12px 0px 0;padding:0 0 0 12px;font-size:1.0em;text-transform:none;}

ul.portfolio-list3  a.button-clear:link, ul.portfolio-list3  a.button-clear:visited, ul.portfolio-list3  a.button-clear:hover, ul.portfolio-list3  a.button-clear:active, ul.portfolio-list3  a.button-clear:focus {display:block;width:108px; height:30px;text-transform:uppercase;font-size:0.8em;padding:0px 0 0 0px;text-align:center;text-decoration:none;}

ul.portfolio-list3 .the-content {width:885px;margin:0 0 0px 10px;}



/* ====================== PORTFOLIO 4 ======================== */



.portfolio-list4 {position:relative;}

ul.portfolio-list4 {list-style-type:none;position:relative;margin:25px auto 0 auto;overflow:hidden;}

ul.portfolio-list4 .portfolio-seperator {height:2px;width:94%;display:block;clear:both;margin:60px 0 60px 20px;}

ul.portfolio-list4 li {margin:0px 15px 20px 20px;float:left;position:relative;}

ul.portfolio-list4 .img-wrapper {height:300px;width:425px;overflow:hidden;margin:0 0 60px 0;}

ul.portfolio-list4 .portfolio-item-text {position:relative;text-align:justify;width:385px;float:right;margin:0 25px 0 0;}

ul.portfolio-list4 .portfolio-item-text p {}

ul.portfolio-list4 li h3 {font-size:1.5em;margin:0px 0 10px 0;clear:both;display:block;width:425px;}

ul.portfolio-list4  ul.meta {position:absolute;top:370px;right:0;}

ul.portfolio-list4  ul.meta li{line-height:1.8em;float:left;display:block;margin:5px 12px 20px 0;padding:0 0 0 12px;font-size:1.0em;text-transform:none;}

ul.portfolio-list4  a.button-clear:link, ul.portfolio-list4  a.button-clear:visited, ul.portfolio-list4  a.button-clear:hover, ul.portfolio-list4  a.button-clear:active, ul.portfolio-list4  a.button-clear:focus {display:block;width:108px; height:30px;text-transform:uppercase;font-size:0.8em;padding:0px 0 0 0px;text-align:center;text-decoration:none;}

ul.portfolio-list4 .the-content {width:885px;margin:0 0 0px 10px;}



/* ====================== PORTFOLIO 5 =========================== */

.portfolio-list5 {}

ul.portfolio-list5 {position:relative;left:-28px;list-style-type:none;margin:25px auto 0 auto;overflow:hidden;}

ul.portfolio-list5 li {margin:0px 0px 25px 48px;float:left;}

ul.portfolio-list5 li h3 {margin:0 0 10px 0px; width:260px;}

ul.portfolio-list5 li .img-wrapper {width:260px;height:87px;overflow:hidden;}

ul.portfolio-list5 li .portfolio-item-text {width:274px;text-align:justify;margin:10px 0px 0 0px;}







/* ================== SINGLE PORTFOLIO ITEM ================ */

.portfolio-item-single {margin:30px auto 0 auto;position:relative;left:0px;width:940px;}

.portfolio-item-single img {margin:0 0 0px 0;}

.portfolio-item-single ul.meta {margin:0 0 0 -11px;}

.portfolio-item-single ul.meta li{line-height:1.8em;float:left;display:block;margin:0 12px 20px 0;padding:0 0 0 12px;font-size:1.0em;text-transform:none;}

.portfolio-item-single  a.button-clear:link, ul.portfolio-list2  a.button-clear:visited, ul.portfolio-list2  a.button-clear:hover, ul.portfolio-list2  a.button-clear:active, ul.portfolio-list2  a.button-clear:focus {display:block;width:108px; height:30px;text-transform:uppercase;font-size:0.8em;padding:0px 0 0 0px;text-align:center;text-decoration:none;}





/* ============== STYLES UL, Messagesboxes, blockquotes, sublines, colors =================*/



/* ul list styling */

ul.arrow  {list-style-type:none;margin:20px 0 20px 0;padding:0;}

ul.arrow  li{padding:0 0 0 30px;margin:5px 0 5px 0;}

ul.star  {list-style-type:none;margin:0;padding:0;margin:20px 0 20px 0;}

ul.star  li{padding:0 0 0 30px;margin:5px 0 5px 0;}

ul.arrow2   {list-style-type:none;margin:0;padding:0;margin:20px 0 20px 0;}

ul.arrow2  li{padding:0 0 0 30px;margin:5px 0 5px 0;}

ul.checkbox {list-style-type:none;margin:0;padding:0;margin:20px 0 20px 0;}

ul.checkbox  li{padding:0 0 0 30px;margin:5px 0 5px 0;}



/* Message boxes */

.note {margin:20px 0 20px 0;padding:10px 15px 10px 15px;font-size:0.9em;}

.info {margin:20px 0 20px 0;padding:10px 15px 10px 40px;font-size:0.9em;}

.alert {margin:20px 0 20px 0;padding:10px 15px 10px 40px;font-size:0.9em;}

.download {margin:20px 0 20px 0;padding:10px 15px 10px 40px;font-size:0.9em;}

.tip {margin:20px 0 20px 0;padding:10px 15px 10px 40px;font-size:0.9em;}




.blogpost .note {margin:5px 0 5px 0;padding:10px 15px 10px 15px;font-size:0.9em;}

.blogpost .info { margin:5px 0 5px 0;padding:10px 15px 10px 40px;font-size:0.9em;}

.blogpost .alert {margin:5px 0 5px 0;padding:10px 15px 10px 40px;font-size:0.9em;}

.blogpost .download {margin:5px 0 5px 0;padding:10px 15px 10px 40px;font-size:0.9em;}

.blogpost .tip {margin:5px 0 5px 0;padding:10px 15px 10px 40px;font-size:0.9em;}



/*blockquote*/

blockquote{text-align:justify;padding:0px 10px 10px 80px;}

blockquote p{padding: 5px 80px 10px 0px;}

blockquote.big{text-align:left;padding:0px 10px 10px 30px;font-size:2.4em}

blockquote.big p{padding: 5px 30px 10px 0px;}

blockquote.small{text-align:justify;padding:0px 10px 10px 40px;font-size:0.9em;}

blockquote.small p{padding: 5px 40px 10px 0px;}



.blogpost blockquote{text-align:justify;padding:0px 10px 10px 80px;}

.blogpost blockquote p{padding: 5px 80px 10px 0px;}

.blogpost blockquote.big{text-align:left;padding:0px 10px 10px 30px;font-size:2.4em}

.blogpost blockquote.big p{padding: 5px 30px 10px 0px;}

.blogpost blockquote.small{text-align:justify;padding:0px 10px 10px 40px;font-size:0.9em;}

.blogpost blockquote.small p{padding: 5px 40px 10px 0px;}



/*em*/

em.box {padding:0px 5px 0 5px;font-style:normal;font-size:0.9em;}

.blogpost em.box {padding:0px 5px 0 5px;font-style:normal;}



/*sublines*/

.subline-welcome{display:block;font-size:0.5em;margin:-1px 0 0 15px;padding:0px;font-family:arial;font-style:normal;letter-spacing:-1px;}

.subline-welcome-smile{display:block;font-size:0.5em;margin:-1px 0 0 7px;padding:0px 0 10px 30px;font-family:arial;font-style:normal;letter-spacing:-1px;}

.subline{display:block;font-size:0.5em;margin:0px 0 0 1px;padding:0px;font-family:arial;}





/*sublines sidebar*/

#sidebar .subline{display:block;font-size:0.55em;margin:-3px 0 15px 1px;padding:0px;font-family:arial;font-weight:normal;letter-spacing:0px;}





/*sidebar*/

#sidebar {float:left;width: 271px;padding:20px 15px 20px 15px;}

.content-area-blog {width:980px;margin:10px auto 0 auto;padding:20px 20px 0px 20px;overflow:hidden;}

.content-area-blog #mainarea { padding-right: 0px;	width: 635px; }

.sidebar-right {margin:-40px 0 0 19px;}

.sidebar-left {margin:-40px 0 0 5px; }

.mainarea-right {float:right;}

.mainarea-left {float:left;}

.blog-background-sidebar-left {}

.blog-background-sidebar-right {}







/* ==================== BLOG 1 =================== */

.blogpost-blog {clear: both;padding-bottom:40px;overflow: hidden; }

.mainarea-left .blogpost-blog {margin:0 0 40px 20px;}

.mainarea-right .blogpost-blog {margin:0 35px 40px 0;}

.blogpost-blog .img-wrapper {float:left;margin:0 0 0px 0;overflow:hidden;width:204px;padding:0 0 0px 0;}

.blogpost-blog .post-content {width:335px;margin:0 0 0 240px;position:relative;}

.blogpost-blog .post-content h2 {width:250px;}

.singleblog{overflow:hidden;}

.blogpost-blog .post-content ul.meta {margin: 0 0 25px 0;}

.blogpost-blog .post-content ul.meta li {display: inline;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em;line-height: 1.3em;margin-right: 10px;	padding-left: 12px;	text-transform: uppercase;}

.blogpost-blog .post-content ul.meta li:first-child {border: none; padding-left: 0px;}

.blogpost-blog, .worksearch {}

.blogpost-blog .post-content ul.meta li {}

.blogpost-blog  h2 a:link, .blogpost-blog h2 a:visited, .blogpost-blog h2 a:hover, .blogpost-blog h2 a:active, .blogpost-blog h2 a:focus {text-decoration:none;}

.blogpost-blog a .button-clear {margin:30px 0 0 0;}



.blogpost-blog .commentscount-blog{display:block;width:44px;height:50px;text-align:center;padding:0px 0 0 0;font-size:1.5em;line-height:1.8em;position:absolute;top:0;right:0px;}

.blogpost-blog .commentscount-blog a:link, .blogpost-blog .commentscount-blog a:visited, .blogpost-blog .commentscount-blog a:hover, .blogpost-blog .commentscount-blog a:active, .blogpost-blog .commentscount-blog a:focus {text-decoration:none;letter-spacing:-2px;}



/* ==================== BLOG 2 =================== */



.blogpost-blog2 {clear: both;overflow: hidden;padding:25px;position:relative;	}

.mainarea-left .blogpost-blog2 {margin:0 0 40px 22px;}

.mainarea-right .blogpost-blog2 {margin:0 35px 40px 0px;}

.blogpost-blog2 img {margin:0 0px 0 0;}

.blogpost-blog2 .post-content {margin:0 0 0 0px;position:relative;}

.blogpost-blog2 .post-content h2 {margin:0 0 0 70px;}

.singleblog{overflow:hidden;}

.blogpost-blog2 .post-content ul.meta {margin: 0px 10px 15px 70px;}

.blogpost-blog2 .post-content ul.meta li {display: inline;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em;line-height: 1.3em;margin-right: 10px;	padding-left: 12px;	text-transform: uppercase;}

.blogpost-blog2 .post-content ul.meta li:first-child {border: none; padding-left: 0px;}

.blogpost-blog2, .worksearch {}

.blogpost-blog2 .post-content ul.meta li {}

.blogpost-blog2  h2 a:link, .blogpost-blog2 h2 a:visited, .blogpost-blog2 h2 a:hover, .blogpost-blog2 h2 a:active, .blogpost-blog2 h2 a:focus {text-decoration:none;}

.blogpost-blog2 .blog-img-wrapper {text-align:center;display:block;width:545px;height:200px;overflow:hidden;margin-bottom:20px;}

.blogpost-blog2 .blog-date {padding:10px 10px 10px 10px;width:60px;text-align:center;position:absolute;top:25px;left:0px;text-transform:uppercase;font-size:0.8em;}

.blogpost-blog2 a .button-clear {margin:30px 0 0 0;}





/* ==================== BLOG 3 =================== */



.mainarea-left .blogpost-blog3 {clear: both;padding:0 0 10px 93px; position:relative;}

.mainarea-right .blogpost-blog3 {clear: both;padding:0 0px 10px 0px; position:relative;}

.mainarea-left .blogpost-blog3 {margin:0 0 30px 0px;}

.mainarea-right .blogpost-blog3 {margin: 0 0px 30px 0px;}

.blogpost-blog3 img {margin:0 0px 0 0;}

.blogpost-blog3 .post-content {width:510px;margin:0px 0 0 6px;position:relative;padding:20px 0 0 0px;}

.mainarea-right .blogpost-blog3 .post-content {width:510px;margin:0px 0 0 18px;position:relative;padding:20px 0 0 0px;}

.singleblog{overflow:hidden;}

.blogpost-blog3 .post-content ul.meta {margin: 0px 10px 15px 0px;}

.blogpost-blog3 .post-content ul.meta li {display: inline;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em;line-height: 1.3em;margin-right: 10px;	padding-left: 12px;	text-transform: uppercase;}

.blogpost-blog3 .post-content ul.meta li:first-child {border: none; padding-left: 0px;}

.blogpost-blog3, .worksearch {}

.blogpost-blog3 .post-content ul.meta li {}

.blogpost-blog3  h2 a:link, .blogpost-blog3 h2 a:visited, .blogpost-blog3 h2 a:hover, .blogpost-blog3 h2 a:active, .blogpost-blog3 h2 a:focus {text-decoration:none;}

.blogpost-blog3 .blog-img-wrapper {text-align:center;display:block;width:500px;height:200px;overflow:hidden;margin-bottom:20px;}

.mainarea-left .blogpost-blog3 .date-wrapper {padding:5px 0 5px 0;width:58px;text-align:center;position:absolute;top:15px;left:22px;text-transform:uppercase;}

.blogpost-blog3 .month {font-size:0.9em;font-family:verdana;margin:0px;padding:0px;}

.blogpost-blog3 .day {font-size:1.6em;font-family:Verdana;margin:0px;padding:0px;margin:-5px 0 0 0;}

.blogpost-blog3 .year {font-size:0.8em;font-family:Verdana;margin:-3px 0 0 0;}

.mainarea-right .blogpost-blog3 .date-wrapper {padding:5px 0 5px 0;width:58px;text-align:center;position:absolute;top:15px;right:22px;text-transform:uppercase;}

.blogpost-blog3 a .button-clear {margin:30px 0 0 0;}



/* ==================== BLOG 4 =================== */

.mainarea-left .blogpost-blog4 {clear: both;margin:0 0	30px 20px;padding:0 0 10px 0px; position:relative;}

.mainarea-right .blogpost-blog4 {clear: both;margin:0 35px 30px 0px;padding:0 0 10px 0px; position:relative;}

.blogpost-blog4 img {margin:0 0px 0 0;}

.mainarea-left .blogpost-blog4 .post-content {width:505px;margin:0px 0 0 0px;position:relative;padding:20px 0 0 87px;}

.mainarea-right .blogpost-blog4 .post-content {width:470px;margin:0px 0 0 0px;position:relative;padding:20px 0 0 18px;}

.blogpost-blog4 .post-content {width:470px;margin:0px 0 0 0px;position:relative;padding:20px 0 0 87px;}

.singleblog{overflow:hidden;}

.blogpost-blog4 .post-content ul.meta {margin: 0px 10px 15px 0px;}

.blogpost-blog4 .post-content ul.meta li {display: inline;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em;line-height: 1.3em;margin-right: 10px;padding-left:12px;text-transform: uppercase;}

.blogpost-blog4 .post-content ul.meta li:first-child {border: none; padding-left: 0px;}

.blogpost-blog4, .worksearch {}

.blogpost-blog4 .post-content ul.meta li {}

.blogpost-blog4  h2 a:link, .blogpost-blog4 h2 a:visited, .blogpost-blog4 h2 a:hover, .blogpost-blog4 h2 a:active, .blogpost-blog4 h2 a:focus {text-decoration:none;}

.blogpost-blog4 a .button-clear {margin:30px 0 0 0;}

.blogpost-blog4 .blog-img-wrapper {text-align:center;display:block;width:485px;height:190px;overflow:hidden;margin-bottom:20px;}

.blogpost-blog4 .month {font-size:0.9em;font-family:verdana;margin:0px;padding:0px;}

.blogpost-blog4 .day {font-size:1.6em;font-family:Verdana;margin:0px;padding:0px;margin:-5px 0 0 0;}

.blogpost-blog4 .year {font-size:0.8em;font-family:Verdana;margin:-3px 0 0 0;}

.mainarea-left .blogpost-blog4 .date-wrapper {padding:5px 0 18px 0;width:62px;text-align:center;position:absolute;top:15px;left:0px;text-transform:uppercase;}

.mainarea-right .blogpost-blog4 .date-wrapper {padding:5px 0 18px 0;width:62px;text-align:center;position:absolute;top:15px;right:0px;text-transform:uppercase;}



.mainarea-left .blogpost-blog4 .commentscount-blog{display:block;width:62px;height:55px;text-align:center;padding:4px 0 0 0;font-size:1.5em;line-height:1.8em;position:absolute;top:90px;left:0px;}

.mainarea-right .blogpost-blog4 .commentscount-blog{display:block;width:62px;height:55px;text-align:center;padding:4px 0 0 0;font-size:1.5em;line-height:1.8em;position:absolute;top:90px;right:0px;}

.blogpost-blog4 .commentscount-blog a:link, .blogpost-blog4 .commentscount-blog a:visited, .blogpost-blog4 .commentscount-blog a:hover, .blogpost-blog4 .commentscount-blog a:active, .blogpost-blog4 .commentscount-blog a:focus {text-decoration:none;letter-spacing:-2px;}





/*single Blog post*/

/* .blogpost-blog-single { background:#e5dec2;padding:25px;} <-- Single Block post with background*/ 

.post-content-single img{}

.blogpost-blog-single img{margin:0 8px 0 0;}

.blogpost-blog-single ul.meta {margin: 0 0 25px 0;}

.blogpost-blog-single ul.meta li {display: inline;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em;line-height: 1.3em;margin-right: 10px;	padding-left: 12px;	text-transform: uppercase;}

.blogpost-blog-single ul.meta li:first-child {border: none; padding-left: 0px;}







/* Comments */

.mainarea-left #comments {clear:both; margin:0px 0 0 22px;padding:0px;}

.mainarea-right #comments {clear:both; margin:0px 35px 0 0px;background:#e5dec2;padding:0px;}

.mainarea-left #comments h4, .mainarea-right #comments h4 {clear: both;margin: 0px 0 15px 40px;font-size:1.5em;padding:20px 0 0 0;font-weight:bold;}

.commentlist li {font-size: inherit;}

.commentlist li .avatar { float:left;margin:0 10px 0 0;	}

.commentlist cite {font-weight: bold;font-style: normal;font-size: 0.95em;	}

.commentlist p {font-size: 0.8em;font-weight: normal;line-height: 1.5em;margin: 10px 5px 10px 0;text-transform: none;}

.commentmetadata {display: block;font-size: 0.8em;font-weight: normal;line-height: 1.1em;margin: 0;}

.commentlist .reply {font-size: 0.8em;font-weight: bold;padding:0 0 20px 0;}

.commentlist {margin: 0 0 0px 0;}

.commentlist li {margin:0px 20px 0px 20px;padding:20px 20px 0px 20px;list-style: none;}

.commentlist li ul li {}

.comms-navigation, .navigation {clear: both;display: block;	margin-bottom: 0px;overflow: hidden;}

.children {	padding: 0;	}

.nocomments {text-align: center;margin: 0;padding: 0;}

.reply {}

.reply a:link, .reply a:visited, .reply a:hover, .reply a:active, .reply a:focus{cursor:pointer;display:block;width:108px; height:28px;text-transform:uppercase;font-size:1.0em;padding:0px 0 0 0px;text-align:center;text-decoration:none;line-height:2.2em;margin:20px 0 0px 0;}





/* Comment Form */

#comments form {padding:20px 0 10px 35px;}

#respond h4 {clear: both;margin: 0px 0 0px 40px;}

form p {padding-bottom: 10px;margin: 5px 0;}

form p label {display: inline-block;margin-right: 10px;text-align: right;width: 5em;}

form p label[for="comment"] {vertical-align: top;}

input, textarea {padding: 3px;}

textarea {font-family: Arial, Helvetica, sans-serif;font-size: 0.9em;overflow: auto;}

input#submit {padding: 5px 3px;width:108px; height:30px;text-transform:uppercase;font-size:0.7em;cursor:pointer;}

.cancel-comment-reply{margin:0 0 10px 40px;}



/*Color Style comments*/

.commentlist li .avatar {}

.commentlist cite a:link, .commentlist cite a:visited {}

.commentlist .commentmetadata a:link:first-child, .commentlist .commentmetadata a:visited:first-child {}

.thread-alt {}

.thread-even {}

.depth-1 {}

.even, .alt {}

input, textarea {}

input:focus, textarea:focus {}





/*#Pagination*/

#nav-num{position:relative;text-align:right;top:-7px;}

.nav-position-right{right:35px;}

.nav-position-left{right:0px;}

#nav-num a:link,#nav-num a:visited,#nav-num a:hover,#nav-num a:active,#nav-num a:focus {padding:5px 10px 5px 10px; margin:0 2px 0 2px; text-decoration:none;}

#nav-num a.current:link, #nav-num a.current:visited, #nav-num a.current:hover, #nav-num a.current:active, #nav-num a.current:focus {padding:5px 10px 5px 10px; margin:0 2px 0 2px;text-decoration:none;}



#nav-num.portfolio{position:relative;text-align:center;margin:25px 0 0 0;}

#nav-num a:link,#nav-num a:visited,#nav-num a:hover,#nav-num a:active,#nav-num a:focus {padding:5px 10px 5px 10px; margin:0 2px 0 2px;text-decoration:none;}

#nav-num a.current:link, #nav-num a.current:visited, #nav-num a.current:hover, #nav-num a.current:active, #nav-num a.current:focus {padding:5px 10px 5px 10px; margin:0 2px 0 2px;text-decoration:none;}





/* =============== SEARCH BOX (not the widget) ============== */

.mainarea-left #search-box {clear: both;margin:0 0	20px 35px;padding-bottom: 40px;overflow: hidden; padding:25px;position:relative;	}

.mainarea-right #search-box {clear: both;margin:0 0	20px 0px;padding-bottom: 40px;overflow: hidden; padding:25px;position:relative;	}



.hidden{display:none;}

#search-box  form #s {padding: 7px 29px 7px 35px;width: 350px;margin:0px 0 0px 0;}

#search-box  label {font-size:0.9em;font-weight:bold;display:none;}

#search-box  form #searchsubmit {float:right;display:block;width:108px; height:30px;text-transform:uppercase;font-size:0.8em;padding:0px 0 0 0px;text-align:center;text-decoration:none;line-height:2.2em;margin:4px 0 0 0; }





/* ================== CONTACT ====================== */

.screenReader { left: -9999px; position: absolute; top: -9999px; }

.thanks { border: 0px solid #b8b39e; padding:10px 10px 10px 20px; }



/*****Forms*****/

ol.forms { float: left; list-style: none; margin: 20px 0 0 0; width: 100%; }

ol.forms li {clear: both; float: left; margin-bottom: 18px; position: relative;	width: 100%;}

ol.forms label {cursor: pointer;display: block;float: left;font-weight: bold;padding-right: 20px;width: 100px;}

ol.forms input, ol.forms textarea {	font: inherit;padding: 2px;width: 214px;}

ol.forms textarea { height: 300px; width: 334px; }

ol.forms input:focus, ol.forms textarea:focus {}

.error {}

ol.forms li .error { font-size: 12px; margin-left: 20px; }

ol.forms li.textarea .error {display: block;position: absolute;right: 0;top: 0;width: 100px;}

ol.forms li.screenReader { margin-bottom: 0; }

ol.forms li.buttons button {border: none;cursor: pointer;font: 16px/16px "Avenir LT Std", Helvetica, Arial, sans-serif;overflow: hidden;padding: 6px 3px 3px 3px;text-transform: uppercase;	width: auto;display:block;width:108px; height:28px;text-transform:uppercase;font-size:0.8em;padding:0px 0 0 0px;text-align:center;text-decoration:none;line-height:2.2em;margin:10px 0 0 0;}



ol.forms li.buttons button:hover {}

ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }

ol.forms li.buttons, ol.forms li.inline {  width: 460px; margin: 0 0 0 120px;}

ol.forms li.inline input { width: auto; }

ol.forms li.inline label { display: inline; float: none; width: auto; }





/* Prettyphoto */

/* ------------------------------------------------------------------------

	This you can edit.

------------------------------------------------------------------------- */



	div.light_rounded .pp_top .pp_left { background: url(styles/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */

	div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */

	div.light_rounded .pp_top .pp_right { background: url(styles/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */

	

	div.light_rounded .pp_content .ppt { color: #000; }

	div.light_rounded .pp_content_container .pp_left,

	div.light_rounded .pp_content_container .pp_right { background: #fff; }

	div.light_rounded .pp_content { background-color: #fff; } /* Content background */

	div.light_rounded .pp_next:hover { background: url(styles/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */

	div.light_rounded .pp_previous:hover { background: url(styles/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */

	div.light_rounded .pp_expand { background: url(styles/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */

	div.light_rounded .pp_expand:hover { background: url(styles/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */

	div.light_rounded .pp_contract { background: url(styles/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */

	div.light_rounded .pp_contract:hover { background: url(styles/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */

	div.light_rounded .pp_close { width: 75px; height: 22px; background: url(styles/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */

	div.light_rounded #pp_full_res .pp_inline { color: #000; } 



	div.light_rounded .pp_arrow_previous { background: url(styles/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */

		div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }

	div.light_rounded .pp_arrow_next { background: url(styles/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */

		div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }



	div.light_rounded .pp_bottom .pp_left { background: url(styles/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */

	div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */

	div.light_rounded .pp_bottom .pp_right { background: url(styles/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */



	div.light_rounded .pp_loaderIcon { background: url(styles/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */

	

	/* ----------------------------------

		Dark Rounded Theme

	----------------------------------- */

	

	div.dark_rounded .pp_top .pp_left { background: url(styles/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */

	div.dark_rounded .pp_top .pp_middle { background: url(styles/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */

	div.dark_rounded .pp_top .pp_right { background: url(styles/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */

	

	div.dark_rounded .pp_content_container .pp_left { background: url(styles/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */

	div.dark_rounded .pp_content_container .pp_right { background: url(styles/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */

	div.dark_rounded .pp_content { background: url(styles/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */

	div.dark_rounded .pp_next:hover { background: url(styles/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */

	div.dark_rounded .pp_previous:hover { background: url(styles/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */

	div.dark_rounded .pp_expand { background: url(styles/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */

	div.dark_rounded .pp_expand:hover { background: url(styles/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */

	div.dark_rounded .pp_contract { background: url(styles/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */

	div.dark_rounded .pp_contract:hover { background: url(styles/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */

	div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(styles/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */

	div.dark_rounded .currentTextHolder { color: #c4c4c4; }

	div.dark_rounded .pp_description { color: #fff; }

	div.dark_rounded #pp_full_res .pp_inline { color: #fff; } 



	div.dark_rounded .pp_arrow_previous { background: url(styles/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */

		div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }

	div.dark_rounded .pp_arrow_next { background: url(styles/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */

		div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }



	div.dark_rounded .pp_bottom .pp_left { background: url(styles/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */

	div.dark_rounded .pp_bottom .pp_middle { background: url(styles/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */

	div.dark_rounded .pp_bottom .pp_right { background: url(styles/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */



	div.dark_rounded .pp_loaderIcon { background: url(styles/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */

	

	

	/* ----------------------------------

		Dark Square Theme

	----------------------------------- */

	

	div.dark_square .pp_left ,

	div.dark_square .pp_middle,

	div.dark_square .pp_right,

	div.dark_square .pp_content { background: url(styles/prettyPhoto/dark_square/contentPattern.png) top left repeat; }

	div.dark_square .currentTextHolder { color: #c4c4c4; }

	div.dark_square .pp_description { color: #fff; }

	div.dark_square .pp_loaderIcon { background: url(styles/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */

	

	div.dark_square .pp_content_container .pp_left { background: url(styles/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */

	div.dark_square .pp_content_container .pp_right { background: url(styles/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */

	div.dark_square .pp_expand { background: url(styles/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */

	div.dark_square .pp_expand:hover { background: url(styles/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */

	div.dark_square .pp_contract { background: url(styles/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */

	div.dark_square .pp_contract:hover { background: url(styles/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */

	div.dark_square .pp_close { width: 75px; height: 22px; background: url(styles/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */

	div.dark_square #pp_full_res .pp_inline { color: #fff; } 

	

	div.dark_square .pp_arrow_previous { background: url(styles/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; height:100px; width:100px;} /* The previous arrow in the bottom nav */

		div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }

	div.dark_square .pp_arrow_next { background: url(styles/prettyPhoto/dark_square/sprite.png) -37px -71px no-repeat;height:100px; width:100px;} /* The next arrow in the bottom nav */

		div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }



	div.dark_square .pp_nav { margin: -2px 0 0 0; }

	div.dark_square	.pp_nav p { font-size: 20px; padding: 0 6px 0 6px; margin:-3px 0 0 0; }

	

	div.dark_square .pp_next:hover { background: url(styles/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */

	div.dark_square .pp_previous:hover { background: url(styles/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */





	/* ----------------------------------

		Light Square Theme

	----------------------------------- */

	

	div.light_square .pp_left ,

	div.light_square .pp_middle,

	div.light_square .pp_right,

	div.light_square .pp_content { background: #fff; }

	

	div.light_square .pp_content .ppt { color: #000; }

	div.light_square .pp_expand { background: url(styles/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */

	div.light_square .pp_expand:hover { background: url(styles/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */

	div.light_square .pp_contract { background: url(styles/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */

	div.light_square .pp_contract:hover { background: url(styles/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */

	div.light_square .pp_close { width: 75px; height: 22px; background: url(styles/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */

	div.light_square #pp_full_res .pp_inline { color: #000; } 

	

	div.light_square .pp_arrow_previous { background: url(styles/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;  } /* The previous arrow in the bottom nav */

		div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }

	div.light_square .pp_arrow_next { background: url(styles/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */

		div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	

	div.light_square .pp_next:hover { background: url(styles/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */

	div.light_square .pp_previous:hover { background: url(styles/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */





	/* ----------------------------------

		Facebook style Theme

	----------------------------------- */

	

	div.facebook .pp_top .pp_left { background: url(styles/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */

	div.facebook .pp_top .pp_middle { background: url(styles/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */

	div.facebook .pp_top .pp_right { background: url(styles/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */

	

	div.facebook .pp_content .ppt { color: #000; }

	div.facebook .pp_content_container .pp_left { background: url(styles/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */

	div.facebook .pp_content_container .pp_right { background: url(styles/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */

	div.facebook .pp_content { background: #fff; } /* Content background */

	div.facebook .pp_expand { background: url(styles/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */

	div.facebook .pp_expand:hover { background: url(styles/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */

	div.facebook .pp_contract { background: url(styles/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */

	div.facebook .pp_contract:hover { background: url(styles/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */

	div.facebook .pp_close { width: 22px; height: 22px; background: url(styles/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */

	div.facebook #pp_full_res .pp_inline { color: #000; } 

	div.facebook .pp_loaderIcon { background: url(styles/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */

	

	div.facebook .pp_nav .pp_arrow_previous { background: url(styles/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */

		div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }

	div.facebook .pp_nav .pp_arrow_next { background: url(styles/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */

		div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }

	div.facebook .pp_nav { margin-top: 0; }

	div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }

	

	div.facebook .pp_next:hover { background: url(styles/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */

	div.facebook .pp_previous:hover { background: url(styles/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */

	

	div.facebook .pp_bottom .pp_left { background: url(styles/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */

	div.facebook .pp_bottom .pp_middle { background: url(styles/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */

	div.facebook .pp_bottom .pp_right { background: url(styles/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */





/* ------------------------------------------------------------------------

	DO NOT CHANGE

------------------------------------------------------------------------- */



	div.pp_pic_holder a:focus { outline:none; }



	div.pp_overlay {

		background: #000;

		display: none;

		left: 0;

		position: absolute;

		top: 0;

		width: 100%;

		z-index: 9500;

	}

	

	div.pp_pic_holder {

		display: none;

		position: absolute;

		width: 100px;

		z-index: 10000;

	}

		

		.pp_top {

			height: 20px;

			position: relative;

		}

			* html .pp_top { padding: 0 20px; }

		

			.pp_top .pp_left {

				height: 20px;

				left: 0;

				position: absolute;

				width: 20px;

			}

			.pp_top .pp_middle {

				height: 20px;

				left: 20px;

				position: absolute;

				right: 20px;

			}

				* html .pp_top .pp_middle {

					left: 0;

					position: static;

				}

			

			.pp_top .pp_right {

				height: 20px;

				left: auto;

				position: absolute;

				right: 0;

				top: 0;

				width: 20px;

			}

		

		.pp_content { height: 40px; }

		

		.pp_content .ppt {

			left: auto;

			margin-bottom: 5px;

			position: relative;

			top: auto;

		}

		

		.pp_fade { display: none; }

		

		.pp_content_container {

			position: relative;

			text-align: left;

			width: 100%;

		}

		

			.pp_content_container .pp_left { padding-left: 20px; }

			.pp_content_container .pp_right { padding-right: 20px; }

		

			.pp_content_container .pp_details {

				margin: 10px 0 2px 0;

			}

				.pp_description {

					display: none;

					margin: 0 0 5px 0;

				}

				

				.pp_nav {

					clear: left;

					float: left;

					margin: 3px 0 0 0;

				}

				

					.pp_nav p {

						float: left;

						margin: 2px 4px;

					}

				

					.pp_nav a.pp_arrow_previous,

					.pp_nav a.pp_arrow_next {

						display: block;

						float: left;

						height: 15px;

						margin-top: 3px;

						overflow: hidden;

						text-indent: -10000px;

						width: 14px;

					}

		

		.pp_hoverContainer {

			position: absolute;

			top: 0;

			width: 100%;

			z-index: 2000;

		}

		

		a.pp_next {

			background: url(styles/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;

			display: block;

			float: right;

			height: 100%;

			text-indent: -10000px;

			width: 49%;

		}

			

		a.pp_previous {

			background: url(styles/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;

			display: block;

			float: left;

			height: 100%;

			text-indent: -10000px;

			width: 49%;

		}

		

		a.pp_expand,

		a.pp_contract {

			cursor: pointer;

			display: none;

			height: 20px;	

			position: absolute;

			right: 30px;

			text-indent: -10000px;

			top: 10px;

			width: 20px;

			z-index: 20000;

		}

			

		a.pp_close {

			display: block;

			float: right;

			text-indent: -10000px;

		}

		

		.pp_bottom {

			height: 20px;

			position: relative;

		}

			* html .pp_bottom { padding: 0 20px; }

			

			.pp_bottom .pp_left {

				height: 20px;

				left: 0;

				position: absolute;

				width: 20px;

			}

			.pp_bottom .pp_middle {

				height: 20px;

				left: 20px;

				position: absolute;

				right: 20px;

			}

				* html .pp_bottom .pp_middle {

					left: 0;

					position: static;

				}

				

			.pp_bottom .pp_right {

				height: 20px;

				left: auto;

				position: absolute;

				right: 0;

				top: 0;

				width: 20px;

			}

		

		.pp_loaderIcon {

			display: block;

			height: 24px;

			left: 50%;

			margin: -12px 0 0 -12px;

			position: absolute;

			top: 50%;

			width: 24px;

		}

		

		#pp_full_res {

			line-height: 1 !important;

		}

		

			#pp_full_res .pp_inline {

				text-align: left;

			}

			

				#pp_full_res .pp_inline p { margin: 0 0 15px 0; }

	

		div.ppt {

			color: #fff;

			display: none;

			font-size: 17px;

			left: 0;

			position: absolute;

			top: 0;

			z-index: 9999;

		}



/* ------------------------------------------------------------------------

	Miscellaneous

------------------------------------------------------------------------- */



	.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 */