/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

@import url(http://fonts.googleapis.com/css?family=PT+Sans);
@import url("base.css");				/* Default Reset, Typography, Forms, etc. */ 
@import url("skeleton.css");			/* 960 Grid + Media Query Layouts */
@import url("superfish.css");			/* Multi-level Menu */ 
@import url("jquery.fancybox.css");		/* Fancybox */ 
@import url("shortcodes.css");		    /* Shortcodes */ 

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #HEADER
================================================== */

* { margin:0; padding:0; }
body { background:url(../images/redox_01.png); font-family:Arial; font-size:12px; color:#929292;  }
#wrapper { position:relative; width:auto; max-width:973px; margin:-10px auto; background:#fff; padding-bottom:20px; padding-top:10px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
border-bottom:7px solid #bfbfbf;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
border-top:none;
z-index:200;
}

h1, h2, h3, h4, h5, h6 { font-family:"PT Sans", Arial, Tahoma; color:#4c4c4c; }

.main { width:100%; background:url(../images/main_bg.png) repeat-x #FFF; }
.header { width:100%; height:50px; padding-bottom:10px; }

/* #HEADER
================================================== */
.main .phone { float:left; padding-top:15px; font-size:15px; color:#fff; font-family:"PT Sans",Arial; }
.main .social { float:right; height:30px; padding-top:9px; }
.main .social a {  float:left;display:block; width:30px; height:30px; }
.main .social a.twitter { background:url(../images/twitter.png); margin-right:5px; }
.main .social a.rss { background:url(../images/rss.png);  }

.top {position:relative; margin-top:-12px; z-index:10;}
.logo { float:left; width:auto; height:80px; margin-top:23px; }
.navigation { position:absolute; height:100%; top:0; right:0; width:100%; height:80px; z-index:1000; }
.navigation ul#nav { float:right; z-index:3000; }
.navigation ul#nav li a:after { display:block; content:attr(data-description); font-size:11px; color:#4c4c4c; }
.navigation select { display: none; float:left; padding: 7px; height: 35px; }
.navigation { float: right; }
.top #separator { position:absolute; bottom:23px; width:100%; z-index:10; height:1px; background:#dbdbdb;}
.top #separator span { display:block; width:70px; height:6px; background:#86ae3f; z-index:1000; margin-top:-3px; }

.separator_title { font-family:"PT Sans"; font-size:22px; color:#4c4c4c; }
.separator_title span { color:#86ae3f; }
.separator { margin-top:-10px; margin-bottom:15px; }
.separator .green { width:47px; height:6px; background:#86ae3f; }
.separator .grey { width:auto; height:1px; background:#dbdbdb; margin-top:-3px; z-index:1; margin-left:47px;  }


/* #HOMEPAGE
================================================== */

.slider { margin-bottom:-20px; }
.slider img { width:100%; }
.slider .flexslider { position:relative; width:100%; }
.slider .flexslider img { width:100%; border-bottom:3px solid #86ae3f; }
.slider .flexslider .slides li { position:relative; }
.slider .flexslider .flex-caption { position:absolute; bottom:8px; left:0; width:100%; height:30px; font-size:15px; background:rgba(0,0,0,0.7); padding:20px 10px 5px 10px; color:#98c549; font-weight:bold;}
.slider .flexslider .flex-control-paging { position:absolute; top:25px; right:10px; list-style:none; }
.slider .flexslider .flex-control-paging li { float:left; margin-right:5px; }
.slider .flexslider .flex-control-paging li a { display:block; cursor:pointer; width:30px; height:5px; background:#fff; font-size:0; }
.slider .flexslider .flex-control-paging li a.flex-active { background:#86ae3f; }
.slider .flexslider .flex-direction-nav  a { display:block; float:left; width:40px; height:45px; padding:5px 5px 5px 5px; font-size:0; }
.slider .flexslider .flex-direction-nav  a.flex-prev { position:absolute; right:50px; bottom:20px; background:url(../images/slider-prev.png); }
.slider .flexslider .flex-direction-nav  a.flex-next { position:absolute; right:0; bottom:20px; background:url(../images/slider-next.png); border-left:1px solid #98c549; }

.services { }
.services h2 { font-family:"PT Sans"; font-size:22px; color:#4c4c4c; }
.services h2 span { color:#86ae3f; }
.des{display:none;}

.home_services .service .icon { float:left; }
.home_services .service .title { float:left; font-family:Arial; font-size:16px; font-weight:bold; margin-top:5px; margin-left:10px; color:#4c4c4c; }
.home_services .service .description { clear:both; font-family:Arial; font-size:12px; line-height:16px; margin-bottom:10px; }
.home_services .service a.more { display:block; width:79px; height:22px; background:url(../images/service_more_btn.png) no-repeat; color:#fff; font-size:11px; text-decoration:none; padding-top:3px; padding-left:7px; margin-bottom:15px; }

.recent_work { position:relative; }
.recent_work ul { background:red; }
.recent_work ul li {  display:block; min-height:300px; z-index:1;}

.recent_work .controls { position:absolute; top:0; right:0; }
.recent_work .controls a { display:block; float:left; width:26px; height:6px; background:#bfbfbf; margin-right:10px; margin-top:20px; }
.recent_work .controls a.active { background:#86ae3f; }
/*.recent_work .separator .grey { width:100%; height:1px; background:#dbdbdb; margin-top:-3px; z-index:1; margin-left:47px; }*/
.recent_work h2 { font-family:"PT Sans"; font-size:22px; color:#4c4c4c; }
.recent_work h2 span { color:#86ae3f; }
.project { position:relative; width:100%; background:#f8f8f8; border-bottom:1px solid #86ae3f; }
.project img { width:100%; border-bottom:1px solid #ccc; box-shadow:1px 1px 3px #dadada; }
.project img:hover { background:#000; opacity:0.2; }
.project h3 { color:#666; font-size:16px; margin-left:10px; margin-right:10px; }
.project .description { padding-bottom:20px; z-index:1; margin-left:9px; margin-top:-5px; margin-right:10px;}
.project a.more { position:absolute; bottom:-6px; right:7px; display:block; width:26px; height:22px; background:url(../images/project_more.png) no-repeat; z-index:10;}
.recent_projects { width:320px; height:60px; border:1px solid red; }
#news #heading { width:152px; height:37px; background:url(../images/news_bg.png) no-repeat; margin-top:9px; padding-top:10px; color:#fff; font-family:Arial; font-size:15px; padding-left:10px; font-weight:bold;}
#news #content { background:#fbfafa; border-bottom:5px solid #bfbfbf; padding:0px; margin-top:-10px; }
#news #content { -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#news #content { -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; }
#news #content { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

#news #content .news_item { border-bottom:1px dotted #d8d5d5; margin-top:10px; }
#news #content .news_item .pic img { width:100%; max-width:90px; border:4px solid #d1d1d1; border-radius:4px; }
#news #content .news_item .details { color:#4c4c4c; margin-left:0px; }
#news #content .news_item .details .date { color:#86ae3f; }
#news #content .newsletter { margin-top:12px; margin-bottom:15px; padding:10px; }
#news #content .newsletter input[type="text"] { width:80%; border-radius:0; border:1px solid #c0c0c0; background:url(../images/mail_icon.png) right 5px center no-repeat; }

.featured_clients { width:100%; max-width:940px; height:95px; background:#ececec; margin-top:20px; margin-bottom:49px; overflow:hidden; }
.featured_clients ul { margin-top:1px; margin-left:10px; margin-right:10px; }
.featured_clients ul li { display:inline-block; height:95px; margin-right:0px; }

/* #ABOUT
================================================== */
.about_sidebar { border-right:1px solid #f4f4f4; }
.about_sidebar .nav ul { }
.about_sidebar .nav ul li { margin-bottom:0; border-left:3px solid #e6e5e5; }
.about_sidebar .nav ul li a { display:block; background:#fcfcfc; padding:8px; margin-bottom:0; border-bottom:1px solid #efefef; color:#797979; text-decoration:none; font-size:14px; font-family:"PT Sans"; }
.about_sidebar .nav ul li:hover { border-left:3px solid #86ae3f; }
.about_sidebar .pdf_brochure a { display:block; background:url(../images/pdf_icon.png) no-repeat; padding-left:50px; text-decoration:none; color:#4c4c4c; }
.latest_news .title { display:block; font-size:18px; border-bottom:1px solid #efefef; padding-bottom:10px; }
.latest_news ul li a { display:block; color:#797979; text-decoration:none; border-bottom:1px solid #efefef; background:url(../images/news_arrow.png) right 10px center no-repeat; padding-top:10px;
padding-bottom:10px; }
.about_featured_clients .title { display:block; font-size:18px; border-bottom:1px solid #efefef; padding-bottom:10px; }
.about_featured_clients .client { text-align:center; }
.about_featured_clients .client a { display:block; border:1px solid #ccc; }
.about_featured_clients .client img { width:100%; }
.about_content { text-align:justify; }


/* #PRICING TABLE
================================================== */
table.pricing { border-collapse: separate; border-color: #DDDDDD; border-spacing: 0; border-style: solid; border-width: 1px 1px 2px; table-layout: fixed; width: 100%; border-radius:4px; }
table.pricing { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; }
table.pricing thead { 
	
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );

	}
table.pricing thead tr th { font-size:14px; }
table.pricing thead tr th.active { background:#71b33f; color:#fff; }
table.pricing thead tr th.active span { color:#fff; }
table.pricing thead tr th span { display:block; font-size:16px; color:#71b33f;	font-weight:700; }
table.pricing td, table.pricing th { padding:7px 10px; text-align:left; border-right:1px dotted #e3e3e3; }
table.pricing td:last-child, table.pricing th:last-child { border-right:none; }

table.pricing tbody tr { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3); }
table.pricing tbody tr td, table.pricing tbody tr:nth-child(2n) td { color:#666;  text-align:left;}
table.pricing tbody tr td a.button, table.pricing tbody tr:nth-child(2n) td a.button { margin-top:20px; }
table.pricing tbody tr td strong, table.pricing tbody tr:nth-child(2n) td strong { color:#666; }
table.pricing tbody tr:nth-child(2n) { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.02); }

table.pricing tbody tr td span.available { display:block; background:url(../images/available_icon.png) center right no-repeat; padding-right:15px; }
table.pricing tbody tr td span.not_available { display:block; background:url(../images/not_available_icon.png) center right no-repeat; padding-right:15px; }

/* #SERVICES
================================================== */
.services .service .icon { float:left; }
.services .service .title { float:left; font-family:"PT Sans"; font-size:21px; font-weight:normal; margin-top:11px; margin-left:10px; color:#4c4c4c; }
.services .service .description { clear:both; font-family:Arial; font-size:12px; line-height:16px; margin-bottom:10px; line-height:18px; }
.services .featured .service { position:relative; background:#f4f4f4; padding:20px; }
.services .featured .service .title { margin-left:0px; margin-bottom:10px; color:#828282; }
.services .featured .service .description { margin-right:90px; }
.services .featured .service .icon { position:absolute; top:30%; right:25px; }

/* #PORTFOLIO
================================================== */
.portfolio ul.sort {}
.portfolio ul.sort li { float:left; margin-right:10px; }
.portfolio ul.sort li a { display:block; padding:5px; text-decoration:none; }
.portfolio ul.sort li.current a { background:#86ae3f; color:#fff; }
.portfolio .search { float:right; width:100%; max-width:160px; border:1px solid #d7d7d7; color:#d2d2d2; box-shadow:none; background:url(../images/search_icon.png) right center no-repeat; 
background-position:right 5px bottom 6px;
}
.portfolio_sort .project { margin-bottom:20px; }
.pagination a { float:left; display:block; width:20px; height:20px; background:#4c4c4c; margin-right:5px; text-align:center; border-radius:2px; color:#fff; font-size:12px; }
.pagination a { text-decoration:none; padding:2px; -moz-transition: background-color 0.2s ease 0s; }
.pagination a:hover, .pagination a.active { background:#86AE3F; }
.pagination a.next { width:35px; }


/* #BLOG
================================================== */
.blog_content .post .pic { position:relative; margin:0; padding:0;  }
.blog_content .post .pic img { width:100%; margin:0; padding:0; border-bottom:2px solid #86ae3f; }
.blog_content .post .pic img:hover { background:#000; opacity:0.2; }
.blog_content .post .pic .date { position:absolute; width:94px; height:32px; bottom:0px; right:0; background:url(../images/blog_date.png) no-repeat; color:#fff; }
.blog_content .post .pic .date { text-align:center; font-size:16px; font-family:"PT Sans",Arial,Verdana; padding-top:5px; }
.blog_content .post .details { height:32px; background:#fafafa; border-bottom:1px solid #fff; margin-top:-7px; border-top:2px solid #86ae3f; }
.blog_content .post .details a { float:left; margin-top:7px; margin-right:20px; text-decoration:none; color:#4c4c4c; font-family:"PT Sans"; font-size:13px; }
.blog_content .post .details a.date { display:block; background:url(../images/calendar_icon.png) center left no-repeat; padding-top:1px; padding-left:20px; margin-left:10px; }
.blog_content .post .details a.user { background:url(../images/user_icon.png) center left no-repeat; padding-left:17px; }
.blog_content .post .details a.category { background:url(../images/category_icon.png) center left no-repeat; padding-left:21px; }
.blog_content .post .details a.comments { background:url(../images/comment_icon.png) center left no-repeat; padding-left:21px; }

.blog_content .post .content { border-top:1px solid #ddd; }
.blog_content .post .content h4 { margin-top:5px; }
.blog_content .post .content p { margin-top:7px; }
.blog_content .post .content a.more { display:block; background:#86ae3f; padding:5px 10px 5px 10px; color:#fff; text-decoration:none; max-width:60px; margin-top:-10px; }
.blog_content .pagination { margin-top:25px; }

.blog_content .comments { }


/* blog sidebar */
.blog_sidebar { }
.blog_sidebar #search { border-radius:3px; width:96%; background:url(../images/search_icon.png) right 3px center no-repeat; border:1px solid #e5e5e5; box-shadow:none; }
.blog_sidebar .categories .title { font-size:18px; border-bottom:1px solid #efefef; padding-bottom:5px; }
.blog_sidebar .categories ul { }
.blog_sidebar .categories ul li { margin-bottom:0; border-left:3px solid #e6e5e5; }
.blog_sidebar .categories ul li a { position:relative; display:block; background:#fcfcfc; padding:8px; margin-bottom:0; border-bottom:1px solid #efefef; border-top:1px solid #FFF; color:#797979; text-decoration:none; font-size:14px; font-family:"PT Sans"; }
.blog_sidebar .categories ul li a span { position:absolute; display:block; top:0; right:0; background:#efefef; height:20px; padding:7px; }
.blog_sidebar .categories ul li:hover { border-left:3px solid #86ae3f; }

.blog_sidebar .archive .title { font-size:18px; border-bottom:1px solid #efefef; padding-bottom:5px; }
.blog_sidebar .archive ul li { margin-bottom:0; border-left:3px solid #e6e5e5; }
.blog_sidebar .archive ul li a { position:relative; display:block; background:#fcfcfc; padding:8px; margin-bottom:0; border-bottom:1px solid #efefef; border-top:1px solid #FFF; color:#797979; text-decoration:none; font-size:14px; font-family:"PT Sans",Arial,Verdana; }
.blog_sidebar .archive ul li a span { position:absolute; display:block; top:0; right:0; background:#efefef; height:20px; padding:7px; }
.blog_sidebar .archive ul li:hover { border-left:3px solid #86ae3f; }

.blog_sidebar .latest_tweets .title { font-size:18px; border-bottom:1px solid #e1e1e1; padding-bottom:7px; margin-bottom:12px; }
.blog_sidebar .latest_tweets #tweets a { color:#86ae3f; }

.blog_sidebar .popular_tags .title { font-size:18px; border-bottom:1px solid #e1e1e1; padding-bottom:7px; margin-bottom:12px;  }
.blog_sidebar .popular_tags a { display:inline-block; width:100%; max-width:90px; background:#fafafa; border:1px solid #ededed; padding:5px; color:#959595; text-decoration:none; border-radius:5px; text-align:center; margin-bottom:5px; margin-right:5px; }
.blog_sidebar .popular_tags a:hover { background:#86ae3f; border:1px solid #86ae3f; color:#fff; }

.blog_sidebar .banners { margin-top:20px; }


/* #BLOG POST
================================================== */
.blog_content .comments .comment { margin-top:20px; }
.blog_content .comments .comment .pic img { width:100%; max-width:90px; }
.blog_content .comments .comment .text .the_comment .user { color:#787878; font-size:14px; margin-bottom:12px; }
.blog_content .comments .comment .text .the_comment .user span { color:#86ae3f; }
.blog_content .comments .comment .text .the_comment { border-left:6px solid #efefef; background:#fcfcfc; padding:10px 5px 2px 9px; }
.blog_content .reply input[type="text"] { max-width:390px; }
.blog_content .reply input[type="text"],textarea { width:97%; box-shadow:1px 3px 3px #dadada inset; border:1px solid #b9b9b9; }



/* #CONTACT
================================================== */
.contact_form textarea,input[type="text"] { width:100%; border:1px solid #aaa; box-shadow: 2px 2px 5px #ECECEC inset; -webkit-border-radius:4px;
-moz-border-radius:4px; border-radius:4px; }
.contact_form #responce .contact_error li { color:red; margin-bottom:0; }
.contact_form #responce .contact_success li { color:#86ae3f; margin-bottom:0; }

.contact_details .address { margin-top:15px; }
.contact_details .address .street_address { background:url(../images/contact_marker.png) center left 3px no-repeat; padding-left:35px; font-family:"PT Sans"; font-size:14px; color:#4c4c4c; }
.contact_details .phone  { clear:both; background:url(../images/contact_phone.png) center left no-repeat; padding-left:35px; font-family:"PT Sans"; font-size:14px; color:#4c4c4c; }
.contact_details .email  { clear:both; background:url(../images/contact_email.png) top left no-repeat; padding-left:35px; font-family:"PT Sans"; font-size:14px; color:#4c4c4c; }

.contact_details ul.promo li { float:left; margin-right:15px; }
.contact_details ul.promo li a { text-decoration:none; }
.contact_details ul.promo li a.pdf { display:block; width:100%; height:43px; background:url(../images/pdf_icon.png) center left no-repeat; padding-top:10px; padding-left:50px; }
.contact_details ul.promo li a.skype { display:block; width:100%; height:43px; background:url(../images/skype_icon.png) center left no-repeat; padding-top:10px; padding-left:57px; }


/* go to top */
a#goto_top { position:absolute; bottom:-19px; right:10px; display:block; width:53px; height:45px; background:url(../images/goto_top.png); }


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

#footer { position:relative; width:100%; min-height:245px; background:#2f2f2f; border-top:3px solid #86ae3f; margin-top:-30px; z-index:10; }
#footer .footer a:hover { text-decoration:underline; }
#footer #f_line { position:absolute; top:1px; left:0; width:100%; height:1px; background:#515151; }
#footer .footer { margin-top:60px; padding-bottom:20px; }
#footer .footer h3 { color:#666565; font-size:16px; font-family:Arial; font-weight:bold; margin-bottom:-5px; }
#footer .footer ul li a:first-child { margin-top:5px; }
#footer .footer ul li a { display:block; font-size:14px; font-family:"PT Sans"; color:#e9e9e9; text-decoration:none; height:7px; display:block; }
#footer .footer .social ul li a { display:block; padding-left:26px; height:20px; margin-bottom:-8px; }
#footer .footer .social ul li a.twitter { background:url(../images/twitter_icon.png) no-repeat center left; margin-top:5px; }
#footer .footer .social ul li a.facebook { background:url(../images/facebook_icon.png) no-repeat center left; }
#footer .footer .social ul li a.flickr { background:url(../images/flickr_icon.png) no-repeat center left; }
#footer .footer .social ul li a.rss { background:url(../images/rss_icon.png) no-repeat center left; }
#footer .footer .facebook_box { text-align:right; }

#footer_bottom { width:100%; height:100%; background:#282828; border-top:1px solid #242424; padding-top:20px; padding-bottom:20px; }
#footer_bottom .copyright { color:#959595; font-size:12px; }
#footer_bottom .links { text-align:right; }
#footer_bottom .links a { color:#959595; font-size:12px; }

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	@media only screen and (min-width: 960px) {
		#wrapper { min-width:963px; }
		#footer, #footer_bottom { min-width:963px; }
	
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#wrapper { min-width:768px; }
		.slider .flexslider img { /*max-width:738px;*/ }
		.featured_clients ul li { margin-right:20px; }
		
		#footer, #footer_bottom { min-width:768px; }
	    #footer { min-width:768px; }
	    #footer_bottom { min-width:768px; }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#wrapper { padding-bottom:20px; }
		.slider .flexslider img { max-width:760px; }
		.navigation ul#nav { display:none; }
		.top .logo { float:left; margin-top:10px; text-align:center; }
		.navigation select { display:block; width:100%; margin-top:50px;}
		.top #separator { display:none; }
		.recent_work .project { margin-bottom:15px; }
		#news #content { margin-bottom:20px; }
		#news .news_item .pic { max-width:110px; padding-left:10px; }
		#news .news_item .details { max-width:290px; }
		.featured_clients { height:100%; margin-top:10px; }
		.featured_clients ul li{ margin-left:20%; }
		
		/* about */
		.about_sidebar .latest_news { margin-top:20px; margin-bottom:10px; }
		.about_featured_clients .client img { width:auto; }
		.about_featured_clients .client a { border:none; }
		
		/* services */
		.services .service { margin-bottom:10px; }
		
		/* portfolio */
		.portfolio .search { float:left; width:100%; max-width:412px; }
		
		/* blog */
		.blog_content .post .details a { margin-right:12px; }
		.blog_content .post { margin-bottom:15px; }
		.blog_content .pagination { margin-bottom:35px; }
		
		#footer .footer .facebook_box { text-align:left; }
		#footer_bottom .links { text-align:left; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		
	}