/* 01. TYPOGRAPHY */
/*div.floating-menu {position:fixed;}*/
div.floating-menu a, div.floating-menu h3 {display:block;margin:0 0.5em;}
.cijena {padding-top:20px; border-bottom:1px solid #999;}
.social {margin:0 auto; width:100px;}
/* ------- 1. CSS Reset ------- */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,address,code,del,dfn,em,img,q,
dl,dt,dd,ol,ul,li,
table,caption,tbody,tfoot,thead,tr,th,td,br,fieldset,textarea{font-family:Verdana, Helvetica, Arial, sans-serif;line-height:20px;letter-spacing:.1px;word-spacing:1px;margin:0;padding:0;border:0;vertical-align:baseline;}
h1,h2,h3,h4,h5,h6,hr,p,ul,ol,dl,pre,address,table,form{margin:0 0 20px}
p,h1, h2, h3, h4, h5, h6, ul.check_list, ul.arrowlist{}
strong, b{font-weight:bold;}
em, dfn, i{font-style:italic;}

/* ------- 2. General ------- */
html
{
background-color:#2b3239;
}

img.action 
{
margin-left:auto;
margin-right:auto;
}

.all
{
	margin:20px 0px;
}
.contact_widget_skype {background:transparent url(../images/icons/Skype.png) width:10px; padding:0 14px 0 0;}
.faq {border:1px solid #000;}

body{color:#666;font-size:12px;}
h1,h2,h3,h4,h5,h6,th,blockquote,.top_metadata,.date,.cancel-comment-reply a,#blurb,.bottom_metadata,span.current_crumb {letter-spacing:1px;font-family:Tahoma,Geneva,Arial,sans-serif;}
a:link,a:visited,a:hover,a:active,a:focus{/*text-decoration:none;*/outline:none;-moz-outline-style:none;}
a{color:#888;}
a:hover{color:#aaa;}
pre,code{font-family:mono-space,monospace;white-space:pre;overflow:auto;padding:20px;}
pre{padding:5px;}
code{background:#f6f6f6 url(../images/code.png) repeat scroll 0 0;display:block;border:1px solid #ddd;border-bottom:0px;padding:0 14px;font-size:10px;}
blockquote {background:transparent url(../images/sprite.png) no-repeat scroll -168px -166px;font-size:14px;line-height:20px;letter-spacing:0;margin:40px 0;
padding:10px 20px 10px 40px;}
blockquote cite{color:#aaa;display:block;font-size:10px;}	

/* ------- 3. Lists ------- */

ul,li{list-style:none outside;list-style-type:disc;}
ol, ol li{list-style:decimal outside;}
ol, dd{margin-left:24px;}
ul ul, ol ul, ul ol, ol ol{margin-bottom:0;margin-top:0;}
#sub_footer ul,#sub_footer li,#secondary ul,#secondary li,ul.arrow_list,ul.arrow_list li,ul.check_list,ul.check_list li,ul.thumbnail_list,ul.thumbnail_list li,.jqueryslidemenu ul,.jqueryslidemenu li, #comments li{margin-left:0;list-style:none;}


/* ------- 4. Okviri ------- */

h3.widgettitle,h6,td,th,.divider,hr,div.widget li,.top_metadata,#body_block .thumbnail_list li,#body_block ul.thumbnail_list,.blog_header{
background:url(../images/line.gif) repeat-x scroll center bottom;}
#primary ul.thumbnail_list,.top_metadata div,div.link_list li ul li{background: url(../images/line.gif) repeat-x scroll center top;}
#footer h3.widgettitle,#footer div.widget li{text-shadow:none;background:none;border-bottom:1px solid #333;}
#footer .background div.link_list li{border-bottom:none;padding:0;}
#footer div.link_list li a{border-bottom:1px solid #333;display:block;padding:5px 0;}
hr{border:0px solid transparent !important;background-color:transparent !important;height:1px;}
.divider{clear:both;display:block;margin-bottom:20px;padding-top:20px;width:100%;}	
.top{font-size:8px;line-height:10px;margin-bottom:40px;text-align:right;position:relative;}
.top a{background:#F9F9F9 none repeat scroll 0 0; color:#bbb; height:20px; position:absolute; right:0; text-shadow:1px 1px 0 #fff; top:12px; width:20px;}
.clearboth{clear:both;display:block;font-size:0px;height:0px;line-height:0;width:100%;}

/* ------- 5. Tablice ------- */

table {border-collapse:separate;border-spacing:0;width:100%;border-top:1px solid #eaeaea;margin-bottom:18px;}
table,td,th {vertical-align:middle;}
th{padding:10px;color:#666;border-top:1px solid #fff;text-transform:uppercase;}
td{padding:10px;color:#888;}
tfoot td{border:0px;}
th,tr:hover{background-color:#f5f5f5;}

/* ------- 6. Forme ------- */

fieldset{padding:20px;border:1px solid #e5e5e5;}
legend,label{letter-spacing:1px;text-transform:uppercase;font-size:11px;}
input[type=text],input[type=password],input[type=file],textarea{background-color:transparent;padding:5px;width:180px;-moz-border-radius:6px;-webkit-border-radius:5px;}
.textfield_label{margin-left:12px;}
textarea{width:97%;height:120px;font-size:12px;}
input, textarea {outline-style:none!important;}
pre,input[type=text],input[type=password],input[type=file],textarea{
	background:#F9F9F9 url(../images/form-gradient.gif) repeat-x scroll -1px -2px;
	border-color:#D9D9D9 #EAEAEA #FFFFFF;
	border-style:solid;
	border-width:0px;
	color:#666;}
input[type="submit"]::-moz-focus-inner{border : 0px;} 
input[type="submit"]:focus{outline:none;}

/* ------- 7. Slike ------- */

.alignright,img.alignright,a img.alignright {float:right; margin:10px 0px 10px 16px;}
.alignleft,img.alignleft,a img.alignleft {float:left; margin:10px 16px 10px 0;}
.aligncenter,img.aligncenter,a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.frame,.small_frame {border:1px solid #eaeaea;display:inline-block;}
.frame img{background:#F5F5F5 none repeat scroll 0 0;border:1px solid #fff;padding:8px;margin:0;}
.small_frame img {background:#F5F5F5 none repeat scroll 0 0;border:1px solid #fff;padding:4px;margin:0;}

/* ------- 8. Headers ------- */

h1,h2,h3,h4,h5,h6{font-weight:normal;line-height:100%;font-family: times;}
#home_feature h2{font-size:26px;}
#secondary h3.widgettitle{color:#888;}
h1{font-size:36px;}
.centered{text-align:center;}
h2{font-size:28px;}
h3{font-size:22px;}
h3.widgettitle,#popular_related_posts h3{margin-bottom:12px;padding-bottom:18px;padding-left:0;}
h4{font-size:18px;}
h5{font-size:16px;letter-spacing:1.6px;margin-bottom:20px;text-transform:uppercase;}
h6{font-size:12px;letter-spacing:1.6px;margin-bottom:0px;padding-bottom:5px;text-transform:uppercase;line-height:20px; padding-top:25px;}
h7{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;margin-top:10px;}
.fancy_header span{
	background-color:#F9F9F9;
	color:#888;
	font-size:12px;
	letter-spacing:1px;
	line-height:12px;
	padding-right:5px;
	text-transform:uppercase;}	
.fancy_header{clear:both;padding-left:0;background: url(../images/stripes.png) repeat scroll 0 0;margin:14px 0;}
.flush{margin:0 !important;}


/* 02. LAYOUT */
/* ------- 1. Struktura  ------- */
#lampice-l{  
	position: absolute;
    left: 0px;
    margin-top: 75px;
	}
#lampice-d{   
	position: absolute;
    right: 0px;
    margin-top: 75px;
	}
	#lampice-l-home{  
	position: absolute;
    left: 0px;
	}
#lampice-d-home{   
	position: absolute;
    right: 0px;
	}
#primary_full, #primary, #secondary{position:relative;overflow:hidden;}
* html #primary, * html #secondary{display:inline;}
* html body{text-align:center;}
body {min-width:1140px;background-color:#f9f9f9;}
#body_block{z-index:0;padding-top:0px;}
#primary{float:left;width:912px;}
#secondary{float:right;width:20%;min-height:300px;}
#primary .content{margin-right:12px;margin-top:0px;}
#secondary .content{margin-right:0px;margin-left:0px;}
.inner{height:100%;width:1140px;min-width:1140px;position:relative;clear:both;text-align:left;margin:0 auto;}
.inner_home{height:100%;width:1140px;min-width:1140px;position:relative;clear:both;text-align:left;margin:0 auto;padding-top:45px;}
#primary-full .content, #subfooter .content{ margin-left:10px;margin-right:10px;padding:1px;margin-top:0px;overflow:hidden;}
#body_block #primary-full{width:1140px;}
.entry{overflow:hidden;}
.entry_center{overflow:hidden;text-align:center;padding-top:10px;}

/* ------- 2. Header ------- */

#header{z-index:10;height:45px;position:relative;background:#111 url(../images/header.jpg) repeat-x scroll center top}
/* logo */
.logo{position:absolute;top:7px;z-index:30;}
#site_name{left:0px;position:absolute;top:32px;font-size:32px;}
#site_name a{color:#eee;}
/* default intro */
#intro_blurb{background:#e6e6e6;position:relative;min-height:123px;overflow:hidden;}
#intro_blurb_title {
	background:transparent url(../images/intro.gif) no-repeat scroll right -7px;
	color:#F9F9F9;
	display:block;
	float:left;
	font-size:32px;
	height:62px;
	line-height:32px;
	margin-right:30px;
	margin-top:40px;
	padding-right:17px;}
#intro_blurb_title span {
	background:transparent url(../images/intro.gif) no-repeat scroll -7px -7px;
	display:block;
	line-height:32px;
	padding:11px;}
#blurb{
	color:#444;
	font-size:24px;
	line-height:100%;
	min-height:57px;
	min-width:200px;
	overflow:hidden;
	padding:46px 0 20px 20px;}
/* twitter intro */	
#blurb p.tweet{
	min-height:50px;
	background:transparent url(../images/tweet.png) no-repeat scroll -10px -26px;
	line-height:100%;
	margin-bottom:0;
	padding-left:65px;}
#blurb p.tweet a{color:#666;font-size:22px;}

/* ------- 3. Footer ------- */

#footer input[type=text], #footer textarea,#footer table, #footer td, #footer th, #footer tr:hover{background:transparent;}
#footer a{color:#666}
#footer a:hover{color: #444}
#footer h3{color:#eee;}

#footer_nav li,#footer_nav ul{display:inline;font-weight:normal;text-transform:uppercase;}
#footer_nav a{padding:0 5px;}

#footer {background:#111 url(../images/footer.jpg) repeat-x top center;margin-top:40px;}
#footer .inner{padding-top:10px; height:30px;} 

#sub_footer{background-color:#2b3239;border-top:1px solid #151515;padding-top:10px;font-size:9px;min-height:30px;}
#sub_footer .one_half{margin-bottom:0;}
#sub_footer .last{text-align:right;}

/* ------- 4. Sidebar ------- */

#has_sidebar{background:#f9f9f9 url(../images/sidebar_middle.gif) repeat-y scroll center center;}
#has_sidebar #body_block{background:transparent url(../images/sidebar_top.gif) no-repeat scroll center -25px;}
#has_sidebar #body_block .inner{background:transparent url(../images/sidebar_bottom.gif) no-repeat scroll center bottom;overflow:hidden;padding-top:80px;}

/* ------- 5. Breadcrumbs ------- */

#breadcrumbs{color:#000; background:url(../images/outset_breadcrumbs.gif) repeat-x scroll center bottom;height:30px;position:fixed; width:100%; z-index:9; margin-top:45px;}



#breadcrumbs_home{color:#000;background: url(../images/outset_breadcrumbs.gif) repeat-x scroll center bottom;height:30px; width:100%; z-index:9;}
body.inset #breadcrumbs {background-image:url(../images/inset_breadcrumbs.gif);}
#breadcrumbs .inner{font-size:10px;}
#breadcrumbs a{color:#000;}
body#home_page #body_block {padding-top:0px;}
.breadarrow{color:#000;padding:0 4px;}

/* ------- 6. Call to Action ------- */

#call_to_action{min-height:170px;background: #e6e6e6 url(../images/outset_breadcrumbs.gif) repeat-x center bottom;}
body.inset  #call_to_action {background-image: url(../images/inset_breadcrumbs.gif);}
#call_to_action #blurb{padding:44px 0px 0px 0px;}
#call_to_action #blurb_center{padding:44px 230px 80px 0;text-align:center;}
#call_to_action_button{background:transparent url(../images/get_started.jpg) no-repeat scroll center top;height:89px;position:absolute;right:0px;top:30px;width:210px;}
#call_to_action_button a{display: block;height: 100%;width: 100%;}

/* -------  7. Columns ------- */

#primary .one_third{width:270px;}
#primary .two_third{width:400px;}
#primary .one_half{width:288px;}
#primary .one_fourth, #footer .two_third .one_fourth{width:120px;}
#primary .three_fourth{width:456px;}
#primary .one_fifth{width:20%;}
.one_half{width:48%;}
.one_third{width:348px;}
.two_third{width:624px;}
.one_fourth{width:204px;}
.three_fourth{width:708px;}
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth{position:relative;margin-right:30px;margin-bottom:20px;float:left;}
.last{margin-right:0 !important;clear:right;}

.footer_fifth ul
{
/*width:570px;*/
padding-left:285px;
}

.footer_fifth ul li
{
	list-style:none;
	display:inline;
	padding-right:30px;
}

.footer_fifth ul li a
{
	padding:0px 10px;
		text-decoration:none;
}
/* ________________________________________________________________________________________________________________
	                                              03. PAGE SPECIFIC STYLE 
   ________________________________________________________________________________________________________________ */



/* ------- 1. Home ------- */

body#home_page #header{}
#home_feature{height:700px;background:#030303 url(../images/home_feature.jpg) repeat-x scroll center top;}

/* slider nav */
#slider_thumbnails{display:none;position:absolute;z-index:100;width:1140px;top:375px;left:0;}
#slider_preview_img{text-align:center;}
.slider_preview_img{cursor:pointer;height:15px;width:15px;background:transparent url(../images/slider_inactive.png) no-repeat scroll 0 0;}
.active_slider_img{background:transparent url(../images/slider_active.png) no-repeat scroll 0 0;}
.slider_img_cropped{position:absolute;right:0;top:0;}
.slider_img_full_cropped{margin-top:20px;position:absolute;right:0;top:0;width:600px;}
.slider_img_full{position:absolute;right:0;top:0;}

/* slider full */
#slider_img{
	display:none;
	height:700px;
	overflow:hidden;
	position:relative;
	right:0;
	top:0px;
	width:1140px;}
#home_feature #slider_img .slider_full{height:700px;margin-top:0px;overflow:hidden;}
.slider_frame{
	background:transparent url(../images/slider_frame.png) no-repeat scroll 0 0;
	cursor:pointer;
	height:340px;
	position:absolute;
	top:0;
	right:0;
	width:600px;
	}
.slider_content{
	display:none;
	left:0;
	padding-left:30px;
	padding-top:30px;
	position:absolute;
	top:0;
	width:300px;
	z-index:10;
	}
.slider_full .slider_content{width:330px;padding-left:0px;}

/* slider staged */
#home_feature .background {background:url(../_images/full.jpg) center top no-repeat;}
#home_feature.staged .background{height:700px;background:transparent url(../images/_stage.jpg) center top no-repeat;}
#home_feature #slider_img .slider_cropped{height:700px;margin-top:20px;overflow:hidden;}
#home_feature #slider_content .slider_cropped{margin:40px 30px;overflow:hidden;}
#home_feature .slider_full h2, #home_feature .slider_full{color:#888888;}

/* slider cu3er */
#home_feature.cu3er .background{height:700px;background:transparent url(../images/cu3er.jpg)}
#home_feature.cu3er #cu3er-container{
	display:block;
	overflow:hidden;
	position:absolute;
	right:0;
	width:1140px;
	height:700px;
	top:250px;}

#slider_img img{right:0;bottom:0;}
#loading_slider{
	background:transparent url(../images/slider_loader.gif) no-repeat scroll center top; 
	height:64px;
	position:absolute;
	text-align:center;
	top:170px;
	width:1140px !important;
	z-index:20;}

/* ------- 2. Portfolio ------- */

.loading_gallery {
	background:transparent url(../images/ajax-loader.gif) no-repeat scroll center center;
	height:32px;
	left:129px;
	position:absolute;
	top:73px;
	width:32px;}
h2.portfolio{margin-top:45px;}
h3.portfolio{/*margin-bottom:15px;margin-top:0;*/text-align:center;}
p.portfolio{margin-bottom:15px;}

.portfolio_single_pic{
	background:transparent url(../images/portfolio_post_frame.gif) no-repeat scroll -1px -10px;
	display:block;
	height:600px;
	position:relative;
	width:1140px;}
.portfolio_single_pic img{
	background:#F5F5F5 none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	height:516px;
	left:2px;
	padding:4px;
	position:absolute;
	top:22px;
	width:945px;}

/* ------- 3. Portfolio Gallery View ------- */

.loading_gallery_post {
	background: transparent url(../images/ajax-loader.gif) no-repeat scroll center center;
	height:32px;
	left:450px;
	position:absolute;
	top:267px;
	width:32px;}
.portfolio_img_holder {
	background: transparent url(../images/portfolio_gallery_frame.gif) no-repeat scroll 0 -5px;
	display:block;
	height:180px;
	position:relative;
	width:288px;}
.portfolio_img_holder img {
	background: #F5F5F5 none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	height:151px;
	left:1px;
	padding:4px;
	position:absolute;
	top:9px;
	width:276px;}
.rollover {
	background: transparent url(../images/zoom_small.png) no-repeat 0 0;
	display:none;
	height:151px;
	left:6px;
	position:absolute;
	top:14px;
	width:276px;}
.rollover_play {
	background: transparent url(../images/play_small.png) no-repeat 0 0;
	display:none;
	height:151px;
	left:6px;
	position:absolute;
	top:14px;
	width:276px;}

/* ------- 4. Portfolio Full View ------- */

.loading_gallery_full {
	background: transparent url(../images/ajax-loader.gif) no-repeat scroll center center;
	height:32px;
	left:215px;
	position:absolute;
	top:124px;
	width:32px;}
.full_portfolio_frame{
	background: transparent url(../images/portfolio_full_frame.gif) no-repeat scroll -14px -14px;
	height:300px;
	margin-top:35px;
	width:472px;
	position:relative;}
.full_portfolio_frame img{
	background: #F5F5F5 none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	height:246px;
	left:1px;
	padding:4px;
	position:absolute;
	top:8px;
	width:447px;}
.full_portfolio_frame .rollover {
	background: transparent url(../images/zoom_large.png) no-repeat scroll 0 0;
	height:246px;
	left:6px;
	top:13px;
	width:447px;}
.full_portfolio_frame .rollover_play {
	background: transparent url(../images/play_large.png) no-repeat scroll 0 0;
	height:246px;
	left:6px;
	top:13px;
	width:447px;}
	
.blog_frame .rollover {
	background: transparent url(../images/zoom_blog.png) no-repeat scroll 0 0;
	height:234px;
	top:30px;
	width:612px;}
.blog_frame .rollover_play {
	background: transparent url(../images/play_blog.png) no-repeat scroll 0 0;
	height:234px;
	top:30px;
	width:612px;}
	
	
/* ------- 5. Contact Forms ------- */


#contact_form .loadingImg { background:transparent url(../images/loader-contact.gif) no-repeat scroll 0 0; height:32px; width:32px; display:none; }
#contactFormWidget .loadingImgWidgetFt { background:transparent url(../images/loader_widget_ft.gif) no-repeat scroll 0 0; height:32px; width:32px; display:none; margin:10px 0 0; }
#contactFormWidget .loadingImgWidgetSb { background:transparent url(../images/loader_widget_sb.gif) no-repeat scroll 0 0; height:32px; width:32px; display:none; margin:10px 0 0; }
#footer form#contactFormWidget{background:transparent url(../images/footer_form2.png) no-repeat scroll -1px 0px;}
#footer input#emailWidget, #footer input#contactNameWidget, #footer input#phoneWidget, #footer textarea#commentsTextWidget, #footer .button{background:none transparent;border:0px transparent;}
.webtreats_contact_form_widget h3{margin-bottom:8px;}
#footer .webtreats_contact_form_widget p{margin-bottom:0;}
#secondary .webtreats_contact_form_widget p{margin-bottom:8px;}
#footer .button{background:transparent url(../images/footer_button.png) no-repeat scroll -2px 0;height:42px;width:97px;}
#footer input#emailWidget, #footer input#contactNameWidget, #footer input#phoneWidget{height:24px;padding:5px 8px;width:178px;}
textarea#commentsTextWidget {padding-left:8px;height:107px;overflow:hidden;width:95%;}
.webtreats_contact_form_widget label{vertical-align:top;}
#footer #contactFormWidget .inputError {background:transparent url(../images/error.png) no-repeat scroll right -1px;}
.inputError ,input[type="text"].inputError {border:1px solid #888;}
.screenReader { left: -9999px; position: absolute; top: -9999px; }
#footer p.thanks {background:#010101;padding:15px;margin-bottom:0;border:1px solid #333;}



/* ________________________________________________________________________________________________________________
	                                              04. BLOG STYLES
   ________________________________________________________________________________________________________________ */


/* ------- 1. Blog Index & Post ------- */

.blog_header, .blog_header a:link, .blog_header a:visited{
	color:#333333;
	margin-bottom:0;
	padding-bottom:8px;}
.blog_module{
	clear:both;
	display:block;
	margin-bottom:40px;
	overflow:hidden;}
.loading_blog {
	background:transparent url(../images/ajax-loader.gif) no-repeat scroll center center;
	height:143px;
	left:285px;
	position:absolute;
	top:73px;
	width:32px;}
.blog_frame{
	background: transparent url(../images/blog_thumb.png) no-repeat scroll 0 0;
	height:290px;
	margin-top:-20px;
	position:relative;
	width:624px;}
.blog_frame img{
	background:#F5F5F5 none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	height:234px;
	left:1px;
	padding:4px;
	position:absolute;
	top:25px;
	width:612px;}	
.top_metadata{
	color:#888;
	font-size:10px;
	margin-bottom:20px;
	padding:4px 2px 8px;}
.top_metadata a{
	font-size:10px;
	text-transform:uppercase;
	word-spacing:-1px;}
.bottom_metadata{font-size:10px;margin:20px 0 40px;}
.bottom_metadata strong{text-transform:uppercase;}
.tags{padding-right:20px;}

/* ------- 2. About the Author ------- */

#about_the_author p.padding{padding-left:112px;padding-top:50px;}
#about_the_author{display:block;margin-bottom:10px;}
#about_the_author img{border:1px solid #666;float:left;margin-right:25px;width:80px;}
#about_the_author span.sprite{
	background:transparent url(../images/sprite.png) no-repeat scroll -108px -120px;
	height:40px;
	left:132px;
	position:absolute;
	top:25px;
	width:95px;}

/* ------- 3. Social Media ------- */

#spread_the_word{display:block;margin-bottom:10px;}
#spread_the_word .gradient_box_bottom{padding:4px 25px;}
#spread_the_word .icons{padding-left:105px;height:50px;}
#spread_the_word span.sprite{
	background:transparent url(../images/sprite.png) no-repeat scroll -104px -61px;
	height:38px;
	position:absolute;
	top:10px;
	width:100px;}
#spread_the_word a{display:block;height:100%;width:100%;}
.twitter_icon,.reddit_icon,.digg_icon,.stumbleupon_icon,.delicious_icon,.facebook_icon,.linkedin_icon{background:transparent url(../images/spread_the_word.png) no-repeat scroll 0 0;float:left;clear:none;height:50px;width:50px;}
.delicious_icon {background-position:-10px 0;}
.reddit_icon{background-position:-75px 0;}
.digg_icon{background-position:-251px 0}
.stumbleupon_icon{background-position:-372px 0;}
.twitter_icon{background-position:-128px 0;}
.facebook_icon{background-position:-310px 0;}
.linkedin_icon{background-position:-192px 0;}

/* ------- 4. Popular and Related Posts ------- */

#popular_related_posts{margin-top:50px;}
#popular_related_posts .one_half,#popular_related_posts .one_half ul.thumbnail_list{margin-bottom:0;}

/* ------- 5. Threaded Comments ------- */

#comments{margin-top:50px;}
#comments .date{
	padding-left:2px;
	color:#BBBBBB;
	font-size:9px;
	line-height:15px;
	text-transform:uppercase;}
.comment-text{
	color:#888888;
	left:25px;
	margin:10px 0;
	min-height:90px;
	overflow:hidden;
	padding-right:40px;
	padding-top:8px;
	position:relative;
	text-shadow:1px 1px 1px #FFFFFF;}
.comment-author{
	float:left;
	overflow:hidden;
	width:90px;}
h4#comments {clear: both;margin: 45px 0 5px 0;font-size:20px;}
.commentlist cite {
	display:inline-block;
	font-style:normal;
	line-height:16px;
	padding-left:2px;
	padding-top:5px;
	text-transform:capitalize;}
.commentlist cite , .commentlist cite a:link, .commentlist cite a:visited {color: #666;}
.commentmetadata ,.commentlist .reply {
	float:left;
	font-size:10px;
	margin-right:5px;
	text-transform:lowercase;}
.commentlist {margin: 0 0 20px 0;}
.commentlist li {
	background: url(../images/comment_bubble.gif) 0px 15px no-repeat;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:20px 0;
	overflow:hidden;
	clear:both;}
.commentlist li ul li { margin-left: 20px;}
.cancel-comment-reply a{color:#bbb;font-size:9px;padding-left:2px;text-transform:uppercase;line-height:15px;}
.comms-navigation, .navigation {clear: both;display: block;margin-bottom:0px;overflow: hidden;}
.children {padding: 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}

#commentform{padding-top:20px;}
#respond{clear:both;padding-top:20px;}
#respond h3{margin-bottom:0px;}
.date{color:#aaa;font-size:10px;text-transform:uppercase;line-height:15px;}

.awaiting_moderation{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #EEEEEE;
	display:inline-block;
	font-size:10px;
	margin-bottom:10px;
	padding:0 10px;}
.logged{margin-bottom:5px;}


/* ________________________________________________________________________________________________________________
                                                  05. WIDGETS 
   ________________________________________________________________________________________________________________ */


.widget ul{margin-bottom:0;}
.widget{padding:0 0 40px 0;overflow:hidden;}	
.textwidget{clear:both;}


/* ------- 1. Search Box ------- */

#body_block .search-box{
	background:transparent url(../images/searchbar.png) no-repeat scroll left top;
	height:30px;
	margin-top:5px;
	overflow:hidden;
	width:288px;}
#body_block input.search-field{ 
	background:transparent none repeat scroll 0 0;
	border:0 none;
	float:left;
	height:25px;
	margin:0;
	padding:7px 0 0 14px;
	width:232px;
	color:#666;}
#body_block input.search-field:focus{ background:transparent url(../images/searchbar.png) no-repeat scroll left -30px;}
#body_block input.search-go {
	background:transparent url(../images/searchbar.png) no-repeat scroll right 0;
	border:0 none;
	cursor:pointer;
	float:left;
	height:30px;
	margin:0;
	padding:0;
	width:42px;}
#body_block input.search-go:hover{background-position:right -30px;}


/* ------- 2. Twitter Widget ------- */

#twitter-widget{position:relative;overflow:visible;}
#secondary #twitter-widget.webtreats_twitter_widget ul li a{
	background:transparent url(../images/mini_icons.png) no-repeat scroll -140px -116px;
	padding-left:26px;}
#secondary .twitter_bird{
	background:transparent url(../images/sprite.png) no-repeat scroll right -1px;
	height:54px;
	position:absolute;
	right:0;
	top:2px;
	width:54px;}

/* ------- 3. Flickr Widget ------- */

#flickr h3 span {color: #0061D8;}
#flickr h3 span span {color: #FF1183;}
#flickr .wrap {
	margin-left: -11px;
	width:300px;
	padding: 0;
	position: relative;}
#flickr a{border:1px solid #eee;display:inline-block;}
#flickr a img {border:1px solid #fff;padding:4px;width:75px;height:75px;}
div.flickr_badge_image {
	padding: 0;	
	display:block;
	float:left;
	margin-bottom:12px;
	margin-left:12px;
	background:#f5f5f5 none repeat scroll 0 0;
	width:87px;
	height:87px;}
	
/* ------- 4. Tag Cloud ------- */

.widget_tag_cloud a{padding:4px;}
#body_block .widget_tag_cloud a:hover,#body_block .widget_tag_cloud a:active{text-shadow:1px 1px 1px #fff;}
	
/* ------- 5. Custom Post Lists ------- */

.thumbnail_list li{padding-bottom:5px;position:relative;}
.thumbnail_title{display:inline-block;font-size:15px;padding-top:10px;width:194px;}
ul.thumbnail_list .alignleft{margin-bottom:3px;margin-top:5px;}

/* ------- 6. Calendar ------- */     

.widget_calendar tfoot td{background-image:none;}
td#today{font-weight:bold;}
#secondary .widget_calendar td a{text-decoration:underline;}


/* -------  Contact Us Widget ------- */
#body_block .contact_widget_name,
#body_block .contact_widget_address,
#body_block .contact_widget_city,
#body_block .contact_widget_phone,
#body_block .contact_widget_email{padding-left:26px;}
.contact_widget_name{background:transparent url(../images/mini_icons.png) no-repeat scroll -180px -84px;}
.contact_widget_phone{background:transparent url(../images/mini_icons.png) no-repeat scroll -140px -124px;}
.contact_widget_email{background:transparent url(../images/mini_icons.png) no-repeat scroll -100px -161px;}
.contact_widget_email a{text-decoration:underline;}
#footer .contact_widget_name,
#footer .contact_widget_phone,
#footer .contact_widget_email{background-image:none;}

/* ------- 8. Recent Comments ------- */

#secondary .widget_recent_comments ul li.recentcomments span{
	background:transparent url(../images/mini_icons.png) no-repeat scroll -140px -122px;
	padding-left:26px !important;}
#secondary .widget_recent_comments ul li.recentcomments {padding:4px 0 8px;}	

/* ------- 9. Categories, Archives, Etc. ------- */

#footer div.widget li{padding:5px 0;}	
.webtreats_twitter_widget h3, 
.webtreats_recent_widget h3, 
.webtreats_popular_widget h3, 
.link_list h3, 
.widget_recent_comments h3{margin-bottom:0;}
#secondary .webtreats_twitter_widget ul li a, 
#secondary .link_list ul li a{
	background:transparent url(../images/mini_icons.png) no-repeat scroll -265px 2px;
	display:block;
	padding:4px 0 8px 20px;
	text-shadow:1px 1px 1px #FFFFFF;}	

#secondary .link_list ul ul{margin-left:20px;}

/* ------- 10. RSS Widget ------- */

.rss-date{color:#aaa;font-size:10px;text-transform:uppercase;letter-spacing:1px;display:block;}
.widget_rss ul li {padding:4px 0 8px;}
.widget_rss h3{margin-bottom:0;}	
.widget_rss ul li a {display:block;}



/* ________________________________________________________________________________________________________________
                                                  06. MENU 
   ________________________________________________________________________________________________________________ */


#main_navigation{top:4px; /*position:absolute;right:0;text-transform:uppercase;*/font-size:12px;height:40px; /*width:570px;*/padding-left:285px;}
.jqueryslidemenu{position:relative;z-index:22;}
.jqueryslidemenu ul{margin: 0;padding: 0;list-style-type: none;}
.jqueryslidemenu ul li{position: relative;display: inline;float: left; margin-right:30px;}
.jqueryslidemenu ul li a, .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{color:#999;}

.jqueryslidemenu ul li a{
	display: block;
	padding: 10px 10px; 
	text-decoration: none;
	height:40px;
	line-height:40px;
	overflow:hidden;
	padding:0 12px;}
* html .jqueryslidemenu ul li a{ display: inline-block;}
.jqueryslidemenu ul li ul{position: absolute;left: 0px;display: block;visibility: hidden;}

.jqueryslidemenu ul li ul li{display: list-item;float: none;}
.jqueryslidemenu ul li ul li ul{top:0px;}
.jqueryslidemenu ul li ul li a{width: 160px;padding: 6px 13px;margin: 0;}

.jqueryslidemenu ul ul{
	background:transparent url(../images/drop.png) no-repeat scroll -1px 0;
	padding-top:14px;
	top:30px;
	padding-bottom:2px;}
.jqueryslidemenu ul ul.menu_flip{	
	background:transparent url(../images/dropR.png) no-repeat scroll -1px 0;}
.jqueryslidemenu ul ul ul, .jqueryslidemenu ul ul.menu_flip ul{
	background:transparent url(../images/drop_sub.png) no-repeat scroll 0px -2px;
	margin-left:-4px;
	margin-top:-2px;
	padding-top:2px;}
.jqueryslidemenu ul ul li a, .jqueryslidemenu ul ul li a:link, .jqueryslidemenu ul ul li a:visited {height:100%;line-height:20px;}
.jqueryslidemenuz ul li ul li a:hover, .jqueryslidemenu ul ul li a:hover{margin:0 4px;padding:6px 9px;background:#222;color:#eee;}
.jqueryslidemenuz ul ul li ul li a:hover, .jqueryslidemenu ul ul ul li a:hover{margin:0 1px;padding:6px 12px;width:155px;}




/* ________________________________________________________________________________________________________________
	                                              07. EXTRAS 
   ________________________________________________________________________________________________________________ */


/* ------- 1. Dropcaps ------- */

.dropcap1{
	background:transparent url(../images/sprite.png) no-repeat scroll -1px -1px;
	color:#EEEEEE;
	float:left;
	font-size:30px;
	height:40px;
	line-height:30px;
	margin-bottom:-5px;
	margin-right:10px;
	padding-left:1px;
	padding-top:5px;
	text-align:center;
	width:40px;}
.dropcap2{
	color:#333333;
	display:block;
	float:left;
	font-size:40px;
	line-height:40px;
	margin:0 8px 0 0;}

/* ------- 2. Pullquotes ------- */

.pullquote_right,.pullquote_left{
	background:transparent url(../images/stripes.png) repeat-y scroll 0 0;
	color:#444444;
	float:right;
	font-size:14px;
	letter-spacing:0px;
	line-height:25px;
	margin-bottom:20px;
	margin-left:20px;
	margin-top:20px;
	padding:0 0 0 20px;
	width:33%;}
.pullquote_left{
	float:left;
	margin-left:0px;
	margin-right:20px;}

/* ------- 3. Highlight Styles ------- */

.highlight1{padding:1px 4px;background-color:yellow;color:#111;}	
.highlight2{padding:1px 4px;background-color:#111;color:#eee;}	

/* ------- 4. Unordered Lists ------- */

ul.arrow_list li{
	background:transparent url(../images/mini_icons.png) no-repeat scroll -262px -1px;
	padding-left:20px;}
ul.check_list li{
	background:transparent url(../images/mini_icons.png) no-repeat scroll -222px -41px;
	padding-left:20px;}

/* ------- 5. Toggle Content ------- */

h3.toggle {
	background:transparent url(../images/mini_icons.png) no-repeat scroll -60px -198px;
	font-size:18px;
	margin-top:20px;
	padding:0 0 0 30px;}
h3.toggle a {
	color: #888;
	padding-top:5px;
	text-decoration: none;
	display: block;}
h3.toggle a:hover {color:#666;}
h3.active {background:transparent url(../images/mini_icons.png) no-repeat scroll -19px -237px;}
h3.active a:link {color:#666;}
.toggle_content {
	background:#F5F5F5;
	border:1px solid #f3f3f3;
	clear:both;
	margin:0 0 20px 30px;
	overflow:hidden;}

.toggle-div {font-size:14px;}	
.toggle_content .block {padding:30px;}

a.toggle-link
{
	background:transparent url(../images/mini_icons.png) no-repeat scroll -60px -198px;
	font-size:16px;
	margin-top:20px;
	padding:4px 0 0 30px;
	text-decoration:none;	
}

div.content2
{
	padding:10px 0px 10px 30px;
}

/* ------- 6. Buttons ------- */

/* simple buttons */
.button{
	background:transparent url(../images/buttons.gif) no-repeat scroll center -34px;
	border:0px solid #131313;
	color:#EEEEEE;
	height:30px;
	line-height:16px;
	letter-spacing:1px;
	padding:5px 12px;
	text-transform:uppercase;
	overflow: visible;}
.slider_content a.button{
	background:transparent url(../images/buttons.gif) no-repeat scroll center -34px;
	border:1px solid #131313;
	color:#EEEEEE;
	height:30px;
	line-height:30px;
	letter-spacing:1px;
	padding:5px 12px;
	text-transform:uppercase;
	overflow: visible;}
.slider_content a.button:hover,.button:hover{background:transparent url(../images/buttons.gif) repeat-x scroll center -2px;cursor:pointer;}

/* span buttons */
a.button_link {
    background:#111 url(../images/buttons.gif) no-repeat scroll right -34px;
    color:#eee;
    display:inline-block;
    font-size:11px;
    height:30px;
    margin-right:5px;
    margin-top:0px;
    padding-right:17px;
    text-transform:uppercase;}
a.button_link span {
	background:transparent url(../images/buttons.gif) no-repeat scroll -2px -34px;
	display:block;
	line-height:10px;
	padding:9px 0 11px 15px;}
a.button_link:hover {background-position: right -2px;color:#ccc;}
a.button_link:hover span {background-position:-2px -2px;}

/* ------- 7. Box Styles ------- */

.gradient_box_middle{background:transparent url(../images/gradient_box_middle.gif) repeat-y scroll 0 0;width:100%;}
.gradient_box_bottom{background:transparent url(../images/gradient_box_bottom.gif) no-repeat scroll 0 bottom; padding:26px;position:relative;}
.gradient_box_top{background:transparent url(../images/gradient_box_top.gif) no-repeat scroll 0 top;}

.fancy_box,.download_box,.warning_box,.info_box,.note_box{clear:both;padding:20px;margin: 20px 0px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.download_box,.warning_box,.info_box,.note_box{padding-left:55px;background:#eee;padding-bottom:25px;
padding-top:20px;}
.fancy_box{
	background:#F9F9F9 url(../images/form-gradient.gif) repeat-x scroll 0 -7px;
	border:1px solid #E0E0E0;}
.info_box{
	background:#bfe4f9 url(../images/icons/info.png) no-repeat scroll 10px 14px;
	border:1px solid #68a2cf;
	color:#2e6093;}
.warning_box{
	background:#ffcccc url(../images/icons/stop.png) no-repeat scroll 10px 15px;
	border:1px solid #ff9999;
	color:#c31b00;}
.download_box{
	background:#dee3ab url(../images/icons/down_alt.png) no-repeat scroll 10px 15px;
	border:1px solid #a3c159;
	color:#5e6f33;}
.note_box{
	background:#fdebae url(../images/icons/notebook.png) no-repeat scroll 10px 15px;
	border:1px solid #e6c555;
	color:#9e660d;}


/* ------- 8. Pagination ------- */

.pagination{clear:both;padding-top:10px;height:40px;text-align:right;background:url(../images/line.gif) repeat-x scroll center top;}
.pagination a, .pagination a:link,.pagination a:visited,.pagination a:active,.pagination span.pages,.pagination span.current,.pagination span.extend {
	border:1px solid transparent;
	color:#AAAAAA;
	font-size:10px;
	margin:1px;
	padding:4px 5px;
	text-shadow:1px 1px 0 #FFFFFF;}
.pagination a:hover {	
	background:#eee;
	background:#F9F9F9 url(../images/form-gradient.gif) repeat-x scroll -1px -2px;
	border-color:#D9D9D9 #EAEAEA #FFFFFF;
	border-style:solid;
	border-width:1px;}
.pagination span.current {
	background:#111111 url(../images/buttons.gif) no-repeat scroll center -35px;
	border:1px solid #222;
	border-bottom:0;
	color:#EEEEEE;
	font-weight:bold;
	height:29px;
	text-shadow:none;}

	/* ========= GALLERY STYLES ========= */

/* --- Galleria styles --- */
#gallery_galleria 
{height: 620px;
width: 700px;
margin: -20px 0 15px -10px;
}
/* --- Galleria styles end here --- */


/* --- Slideviewer styles --- */

/*preload classes*/ 
#gallery_slideviewer
{width: 600px;
height: 500px;
overflow: hidden;
}

.svw {width: 50px; height: 20px; background: #fff; }

.svw ul {position: relative; left: -999em; } 

/*core classes*/ 
.stripViewer 
{position: relative; overflow: hidden; border: 5px solid #262626; margin: 0 0 1px 0; } 

.stripViewer ul { /* this is your UL of images */ 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 {padding: 0 0 25px 0;}

.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: #262626; color: #fff; text-decoration: none; display: block; } 

.stripTransmitter a:hover, a.current{ background: #fff; color: #262626; } /*tooltips formatting*/ 

.tooltip { padding: 0.5em; background: #fff; color: #000; border: 5px solid #dedede; } 



/* --- prettyphoto / fancybox / colorbox gallery styles --- */

.gallery
{margin: 20px 0 0 0;
}

.gallery ul li a img
{border: none;
}

.gallery ul li
{position: relative;
z-index: 1;
}


.gallery_2columns 
{list-style: none;
margin: 0 0 0 -20px;
width: 700px;}

.gallery_2columns li
{display: inline;
float: left;
width: 330px;
height: 220px;
margin: 0 0 20px 20px;
position: relative;}

.gallery_3columns 
{list-style: none;
margin: 0 0 15px -10px;
width: 690px;
overflow: hidden;}

.gallery_3columns li
{display: inline;
float: left;
width: 220px;
height: 140px;
margin: 0 0 10px 10px;
position: relative;}


.gallery_4columns 
{list-style: none;
margin: 0 0 12px -13px;
width: 700px;
overflow: hidden;} 

.gallery_4columns li
{display: inline;
float: left;
width: 160px;
height: 110px;
margin: 0 0 13px 13px;
position: relative;}


.gallery_grid
{list-style: none;
margin: 0 0 22px -3px;
width: 710px;
overflow: hidden;} 

.gallery_grid li
{display: inline;
float: left;
width: 112px;
height: 112px;
margin: 0 0 2px 2px;
position: relative;}

.gallery a span
{
z-index: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
cursor: pointer;
}

.gallery .gallery_2columns a span.image_hover
{background: black url(../images/gallery_hover/hover_image_big.png) no-repeat center center;
}

.gallery .gallery_2columns a span.video_hover
{background: black url(../images/gallery_hover/hover_video_big.png) no-repeat center center;
}

.gallery .gallery_3columns a span.image_hover
{background: black url(../images/gallery_hover/hover_image_medium.png) no-repeat center center;
}

.gallery .gallery_3columns a span.video_hover
{background: black url(../images/gallery_hover/hover_video_medium.png) no-repeat center center;
}

.gallery .gallery_4columns a span.image_hover
{background: black url(../images/gallery_hover/hover_image_small.png) no-repeat center center;
}

.gallery .gallery_4columns a span.video_hover
{background: black url(../images/gallery_hover/hover_video_small.png) no-repeat center center;
}

.gallery .gallery_grid a span.image_hover
{background: black url(../images/gallery_hover/hover_image_grid.png) no-repeat center center;
}

.gallery .gallery_grid a span.video_hover
{background: black url(../images/gallery_hover/hover_video_grid.png) no-repeat center center;
}
/*  ========= GALLERY STYLES END HERE  ========= */