/* CSS Reset 
/*-----------------------------------------------------------------------------------*/

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

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/* General Setup
/*-----------------------------------------------------------------------------------*/
body{font-family:Arial, Helvetica, sans-serif;padding:0;font-size:12px;margin:0 auto;color:#000000;background:url(images/bg.gif) repeat #f4f4f4;}
.clear{clear:both;}
p{padding:10px 0 10px 0;margin:0px;text-align:left;line-height:20px;}

a{color:#d34699; text-decoration:none;}
a img{border:none;}
a:hover{ text-decoration:none;}
a.more{ display:block;background:url(images/bullet.gif) no-repeat left; padding:0 0 0 20px; margin:15px 0 0 0;}
a.details{ display:block;background:url(images/bullet.gif) no-repeat left; padding:0 0 0 15px; margin:5px 0 0 0;}

h1{line-height:25px;font-weight: normal;color: #252525;font-size:26px;margin:0;padding:0 0 35px 0;font-family: 'Abel', sans-serif;}
h2.page_title{line-height:25px;font-weight: normal;color: #252525;font-size:21px;margin:0;padding:0 0 35px 0;font-family: 'Abel', sans-serif;}
h3{font-weight: normal;color: #252525;font-size:22px;margin:0;padding:0 0 15px 0;font-family: 'Abel', sans-serif;}
h4{font-weight: normal;color: #252525;font-size:18px;margin:0;padding:0 0 15px 0;font-family: 'Abel', sans-serif;}
h5{font-weight: normal;color: #252525;font-size:16px;margin:0;padding:0 0 15px 0;font-family: 'Abel', sans-serif;}
h6{font-weight: normal;color: #252525;font-size:14px;margin:0;padding:0 0 15px 0;font-family: 'Abel', sans-serif;}

/* Buttons Styling
/*-----------------------------------------------------------------------------------*/
.buttons{padding:0 0 25px 0;}
a.button{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-family:arial;font-size:12px;font-weight: bold;padding:8px 15px 8px 15px;text-align: center;cursor:pointer; margin:0 10px 0 0;}
.gray{color:#000;
background: #e5e5e5;background: -moz-linear-gradient(top, #f4f4f4 0%, #e5e5e5 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#e5e5e5));
border: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;
-moz-box-shadow: inset 0 1px 0 0 #fff;-webkit-box-shadow: inset 0 1px 0 0 #fff;box-shadow: inset 0 1px 0 0 #fff;
text-shadow: 0 -1px 0 #fff;
}
.black{color:#fff;
background: #121212;background: -moz-linear-gradient(top, #696969 0%, #121212 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#696969), to(#121212));
border: 1px solid #000;border-bottom: 1px solid #000;
-moz-box-shadow: inset 0 1px 0 0 #7e7e7e;-webkit-box-shadow: inset 0 1px 0 0 #7e7e7e;box-shadow: inset 0 1px 0 0 #7e7e7e;
text-shadow: 0 -1px 0 #000;
}
.blue{color:#fff;
background: #7fbf4d;background: -moz-linear-gradient(top, #25c1f4 0%, #054192 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#25c1f4), to(#054192));
border: 1px solid #4487e2;border-bottom: 1px solid #054192;
-moz-box-shadow: inset 0 1px 0 0 #8abcff;-webkit-box-shadow: inset 0 1px 0 0 #8abcff;box-shadow: inset 0 1px 0 0 #8abcff;
text-shadow: 0 -1px 0 #054192;
}
.red{color:#fff;
background: #861000;background: -moz-linear-gradient(top, #e85959 0%, #861000 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e85959), to(#861000));
border: 1px solid #a92514;border-bottom: 1px solid #861000;
-moz-box-shadow: inset 0 1px 0 0 #f5715f;-webkit-box-shadow: inset 0 1px 0 0 #f5715f;box-shadow: inset 0 1px 0 0 #f5715f;
text-shadow: 0 -1px 0 #e75a47;
}
.green{color:#fff;
background: #7fbf4d;background: -moz-linear-gradient(top, #7fbf4d 0%, #488716 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7fbf4d), to(#488716));
border: 1px solid #63a62f;border-bottom: 1px solid #5b992b;
-moz-box-shadow: inset 0 1px 0 0 #96ca6d;-webkit-box-shadow: inset 0 1px 0 0 #96ca6d;box-shadow: inset 0 1px 0 0 #96ca6d;
text-shadow: 0 -1px 0 #4c9021;
}
.yellow{color:#855a16;
background: #7fbf4d;background: -moz-linear-gradient(top, #efe457 0%, #ffa145 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efe457), to(#ffa145));
border: 1px solid #eec37e;border-bottom: 1px solid #ffa145;
-moz-box-shadow: inset 0 1px 0 0 #fff9ac;-webkit-box-shadow: inset 0 1px 0 0 #fff9ac;box-shadow: inset 0 1px 0 0 #fff9ac;
text-shadow: 0 -1px 0 #fff;
}

/* Main Content Structure
/*-----------------------------------------------------------------------------------*/
#main_container{margin:0 auto;width:960px;padding:0; position:relative;}
.center_content{width:960px;height:auto;margin:auto;clear:both;padding:0;}
.left_content{ width:620px; float:left;}
.left_content img{ margin:0 0 10px 0;}
.half_section{ width:450px; padding:30px 0 0 0;}
.third_section{ width:290px; padding:30px 0 0 0;}
.fourth_section{ width:210px; padding:30px 0 0 0;}
.fifth_section{ width:162px; padding:30px 0 0 0;}
.right_content{width:620px; float:right;}
.right{ float:right;}
.left{ float:left;}
.center{ float:left; margin:0 0 0 40px;}

/* Header Structure
/*-----------------------------------------------------------------------------------*/
#header{width:960px; height:245px;}
.logo{float:left;margin:25px 0 0 0px; width:200px; text-align:center;}

/* Menu Structure
/*-----------------------------------------------------------------------------------*/
ul.menu {list-style:none; margin:105px 0 0 0; float:left; width:360px; background:url(images/menu_border.gif) repeat-x bottom;}
ul.menu * {margin:0; padding:0;}
ul#menul {padding:0 20px 0 0;}
ul#menur {padding:0 0 0 20px;}
ul#menul li {position:relative; float:right; padding:0 20px 0 20px; height:35px;}
ul#menur li {position:relative; float:left; padding:0 20px 0 20px; height:35px;}
ul.menu li a{font-family: 'Abel', sans-serif; color:#252525; font-size:16px;}
ul.menu li a:hover{color:#d34699;}

ul.menu ul {position:absolute; top:35px; left:0; background:#fff; display:none; opacity:0; list-style:none;}
ul#menul ul li {padding:0 0px 0 0px;}
ul#menur ul li {padding:0 0px 0 0px;}
ul.menu ul li {position:relative; width:140px; margin:0; padding:0px;}
ul.menu ul li a {display:block; padding:10px 20px 10px 20px;}
ul.menu ul li a:hover {background-color:#f0f0f0;}
ul.menu ul ul {left:140px; top:-1px}

/* Home slider
/*-----------------------------------------------------------------------------------*/
#slider{width:960px;margin:0 0 50px 0;position: relative;}
.scroll{overflow: hidden;width:960px;margin: 0 auto;position: relative;}
.scrollContainer{position: relative;}
.scrollContainer div.panel{padding:0px 40px 0 0;width:220px;height:410px;position:relative;}
.inside{padding:0px;}
.inside img{display: block;margin: 0 0 0 0;width:220px;}
.inside h2{height:70px;line-height:25px;font-weight: normal;color: #252525;font-size:19px;margin:0;padding:0;font-family: 'Abel', sans-serif;}
.inside h2 a{color: #252525; text-decoration:none;}
.inside p{font-size: 12px;color: #312f30;padding:10px 0 0 0;}
.panel .date{ background:url(images/date_small.png) no-repeat center; width:34px; height:30px; text-align:center; font-weight:bold; padding:4px 0 0 0; font-size:11px; color:#fff; position:absolute; bottom:35px; left:0px;}
.panel .datebig, #datebig{ background:url(images/date_big.png) no-repeat center; width:70px; height:58px; text-align:center; padding:12px 0 0 0;font-family: 'Abel', sans-serif;font-size:28px; color:#fff; position:absolute; top:77px; left:7px;}
.panel .datebig span, #datebig span{ font-size:19px;}
.panel .commentsnr, #commentsnr{ background:url(images/comments.png) no-repeat center; width:34px; height:34px;  position:absolute; bottom:35px; left:40px;}
.panel .commentsnrbig, #commentsnrbig{ background:url(images/comments.png) no-repeat center; width:34px; height:34px;  position:absolute; bottom:40px; left:8px;}
.panel .share{ background:url(images/share.png) no-repeat center; width:34px; height:34px;  position:absolute; bottom:35px; left:80px;}
.panel .sharebig, #sharebig{ background:url(images/share.png) no-repeat center; width:34px; height:34px;  position:absolute; bottom:40px; left:50px;}
.scrollButtons{position: absolute;top:190px;cursor: pointer;}
.scrollButtons.left{left: -40px;}
.scrollButtons.right{right: -40px;}
.hide{display: none;}

.panel h3{font-family: 'Abel', sans-serif;  font-size:14px; font-style:italic; font-weight:normal; padding:10px 0 0 0;}
.panel h3 a{ color:#d34699; border-bottom:1px #d34699 dotted; padding:0 2px 0 2px;}
.panel h3 a:hover{ background-color:#d34699; color:#FFFFFF;}

a.post_more{ width:27px; height:27px; background:url(images/more.png) no-repeat center; position:absolute; top:197px; right:40px;}
a.post_morebig{ width:27px; height:27px; background:url(images/more.png) no-repeat center; position:absolute; bottom:32px; right:40px;}


.share_icon { display:block; cursor:pointer;width:34px; height:34px; }

/* Home Twitter Widget
/*-----------------------------------------------------------------------------------*/
.twitter_widget{width:960px; height:103px; background:url(images/twitter_widget_bg.jpg) no-repeat center; clear:both;}
.tweets{ width:450px; padding:20px 0 0 20px; line-height:22px;font-family: 'Abel', sans-serif;  font-size:15px; font-style:italic; }

.home_tab{ width:960px; padding:80px 0 0 0; float:left; clear:both;}
.home_tab_right{ width:768px; float:right; background:url(images/dotted_bg.jpg) repeat-y left; padding:0 0 0 10px;}
.home_tab_right p{ padding:0px 0 0 27px;} 
 
.left_title{ width:182px; float:left;}
.left_title h3{ font-weight: normal;color: #252525;font-size:21px;margin:0;padding:0;font-family: 'Abel', sans-serif;}
.left_title span{ color:#d34699;font-family: 'Abel', sans-serif;  font-size:13px;padding:10px 20px 0 0; display:block; line-height:13px;}

.portfolio_works_section{width:165px;height:115px; float:left; margin:0px 0 5px 0; position:relative;}
.home_works_section{ width:165px;height:115px; float:left; margin:0 0 0 27px; position:relative;}
span.thumb_zoom{width:165px;height:115px;position:absolute;color: #fff;top:0;left:0;background:url(images/thumb_hover.png) no-repeat center;
opacity:1;filter: alpha(opacity = 1); margin:0px; padding:0px; display:block;}

/* Sidebar Structure
/*-----------------------------------------------------------------------------------*/
.sidebar{ width:290px;}
.sidebar p{ clear:both; padding:0px;}
.sidebar ul{ padding:0 0 45px 0; margin:0px; list-style:none; display:block;clear:both; float:left;}
.sidebar ul li{ padding:0 0 10px 0; margin:0px; display:block;}
.sidebar ul li a{ background:url(images/bullet.gif) no-repeat left; display:block; padding:0 0 0 20px;}
.sidebar ul li a:hover{ color:#000000;}
.sidebar h2{line-height:25px;font-weight: normal;color: #252525;font-size:21px;margin:0;padding:0 0 30px 0;font-family: 'Abel', sans-serif; clear:both; float:left;}

.sidebar .flickr_photos ul{ padding:0 0 45px 0; margin:0px; list-style:none; display:block; float:left; clear:both;}
.sidebar .flickr_photos ul li{ padding:4px; margin:0px; display:block; width:70px; float:left; border:1px #DFDFDF solid; background-color:#FFFFFF; margin:0 10px 10px 0;}
.sidebar .flickr_photos ul li a{ background:none; display:block; padding:0;}

/* Pages Styling
/*-----------------------------------------------------------------------------------*/

span.page_subtitle{ color:#d34699;font-family: 'Abel', sans-serif;  font-size:13px;padding:0; line-height:13px; display:block;}

ul.portfolio_items {list-style:none;padding:0 0 0 0;margin:0;overflow:hidden;}
.portfolio_items_full ul.portfolio_items li {float:left;display:inline-block;width:165px;overflow: hidden; margin:0 17px 40px 10px;}
.right_content ul.portfolio_items li {float:left;display:inline-block;width:165px;overflow: hidden; margin:0 25px 40px 15px;}
ul.portfolio_items li img {display:block;}

ul.filter_portfolio {float:left;padding:0 0 45px 0;}
ul.filter_portfolio li {float: left;display: inline;}
ul.filter_portfolio li a {display: block;font-size: 15px; padding: 5px 10px; background-color:#d34699;color: #fff; background-image:none;margin:0 10px 0 0;}
ul.filter_portfolio li.selected a{border: 0;color: #fff;background-color:#AFAFAF; display: block;margin:0 10px 0 0;}
ul.filter_portfolio a:focus {outline: 0;}

.item_work p{ padding:0px;}

.filter_portfolio_full{ width:960px;}
.portfolio_items_full{ width:960px; clear:both;}

.search_bar{padding:0 0 45px 0; margin:0px; clear:both; float:left;}
input.sidebar_input{ width:200px; height:25px; float:left; background-color:#E9E9E9; border:1px #DFDFDF solid;-moz-border-radius:4px; -webkit-border-radius:4px;-khtml-border-radius:4px;}
input.sidebar_submit{float:left; background-color:#d34699; color:#FFFFFF; border:none; cursor:pointer;-moz-border-radius:4px; -webkit-border-radius:4px;-khtml-border-radius:4px; margin:0 0 0 10px; padding:5px 5px 5px 5px;}

.sidebar_testimonial{padding:20px 0 45px 20px; margin:0px; clear:both; float:left; background:url(images/quotes.png) no-repeat top left;}

.icon_service_tab{ float:left; clear:both; padding:0 0 35px 0;}
img.icon_service{ float:left;}
.icon_service_tab_details{ float:left; width:460px; padding:0 0 0 40px;}
.icon_service_tab_details h5{ padding:0 0 8px 0;}
.icon_service_tab_details p{}
/* Blog Styling
/*-----------------------------------------------------------------------------------*/
.post{ float:left; clear:both; margin:0 0 45px 0; width:620px; background:url(images/menu_border.gif) repeat-x bottom; padding:0 0 10px 0;}
.post h2{line-height:28px;font-weight: normal;color: #252525;font-size:21px;margin:0;padding:0 0 30px 0;font-family: 'Abel', sans-serif;}
.post h2 a{color: #252525; text-decoration:none;}

.post_photo{ width:620px; height:200px; position:relative;}
.post_pic{ position:absolute;top:0px; left:0px; z-index:333;}

.post_date{ background:url(images/date_big.png) no-repeat center; width:70px; height:58px; text-align:center; padding:12px 0 0 0;font-family: 'Abel', sans-serif;font-size:28px; color:#fff; position:absolute; top:7px; left:7px;z-index:444;}
.post_date span{ font-size:19px;}
.post_commentsnr{ background:url(images/comments.png) no-repeat center; width:34px; height:34px;  position:absolute; bottom:8px; left:8px;z-index:444;}
.post_share{ background:url(images/share.png) no-repeat center; width:34px; height:34px;  position:absolute; bottom:8px; left:50px;z-index:444;}
a.post_more_blog{ width:27px; height:27px; background:url(images/more.png) no-repeat center; position:absolute; bottom:0px; right:0px;z-index:444;}

.post_cat{font-family: 'Abel', sans-serif;  font-size:14px; font-style:italic; font-weight:normal; padding:10px 0 10px 0;}
.post_cat a{ color:#d34699; border-bottom:1px #d34699 dotted; padding:0 2px 0 2px;}
.post_cat a:hover{ background-color:#d34699; color:#FFFFFF;}

.navigation{clear:both; padding:0px 0 0 0px;}
a.next{float:right; color:#d34699; padding:0 0px 0px 0; display:block; font-family: 'Abel', sans-serif;  font-size:14px;margin:0; border-bottom:1px #be22ad dotted;}
a.prev{float:left; color:#d34699; padding:0 0 0px 0px; display:block;font-family: 'Abel', sans-serif;  font-size:14px; margin:0px;border-bottom:1px #be22ad dotted;}

/* Forms Section
/*-----------------------------------------------------------------------------------*/
.form_content{width:620px;float:left;padding:0px 0px 40px 0px;}
.form_row{width:523px;clear:both;float:left;padding:10px 0 10px 0;}
.form_row label{font-family: 'Abel', sans-serif;  font-size:14px; font-style:italic; font-weight:normal; padding:8px 0 0 0; width:120px; float:left;}
.form_row label.error{font-family: Arial, Helvetica, sans-serif;  font-size:12px; font-style: normal; font-weight:normal; padding:5px 0 0 120px; width:400px; float:left;color:#d34699;}
input.form_input{width:400px; height:25px; float:left; background-color:#E9E9E9; border:1px #DFDFDF solid;-moz-border-radius:4px; -webkit-border-radius:4px;-khtml-border-radius:4px;}
textarea.form_textarea{width:400px; height:125px; float:left; background-color:#E9E9E9; border:1px #DFDFDF solid;-moz-border-radius:4px; -webkit-border-radius:4px;-khtml-border-radius:4px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
input.form_submit{float:right; background-color:#d34699; color:#FFFFFF; border:none; cursor:pointer;-moz-border-radius:4px; -webkit-border-radius:4px;-khtml-border-radius:4px; margin:0 0 0 10px; padding:5px 15px 5px 15px;}
p.message_sent{ padding:0 0 20px 0;}

.contact_info_tab{ width:170px; float:left; padding:10px 35px 10px 0;}
.contact_info_tab h4{ padding:0 0 10px 0;}
/* Subfooter Section
/*-----------------------------------------------------------------------------------*/
.subfooter{ width:960px;background:url(images/menu_border.gif) repeat-x top;clear:both; float:left; margin:70px 0 0 0; padding:40px 0 0 0;}
.section_onefour{ width:200px; float:left; padding:0 30px 0 30px;}
.section_onefour_left{ width:180px; float:left; padding:0 0 0 0;}
.subfooter h4{ padding:0 0 30px 0; font-size:21px;}
.subfooter p{ padding:0 0 10px 0;}
.subfooter p span{ font-style:italic;}
.subfooter p.info{background-color:#d34699; color:#FFFFFF; padding:0 5px 0 5px; float:left; clear:both; margin:0 0 10px 0;}
.subfooter p.info a{color:#FFFFFF;}
.subfooter p.info_map{ background:url(images/pin.png) no-repeat left; float:left; clear:both; padding:0 0 0 22px;}
input.newsletter_input{ width:150px; height:25px; float:left; background-color:#E9E9E9; border:1px #DFDFDF solid;-moz-border-radius:4px; -webkit-border-radius:4px;-khtml-border-radius:4px;}
input.newsletter_submit{float:left; background-color:#d34699; color:#FFFFFF; border:none; cursor:pointer;-moz-border-radius:4px; -webkit-border-radius:4px;-khtml-border-radius:4px; margin:0 0 0 10px; padding:5px 5px 5px 5px;}

ul.list li{ background:url(images/bullet.gif) no-repeat left; padding:0 0 0 20px;color:#d34699; line-height:22px;}
ul.list li a{color:#d34699;}
ul.list li a:hover{ color:#000000;}

ol.list { list-style:decimal; padding:0 0 0 20px;}
ol.list li{ padding:0;color:#d34699; line-height:22px;}

/* Footer Section
/*-----------------------------------------------------------------------------------*/
.footer{ width:960px; background:url(images/dotted_bg.jpg) repeat; height:50px; clear:both; float:left; margin:30px 0 0 0;}
.footer_left{ float:left; padding:0 0 0 10px; line-height:50px; color:#696969;}
.footer_left a{ font-style:italic;} 
.footer_right{ float:right; padding:17px 10px 0 0;} 
.footer_right ul, .footer_right li{ padding:0px; margin:0px; list-style:none; float:left;}
.footer_right a{ padding:0 10px 0 0;}  
a.rss{ width:16px; height:16px; display:block; float:left; background:url(images/social/rss_gray.png) no-repeat center;}
a:hover.rss{ width:16px; height:16px; display:block; float:left; background:url(images/social/rss.png) no-repeat center;}

a.facebook{ width:16px; height:16px; display:block; float:left; background:url(images/social/facebook_gray.png) no-repeat center;}
a:hover.facebook{ width:16px; height:16px; display:block; float:left; background:url(images/social/facebook.png) no-repeat center;}

a.twitter{ width:16px; height:16px; display:block; float:left; background:url(images/social/twitter_gray.png) no-repeat center;}
a:hover.twitter{ width:16px; height:16px; display:block; float:left; background:url(images/social/twitter.png) no-repeat center;}

a.linkedin{ width:16px; height:16px; display:block; float:left; background:url(images/social/linkedin_gray.png) no-repeat center;}
a:hover.linkedin{ width:16px; height:16px; display:block; float:left; background:url(images/social/linkedin.png) no-repeat center;}

a.flickr{ width:16px; height:16px; display:block; float:left; background:url(images/social/flickr_gray.png) no-repeat center;}
a:hover.flickr{ width:16px; height:16px; display:block; float:left; background:url(images/social/flickr.png) no-repeat center;}

a.google{ width:16px; height:16px; display:block; float:left; background:url(images/social/google_gray.png) no-repeat center;}
a:hover.google{ width:16px; height:16px; display:block; float:left; background:url(images/social/google.png) no-repeat center;}