@charset "utf-8";
/* CSS Document */

*{
	font-family:Arial, Helvetica, sans-serif;
	border:0px;
	margin:0px;
	padding:0px 0px 0 px 10px;
	font-size: 14px;
}


body{
	min-width:1100px; /*This value corrects screen for iPad and iPhones */
	margin:auto;
	background-image:url(../images/background/main_bg.png);
}

.header{
	background-image:url(../images/background/top_bottom_deco.png);
	background-repeat:repeat;
	padding-top:5px;
}

.header-960{
	width:960px;
	margin:auto;
	padding-bottom:5px;
}

.header-deco{
	background-image:url(../images/background/top_zig_zag.png);
	background-repeat:repeat-x;
	height:9px;	
	position:absolute;
	margin-top:-31px; /* 1px correction for iPhone and iPad */
	left:0px;
	margin-left:0px;
	width:100%;
	min-width:1100px;
	overflow:hidden;
}

/*@media screen and (width: 1024px;){
    .header-deco{
        width:1110px;
    }

}*/


.content{
	padding-top:30px;
	padding-left:58px;
	padding-right:58px;
	width:960px;
	margin:auto;
	background-image:url(../images/background/wrapper.png);
}


.footer-960{
	width:960px;
	margin:auto;
	padding-top:20px; /*Must be 20 to match footer elements and not seem bloated */
	padding-bottom:20px; /*Must be 20 to match footer elements and not seem bloated */
}

.footer-deco{
	background-image:url(../images/background/bottom_zig_zag.png);
	background-repeat:repeat-x;
	height:8px;
	
	position:absolute;
	left:0px;
	width:100%;
	min-width:1100px;
	margin-top:-7px;/* 2px correction for iPhone and iPad */
}

.footer-deco-bottom{
	background-image:url(../images/background/top_zig_zag.png);
	background-repeat:repeat-x;
	height:8px;
	
	position:absolute;
	left:0px;
	width:100%;
	min-width:1100px;
	margin-top:-1px;
}

.copyright-holder{
	width:900px;
	margin:auto;
}

.copyright-wrapper{
	background-image:url(../images/background/main_bg.png);
	background-repeat:repeat-x;
	padding-bottom:10px;
}

.copyright-text-left{
	color:#343434;
	padding-top:15px;
	font-size:11px;
	text-align:left;
}

.copyright-text-right{
	color:#ececec;
	padding-top:15px;
	font-size:11px;
	text-align:right;
	margin-top:-40px;
}

p.copyright-text-right a{
	color:#333;
}

.footer{
	background-image:url(../images/background/top_bottom_deco.png);
	background-repeat:repeat;
}

.clear{
	clear:both;
}

.decoration{
	background-image:url(../images/decorations/site-deco.png);
	background-repeat:repeat-x;
	width:960px;
	height:2px;
	padding-bottom:30px;
}

.decoration2{
	background-image:url(../images/decorations/site-deco2.png);
	background-repeat:repeat-x;
	width:100%;
	height:10px;
	padding-bottom:30px;
}

.decoration3{
	background-image:url(../images/decorations/site-deco3.png);
	background-repeat:repeat-x;
	width:100%;
	height:10px;
	padding-bottom:30px;
}

.decoration4{
	background-image:url(../images/decorations/site-deco4.png);
	background-repeat:repeat-x;
	width:100%;
	height:5px;
	padding-bottom:30px;
}

.decoration5{
	background-image:url(../images/decorations/site-deco5.png);
	background-repeat:repeat-x;
	width:100%;
	height:5px;
	padding-bottom:30px;
}


.image-deco{
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	-webkit-box-shadow: 0px 1px 1px 1px #cacaca;
	-moz-box-shadow: 0px 1px 1px 1px #cacaca;
	box-shadow: 0px 1px 1px 1px #cacaca;
}

.image-deco-footer{
	background-color:#FFF;
	padding:3px;
	border-color:#666;
	border-width:1px;
	border-style:solid;
}

/*Logo Styles*/
img.logo{
	float:left;
}
/*End Of Logo Styles*/


/*Navigation Styles*/

#navigation{
	float:right;
	margin-top:50px;
	margin-bottom:-15px; /* correctional value */
}

#selected{
	color:#99CCFF;
}
#selectedsub {
	color:#003366;
}
#selected-sub{
	color:#CCCCCC;
}


a.menuTitle{
	text-decoration:none;
	text-transform:capitalize;
	color:#f1f1f1;
	font-size:17px;
	font-weight:lighter;
}


.menu > li {
	display:block;
	float:left;
	margin-left:20px;
	position:relative;
	height:34px;
	z-index:99;
}
.menu > li:hover {
	color:#99CCFF;
}

.dropdown {
	display:none;
	position:absolute;
	width:140px;
	list-style:none;
	text-decoration:none;
	background:#fbfbfb repeat-x;
	-moz-box-shadow:0px 0px 2px #6e6e6e;
	box-shadow:0px 0px 2px #6e6e6e;
	-webkit-box-shadow:0px 0px 2px #6e6e6e;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-left:15px;
	top:30px;
}
.dropdown li {
	padding-top:5px;
	padding-bottom:8px;
}
.dropdown li a {
	text-decoration:none;
	color:#777;
	font-size:12px;
}
.dropdown li a:hover {
	color:#333;
}
/* End Of Navigation Styles */


/*Top Social Networks Icons */
.socials{
	padding-top:10px;	 /*Compensation for the minus margin for the top header decoration*/
}

h4.socials-heading{
	padding-bottom:30px;
	font-size:18px;
	float:left;
	color:#343434;
}

.social-icon{
	-webkit-box-shadow: 0px 2px 0px 0px #ffffff;
	-moz-box-shadow: 0px 2px 0px 0px #ffffff;
	box-shadow: 0px 2px 0px 0px #ffffff;
	float:right;
	margin-left:20px; /*Requires margin. Adding paddings destroys 1px white bellow shadows */
}

/*End Of Top Social Network icons */

/*Start Of Featured Projects*/

.featured-project-items{
	width:990px;
}


.featured-project-text{
	margin-right:10px; /*Correctional value to keep thumbnails aligned with top button */
	text-shadow:0px 1px 0px #ffffff;
	width:350px;
	float:left;
}

.featured-project-images{
	float:left;
	margin-bottom:30px;
}



.featured-project-images img{
	float:left;
	margin-left:14px;
	margin-right:14px;
}

/*End Of Featured Projects */

.quote img{
	float:left;
	margin-right:30px;
	margin-top:7px;
}

.quote h2{
	font-style:oblique;
	font-size:14px;
	line-height:30px;
	color:#6e6e6e;
}

/*Footer Styles */
/*Rrecent Footer Items */


#searchBox{
	margin-top:-5px;
}

.search-text-input{
	color:#a1a1a1;
	font-style:italic;
	float:right;
	background-image:url(../images/contact-comment/search_box.png);
	background-color:transparent;
	width:245px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:12px;
}

.recent-blog-posts{
	float:left;
	width:300px;
}

img.footer-recent{
	margin-right:20px;
	margin-bottom:20px;
}

h4.footer-heading{
	font-size:18px;
	color:#f9f8f4;
	font-weight:300;
	margin-bottom:0px; /*New Padding for footer section, general is 30, this makes it 20 */
}

.small-post{
	display:block;
	width:300px;
	height:40px;
	margin-bottom:23px; /* Fix for twitter feed which places elements with mistmatching paddings */
	padding-top:7px; /* Fix to keep total distance between elements 30pixels. */
}

img.small-post-img{
	float:left;
}

h4.small-post-title{
	font-size:14px;
	width:230px;
	font-weight:500;
	float:left;
	padding-left:20px;
	padding-bottom:5px;
	color:#f9f8f4;	
}

p.small-post-date{
	float:left;
	width:200px;
	padding-left:20px;
	color:#6e6e6e;
	font-size:12px;
}

/*End Of Footer Recent Items */

/*Start of footer twitter feed */

p.tweet_link_0{
	margin-top:2px; /*Keeps all elements in line */
	color:#f7f9f6;
	font-size:12px;
}

p.tweet_link_1{
	color:#f7f9f6;
	font-size:12px;
}

p.tweet_link_2{
	color:#f7f9f6;
	font-size:12px;
}

small {
	font-style:italic; 
	display:none; /* Remove This To Make The Date Of The Posted Twitter Item Visible */
}

.twitter-footer{
	float:left;
	width:300px;
	margin-left:30px; /* Set distances between blog and contact */
	margin-right:30px; /* Set distances between blog and contact */
}

#tweets {
	float:left;
	width:300px;
}

#tweet_link_0{
	color:#86b901;
}


#tweets li {
	list-style:none;
	padding-bottom:20px;
	margin-bottom:20px;
	color:#000000;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#cacaca;
}

#tweets li.tweet_content_0 {
	border-top:0px none;
}
#tweets li:last-child{
	border-bottom:0px none;	
}

#tweets .hash { color:#86b901; } 
#tweets .reply { color:#FFF; } 

/*End Of Twitter Styles*/

/*Start Of Contact Styles*/

.footer-contact{
	float:left;
	width:300px;
}

p.footer-contact-office{
	font-size:12px;
	color:#f1f1f1;
}

p.footer-contact-home{
	font-size:12px;
	color:#f1f1f1;
	padding-bottom:20px;
}

p.footer-contact-phone{
	font-size:12px;
	color:#f1f1f1;
}

p.footer-contact-mail{
	font-size:12px;
	color:#f1f1f1;
}

p.footer-contact-twitter{
	font-size:12px;
	color:#f1f1f1;
}

p.footer-contact-facebook{
	font-size:12px;
	color:#f1f1f1;
}

/*//////////////////*/
/*Thumbnail Gallery */
/*//////////////////*/
img.filtrable-image{
	margin-right:9px;
	background-image:url(../images/filtrable/thumb_bg.png);
	background-repeat:no-repeat;
	padding-bottom:50px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	z-index:-100;
}

p.filtrable-text{
	z-index:100;
	width:174px;
	margin-top:170px;
	position:absolute;
	text-align:center;
	padding-bottom:10px; /*Correctional Value, shadow included! */
	opacity:1;

}

a.filtrable-title{
	color:#343434;	
}

#container {
	margin:auto;
	display: block;
	width: 960px; 
	overflow: hidden;
}

.title {
	font-size: 12px;
	font-weight: bold;
	color: #161616;
	margin: 2em 0 1em 0;
	text-shadow: 0px 1px 0px #f3f5da;
	display: block;
}

.clear {
	clear: both;
}

ul {
	margin: 0;
	text-align: left;
}

ul.filtrable-titles li a{
	color:#000000;
}

ul.filtrable-titles li {
	margin-bottom:30px;
	float:right;
	list-style-type: none;
	display: inline-block;
	font-size:12px;
	padding: 2px 15px;
}
	
	.selected-filtrable {
		background-color:#86b901;
		text-shadow:none;
	}

ul.filtrable-items li {
	list-style-type: none;
	display: block;
	float: left;
	margin: .5em;
}
	
	ul.item li img {

	}
#filtrable-items-container {
	margin-left:-10px;
	margin-top:10px;
	width: 990px; 
	height: 100%; 
	overflow:hidden;
}

.page {
	cursor: pointer;
}
a {
	color: #660000;
}
a:visited {
	color: #330000;
	text-decoration: none;
}
a:hover {
	color:#036;
}

/*////////////////////*/
/*Portfolio One Styles*/
/*////////////////////*/

.portfolio-one-wrapper{
	width:960px;
	display:block;	
}

.portfolio-one-item{
	display:block;
}

.portfolio-one-image{
	float:left;
	margin-bottom:40px;
}

.portfolio-one-video{
	float:left;
	margin-bottom:30px;
}

h4.portfolio-one-title{
	padding-left:30px;
	float:left;
}

p.portfolio-one-content{
	padding-left:30px;
	padding-bottom:30px;
	float:left;
	width:360px;
}

.portfolio-one-buttons{
	width:360px;
	margin-left:30px;
	float:left;
}

.portfolio-one-buttons a{
	margin-right:30px;
}

/*Portfolio One Zoom Styles*/
.gallery-image-three{width:292px;	height:186px;	position:relative;	margin-bottom:30px;     }
.gallery-image-two{	 width:458px;	height:247px;	position:relative;	margin-bottom:30px;     }
.gallery-image-one{	 width:560px;	height:296px;	position:relative; 	}
.icon-one{	position:absolute;	opacity:0;	right:70px;	  bottom:10px; }
.icon-two{	position:absolute;	opacity:0;	right:20px;	   bottom:10px; }
.icon-three{position:absolute;	opacity:0;	right:120px;   bottom:10px; }
.icon-four{	position:absolute;	opacity:0;	right:170px;   bottom:10px; }




/*////////////////////*/
/*Portfolio Two Styles*/
/*////////////////////*/

.portfolio-two-wrapper{
	width:1020px;
}

.portfolio-two-item{
	margin-right:30px; 
	margin-bottom:30px;
	float:left;
}

img.portfolio-two-image{
	margin-bottom:20px;	/*Smaller value than usual padding to keep elements from looking bloated*/
}

.portfolio-two-video{
	margin-bottom:20px;	/*Smaller value than usual padding to keep elements from looking bloated*/
}

h4.portfolio-two-title{

}

p.portfolio-two-content{
	width:460px;
	margin-bottom:20px;
}

.portfolio-two-buttons a{
	margin-left:55px;
}

/*//////////////////////*/
/*Portfolio Three Styles*/
/*//////////////////////*/

.portfolio-three-wrapper{
	width:1000px;
}

.portfolio-three-item{
	margin-right:40px; /*Value compensates for image decoration. 5 pixels on left and right side of image */
	margin-bottom:30px;
	width:291px;
	float:left;
}

img.portfolio-three-image{
	margin-bottom:20px;/*Margin 20px, 10 pixels smaller than the rest, to keep the the content from looking bloated*/
}

h4.portfolio-three-title{
	
}

p.portfolio-three-content{
	
}

.portfolio-three-buttons{
	margin-left:70px; /*Edit this value to place your button somewhere else*/
	margin-top:20px; /* Value is 20px, to keep it matching with top element and not to make the design bloated*/
}

/*----------------------------------------------------*/
/* Portfolio Pagination Style */
/*----------------------------------------------------*/
a.pagination{	
	color:#FFF;
	background-image:url(../images/pagination/normal.png);		
	background-repeat:no-repeat;
}
a.pagination:hover{	
	background-image:url(../images/pagination/hover.png);		
	background-repeat:no-repeat;
}
a.pagination:active{ 
	color:#FFF;
	background-image:url(../images/pagination/activated.png);		
	background-repeat:no-repeat;
}

h4.tabNavigation-heading{
	font-weight:lighter;
	color:#6d6d6d;
	margin-top:30px;
	float:left;
}

a.pagination-cat{
	font-size:14px;
	color:#6d6d6d;
	font-weight:lighter;
}

ul.tabNavigation {	
	background-image:url(../images/decorations/site-deco.png);
	background-repeat:repeat-x;
	width:8px;
	width:960px;
	font-size:12px;
	display:block; 
	margin-right:85px;
	list-style:none; 
	padding-top:35px;
}
ul.tabNavigation li {  
	padding-left:10px;
	float:right;
	display:inline; 
	padding-bottom:30px;
}
ul.tabNavigation li a {
	padding: 5px 10px 10px;    
	color: #333;    
	text-decoration: none;
}

div.tabs > div {
	margin-top: 3px;
}
		
div.tabs > div h2 {
	margin-top: 10px;
}

/*End Of Portfolio Pagination Style */



/* Blog Styles */

.blog-table{
	margin-bottom:30px;
	width:670px;
}

.blog-wrapper{
	display:block;
	width:670px;
}

.blog-post{
	width:670px;
}

.blog-post-header{
	width:675px;
}

.blog-post-content{
	display:block;
}

.blog-post-content p{margin-bottom:20px;}
.blog-post-content table{margin-bottom:20px;}
.blog-post-content li{margin-bottom:20px;}


.blog-width{
	width:680px;
}

h4.blog-post-title{
	font-weight:lighter;
	width:400px;
}

.blog-social-icons{
	width:160px;
	float:right;
	margin-top:-35px;
}

img.blog-social-icon{
	padding-left:10px;
}

img.blog-post-image{
	margin-bottom:20px;
}

ul.blog-post-details{
	width:705px;
	padding-bottom:35px;
}

li.blog-posted-by{ 
	float:left;
	list-style:none;
	background-image:url(../images/blog/blog-lists/user.png);
	background-position-y: 1px;
	font-size:13px;
	background-repeat:no-repeat;
	width:100px;
	padding-left:20px;
	padding-right:10px;
	color:#6e6e6e;
}

li.blog-posted-at{
	float:left;
	list-style:none;
	background-image:url(../images/blog/blog-lists/clock.png);
	background-position-y: 2px;
	font-size:13px;
	background-repeat:no-repeat;
	width:100px;
	padding-left:20px;
	padding-right:10px;
	color:#6e6e6e;
}

li.blog-posted-tags{
	float:left;
	list-style:none;
	background-image:url(../images/blog/blog-lists/tags.png);
	background-position-y: 2px;
	font-size:13px;
	background-repeat:no-repeat;
	width:100px;
	padding-left:20px;
	padding-right:10px;
	color:#6e6e6e;
}

li.blog-posted-comments{
	float:left;
	list-style:none;
	background-image:url(../images/blog/blog-lists/comments.png);
	background-position-y: 2px;
	font-size:13px;
	background-repeat:no-repeat;
	width:100px;
	padding-left:20px;
	padding-right:10px;
	color:#6e6e6e;	
}

li.blog-posted-more{
	float:right;
	list-style:none;
	background-image:url(../images/blog/blog-lists/more.png);
	background-position-y: 2px;
	font-size:13px;
	background-repeat:no-repeat;
	width:100px;
	padding-left:20px;
	color:#6e6e6e;
}


/*Sidebar styles*/

.sidebar-wrapper{
	width:260px;
	height:500px;
	position:relative;
	float:right;

}

.sidebar-width{
	width:260px;
}

h4.blog-sidebar-title{
	padding-top:3px; /* Padding fix to align adds with main image */
	font-weight:lighter;
	width:400px;
}

.ads{
	width:267px;
	margin-bottom:30px;
}

.ad-item{
	margin-right:6px;
	margin-bottom:6px;
	width:125px;
	height:125px;
}

.ad-item-big{
	margin-right:6px;
	margin-bottom:6px;
	width:260px;
	height:120px;
}

.ad-deco{
	/* If you are concerned by IE not seeing the shadow effect, remove the last 3 lines from here, and enable the border style 3 lines */
	background-color:#fff;
	/*border-style:solid;
	border-width:1px;
	border-color:#c4c0b7;*/
	
	-webkit-box-shadow: 0px 1px 1px 1px #cacaca; 
	-moz-box-shadow: 0px 1px 1px 1px #cacaca;
	box-shadow: 0px 1px 1px 1px #cacaca;	
}

.ad-request{
	color:#000000;

	font-size:14px;	
}

#popular{margin-left:4px; margin-right:4px; margin-bottom:30px;}
#recent{margin-left:4px; margin-right:4px;	margin-bottom:30px;}
#comments{margin-left:4px; margin-right:4px; margin-bottom:30px;}

#popular-box{
	width:260px;
	padding-bottom:10px; /*Creates total padding 30, like in the entire template */
}

#recent-box{
	width:260px;
	display:none;
	padding-bottom:10px; /*Creates total padding 30, like in the entire template */
}

.sidebar-item-box{
	padding-bottom:30px;
}

.sidebar-item-box img{
	margin-right:30px;
	float:left;
}

.sidebar-item-title{
	padding-top:3px;
	font-size:14px;
	width:260px;
}

.sidebar-item-date{
	font-size:12px;
	font-style:italic;
	width:260px;
}

#comments-box{
	width:260px;
	display:none;
	padding-bottom:10px; /*Creates total padding 30, like in the entire template */
}

a.category-list{
	padding-bottom:20px;
	color:#545454;
}

.blog-reply{
	width:670px;
}

.new-reply{
	width:670px;
	display:block;
	float:left;
}

.new-reply em{
	padding-left:30px;
	padding-bottom:15px;
	padding-top:5px;
	font-size:12px;
	font-style:italic;
	width:560px;
	float:left;
}

.new-reply p{
	padding-left:30px;
	padding-bottom:20px;
	font-size:12px;
	width:560px;
	float:left;
}

.new-reply img{
	float:left;
}


.blog-reply-box{
	padding-top:40px;
}

.blog-reply-box-name{
	color:#343434;
	background-image:url(../images/contact-comment/user-comment-field.png);
	padding-left:10px;
	padding-right:10px;
	width:580px;
	max-width:580px;
	height:43px;
	max-height:43px;
}

.blog-reply-box-mail{
	color:#343434;
	background-image:url(../images/contact-comment/user-comment-field.png);
	padding-left:10px;
	padding-right:10px;
	width:580px;
	max-width:580px;
	height:43px;
	max-height:43px;
}

.blog-reply-box-message{
	color:#343434;
	background-image:url(../images/contact-comment/user-message-field.png);
	max-width:580px;
	min-width:580px;
	min-height:123px;
	max-height:123px;
	padding:10px;
}
	
.contact-wrapper{
	width:960px;
}
	
#contactForm{
	width:400px;
	float:left;
	border-style:none;
}


.text-input{
	background-image:url(../images/contact-comment/user-comment-field.png);	
	background-color:transparent;
}

.text-input-big{
	background-image:url(../images/contact-comment/user-message-field.png);
	background-color:transparent;
}

#contactName{
	margin-top:15px;
	padding-left:10px;
	padding-right:10px;
	min-height:43px;
	max-height:43px;
	min-width:392px;
	max-width:392px;	
	line-height:40px;  /*Internet Explorer 8 Bug Fix For Line Height */
}
#contactEmail{
	margin-top:15px;
	padding-left:10px;
	padding-right:10px;
	min-height:43px;
	max-height:43px;
	min-width:392px;
	max-width:392px;
	line-height:40px; /*Internet Explorer 8 Bug Fix For Line Height */
}
#contactMessage{
	margin-top:15px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	overflow:hidden;
	min-height:124px;
	max-height:124px;
	min-width:392px;
	max-width:392px;
	font-size:13px;
}

p.location-title{
	padding-bottom:15px;
	font-size:14px;
	float:right;
}

#name_label{
	padding-left:5px;
	font-size:15px;
	font-weight:bold;
}


#message_label{
	padding-left:5px;
	font-size:15px;
	font-weight:bold;
	display:block;
	margin-top:30px;
}

#email_label{
	padding-left:5px;
	font-size:15px;
	font-weight:bold;
	display:block;
	margin-top:30px;
}


#nameError{
	font-size:10px;
	position:absolute;
	margin-top:-310px;
	width:410px;
	text-align:left;
}
#emailError{
	font-size:10px;
	position:absolute;
	margin-top:-200px;
	width:410px;
	text-align:left;
}

#emailError2{
	font-size:10px;
	position:absolute;
	margin-top:-200px;
	width:410px;
	text-align:left;
}

#messageError{
	font-size:10px;
	position:absolute;
	width:410px;
	text-align:left;
}
.contactButton{
	margin-top:30px;
}

.contact-maps{
	float:left;
	margin-bottom:30px;
	margin-left:40px;
}
h2 {
	font-size: 18px;
	line-height: 24px;
}