@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,800,300);

body{
	background:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	a,img{
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}

h1,h2,h3,h4,h5,h6{ font-family: 'Open Sans', sans-serif; margin-bottom:10px; }

p{
	line-height:1.5em;
	font-size:14px;
	color:#666666;
	}

hr{ border:none; border-bottom:1px solid #DFDFDF; margin-top:15px; margin-bottom:15px; }
	
#header{
	width:100%;
	background:#FFFFFF;
	padding-top:30px;
	padding-bottom:30px;
	}


#logo{ margin-left:15px; float:left; }




/* ============================================= Navigation =============================================*/
#nav{ 
	float:right; 
	margin-right:15px; 
	margin-top:10px; 
	text-transform:uppercase; 
	font-weight:700; 
	font-size:12px; 
	font-family: 'Open Sans', sans-serif;
	}
	
#nav a{ color:#454545; }
#nav a:hover{ color:#82a02e; }

#nav li{ float:left; margin-left:30px; }
/* ============================================= Navigation =============================================*/


/* ============================================= Slider =============================================*/
#slider{
	
}

#slider.green{ background:#82a02e url(../images/shadow.png) top center no-repeat; }
#slider.dark{ background:#2c2c2c url(../images/shadow.png) top center no-repeat; }
#slider.yellow{ background:#fccf40 url(../images/shadow.png) top center no-repeat; }
#slider.orange{ background:#ff5e0d url(../images/shadow.png) top center no-repeat; }
#slider.blue{ background:#2da0ce url(../images/shadow.png) top center no-repeat; }
#slider.red{ background:#ce2d31 url(../images/shadow.png) top center no-repeat; }
#slider.purple{ background:#a22dce url(../images/shadow.png) top center no-repeat; }

#slider h1{ 
	font-family: 'Open Sans', sans-serif;
	font-size:50px;
	font-weight:800;
	color:#FFFFFF;
	position:absolute;
	line-height: 36px;
	letter-spacing: -1.5px;
	}
	
#slider h2{
	font-family: 'Open Sans', sans-serif;
	font-size:40px;
	font-weight:700;
	color:#FFFFFF;
	position:absolute;
	line-height: 36px;
	letter-spacing: -1.5px;
	}
	
#slider h3{
	font-family: 'Open Sans', sans-serif;
	font-size:30px;
	font-weight:600;
	color:#FFFFFF;
	position:absolute;
	line-height: 36px;
	letter-spacing: -1.5px;
	}
	
#slider h4{
	font-family: 'Open Sans', sans-serif;
	font-size:25px;
	font-weight:700;
	color:#FFFFFF;
	position:absolute;
	line-height: 36px;
	letter-spacing: -1.5px;
	}
	
#slider h5{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	font-weight:600;
	color:#FFFFFF;
	position:absolute;
	line-height: 36px;
	letter-spacing: -1.5px;
	}
	
#slider h6{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#FFFFFF;
	position:absolute;
	line-height: 36px;
	letter-spacing: -1.5px;
	}

#slider .colored-header{
	padding:10px;
	color:#2c2c2c;
	background:#FFFFFF;
	}
	
#slider .dark-header{
	padding:10px;
	color:#FFFFFF;
	background:#2c2c2c;
	}
	
#slider p{
	color:#FFFFFF;
	font-size:14px;
	line-height:1.3em;
	margin-bottom:15px;
	}
	
/* Slider Alternative 2 */
#slider-2{
	width:930px;
	margin:0 auto;
	}
	
#slider-2 img{
	width:930px;
	height:450px;
	}

/* ============================================= Slider =============================================*/


/* ============================================= Features =============================================*/
.feature{ margin-bottom:30px; }

.feature h3{
	color:#454545;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-weight:700;
	margin-bottom:10px;
	margin-top:5px;
	}
	
#entry .grid-entry .feature h3{
	margin-left:50px;
	margin-bottom:10px;
	}
	
.feature p{
	line-height:1.5em;
	font-size:14px;
	color:#666666;
	}
	
.feature img{ float:left; margin-right:10px; }



/* Feature Alternativ 2 */
.feature-2{ margin-bottom:30px; text-align:center }

.feature-2 h3{ color:#454545; font-size:18px; }

.feature-2 img{ margin-bottom:20px; }

.feature-2 p{ font-size:14px; }


/* Feature Alternativ 3 */
.feature-3{
margin-bottom:30px;
}

.feature-3 img{ float:left; margin-right:10px; height:25px; width:25px; }

.feature-3 h3{
	color:#454545;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:700;
	margin-bottom:15px;
	margin-top:5px;
	text-transform:uppercase;
	}
	
#entry .grid-entry .feature-3 h3{
	color:#454545;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:700;
	margin-bottom:15px;
	margin-top:5px;
	text-transform:uppercase;
	margin-left:30px;
	}

.feature-3 p{ font-size:14px; }

/* ============================================= Features =============================================*/





/* ============================================= Banner ============================================= */
.banner{
	width:880px;
	margin-left:15px;
	margin-right:15px;
	
	background:#f9f9f9;
	color:#454545;
	padding:20px;
	padding-top:30px;
	padding-bottom:30px;
	border-left:5px solid #82a02e;
	}
	
.banner h1{
	float:left;
	font-size:18px;
	font-weight:700;
	}
	
.banner h1 span{
	font-weight:normal;
	font-size:15px;
	}

.banner a{ float:right; margin-right:20px; }	
/* ============================================= Banner ============================================= */





/* ============================================= Recent Work ============================================= */

.recent-work h5{
	margin-left:15px;
	margin-bottom:15px;
	font-size:15px;
	font-weight:700;
	color:#454545;
	text-transform:uppercase;
	}
	
.recent-work h6{
	margin-bottom:15px;
	margin-top:30px;
	font-size:14px;
	color:#666666;
 }
 
.recent-work img{
 	width:210px;
	height:154px
	}
 
 .recent-work p{
 	line-height:1.5em;
	font-size:14px;
	color:#666666;
	}
	
.recent-work a{
	color:#666666;
	}
	
.recent-work a:hover{
	color:#333333;
	}

.recent-hover{ width:210px; height:154px; position:absolute;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
 }

.recent-hover:hover{
	background:rgba(44, 44, 44, 0.8);
}

.recent-hover div{
	-moz-opacity: 0;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
	
.recent-hover:hover div{
	-moz-opacity: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	}

.recent-link{ width:25px; height:25px; background:url(../images/hover-zoom-small.png) #82a02e no-repeat center;
	position:absolute;
	bottom:5px;
	left:30px;
	}
.recent-link:hover{ background:url(../images/hover-zoom-small.png) #2c2c2c no-repeat center; }

.recent-zoom{ width:25px; height:25px; background:url(../images/hover-picture-small.png) #82a02e no-repeat center;
	position:absolute;
	bottom:5px;
	left:5px;
	}
.recent-zoom:hover{ background:url(../images/hover-picture-small.png) #2c2c2c no-repeat center; }

/* ============================================= Recent Work =============================================*/





/* ============================================= Recent Blog ============================================= */

.recent-blog h5{
	margin-bottom:15px;
	font-size:15px;
	font-weight:700;
	color:#454545;
	text-transform:uppercase;
}


.recent-blog a{
	font-weight:bold;
	font-size:13px;
	color:#666666;
	}
	
.recent-blog a:hover{
	color:#333333;
	}
	
.recent-blog p{ margin-top:5px; font-size:13px; }

.recent-blog img{
	float:left;
	border: 1px solid #DFDFDF;
	padding:5px;
	margin-right:10px;
	margin-bottom:20px;
	}

/* ============================================= Recent Blog ============================================= */



/* ============================================= Page Styles ============================================= */
.page-header{
	background:#82a02e url(../images/shadow.png) top center no-repeat;
	width:100%;
	padding-top:30px;
	padding-bottom:30px;
	}

/* Big Fonts */
.page-header h1{
	color:#FFFFFF;
	margin-left:15px;
	font-size:50px;
	margin-bottom:10px;
	font-weight:800;
	text-align:center
	}
	
.page-header h3{
	margin-left:15px;
	color:#FFFFFF;
	font-size:20px;
	font-weight:600;
	text-align:center
	}

/* Small Fonts */	
.page-header h2{
	color:#FFFFFF;
	margin-left:15px;
	font-size:40px;
	margin-bottom:10px;
	}
	
.page-header h4{
	margin-left:15px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:600;
	}
	
	
.bread-crumbs{
	background:#f8f8f8;
	width:100%;
	padding-top:25px;
	padding-bottom:25px;
	margin-bottom:50px;
	font-size:12px;
	text-transform:uppercase;
}

.bread-crumbs span{ margin-left:15px; margin-right:15px; color:#888888; }

.bread-crumbs span span{ margin-left:5px; margin-right:5px; }

.bread-crumbs a{ color:#888888; }

.bread-crumbs a:hover{ color:#444444; text-decoration:underline }

/* ============================================= Page Style ============================================= */







/* ============================================= Blog ============================================= */
.blog img{ }

.blog p{ margin-bottom:80px; font-size:13px; line-height:1.6em; }

.blog h3{ margin-bottom:10px; font-size:25px; font-weight:normal }

.blog a{ color:#454545; }
.blog a:hover{ color:#666666; }

.blog p a{ color:#82a02e }

.blog ul{ margin-bottom:40px; }
.blog li img{ height:12px; width:12px; }
.blog li{ float:left; font-size:12px; margin-right:15px; color:#888888; }
.blog li a{ color:#888888; }
.blog li a:hover{ text-decoration:underline; }

.blog iframe{ margin-bottom: 20px; }

.meta-admin{ list-style:url(../images/icons/blog/meta-admin.PNG) inside; }
.meta-comment{ list-style:url(../images/icons/blog/meta-comment.PNG) inside; }
.meta-category{ list-style:url(../images/icons/blog/meta-date.PNG) inside; }


.blog-hover{ position:absolute; width:690px; height:290px; }

.blog-hover{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}	
	
	
	
.blog-hover.zoom{ background:url(../images/icons/blog/zoom.png) rgba(44, 44, 44, 0.8) center no-repeat;	
	-moz-opacity: 0;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	}
.blog-hover.video{ background:url(../images/icons/blog/video.png) rgba(44, 44, 44, 0.8) center no-repeat;
	-moz-opacity: 0;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	}
	
	
.blog-hover.zoom:hover{
	-moz-opacity: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	}
.blog-hover.video:hover{
	-moz-opacity: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
}


.blog-date{
	position:absolute;
	color:#FFFFFF;
	margin-left:10px;
	margin-top:10px;
 }
 
.blog-date h4{
	font-size:60px;
	}
	
.blog-date h5{
	font-size:30px;
	text-transform:uppercase;
	}
	
	
.pagination{ font-size:12px; }
.pagination li{ float:left; border:1px solid #DFDFDF; margin-right:5px; padding:8px; padding-left:0px; padding-right:0px; }
.pagination li a{ color:#858585; padding:8px; padding-left:10px; padding-right:10px; }
.pagination li a:hover{ background:#82a02e; color:#FFFFFF; }

.pagination li.current a{ background:#82a02e; color:#FFFFFF }


#blog-post{}

.img-featured{ width:690px; margin-bottom:40px; }

/* ============================================= Blog ============================================= */




/* ============================================= Comment ============================================= */

#comment p{
	font-size:12px;
	line-height:1.8em;
	}

#comment .avatar{ width:50px; height:50px; float:left; margin-right:20px; }

#comment .comment-message{ width:620px; float:left; }

#comment .comment-by{ font-size:12px; margin-bottom:10px; }
#comment .comment-by strong{ font-weight:700;}
#comment .comment-by span{ font-weight:normal; float:right; color:#AAAAAA; }

#comment li{ border-bottom:1px solid #dfdfdf; padding-bottom:30px; margin-bottom:30px; }
#comment li:last-child{ border-bottom:none; margin-bottom:0px; padding-bottom:0px; }

#comment #comment-form{
	
	}
	
#comment #comment-form p{
	margin-bottom:5px;
}

#comment #comment-form span{ color:#FF0000; margin-left:5px; }

#comment #comment-form input{ padding:10px; padding-top:8px; padding-bottom:8px; width:200px; outline:none; font-size:12px; }

#comment #comment-form textarea{ height:200px; padding:10px; margin-bottom:20px; }

#comment #comment-form #send-comment{ border:none; width:100px; -webkit-border-radius: 0px; border-radius: 0px; cursor:pointer }

.contact-button{ border:none; -webkit-border-radius: 0px; border-radius: 0px; cursor:pointer }

/* ============================================= Comment ============================================= */




/* ============================================= Sidebar Widget ============================================= */
.sidebar-container{ }

.sidebar-widget{ width:210px; margin-bottom:40px; }

.sidebar-widget h6{
	color:#444444;
	font-size:13px;
	text-transform:uppercase;
	font-weight:700;
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px solid #DFDFDF;
	}
	
.sidebar-widget a{ color:#656565; }

.sidebar-widget a:hover{ color:#82a02e; }

.sidebar-widget .blog-category li{
	margin-bottom:10px;
	list-style:square inside;
	font-size:13px;
	color:#656565;
	list-style:url(../images/icons/list/list-1.png) inside;
	}

.sidebar-widget .blog-tags a{
	font-size:12px;
	border:1px solid #dfdfdf;
	margin-bottom:5px;
	padding:10px;
	padding-left:8px;
	padding-right:8px;
	display:inline-block;
	clear:both;
}

.sidebar-widget .blog-tags a:hover{
	background:#82a02e;
	color:#FFFFFF;
}
	
.sidebar-widget #s{ 
	width:82%;
	border:1px solid #dfdfdf; 
	outline:none; 
	padding:8px;
	padding-left:30px;
	background:url(../images/icons/blog/search.PNG) no-repeat;
	background-position:10px 10px;
	}
	
.sidebar-widget .recent-widget{ clear:both; }	
	
.sidebar-widget .recent-widget li{
	margin-bottom:20px;
	height:67px;
	}

.sidebar-widget .recent-widget p{
	font-size:12px;
	margin-bottom:5px;
	color:#AAAAAA
	}
	
.sidebar-widget .recent-widget p img{
	float:left;
	}
	
.sidebar-widget .recent-widget p img{
	height:55px;
	width:55px;
	border:1px solid #dfdfdf;
	padding:5px;
	margin-right:10px;
	}
	
/* ============================================= Sidebar Widget ============================================= */



/* ========================================== Contact Page ======================================== */
.contact{ }
.contact input{ width:50%; margin-bottom:20px; padding:10px; outline:none }
.contact textarea{ width:95%; margin-bottom:20px; height:100px; padding:10px; outline:none }
.contact .button{ width:inherit; }
/* ========================================== Contact Page ======================================== */




/* ============================================= Entry ============================================= */

#post{
	margin-left:15px;
	margin-right:15px;
	}

#entry p{
	color: #666666;
	font-size: 13px;
	line-height: 1.5em;
	margin-bottom: auto;
	}
	
#entry a{ color:#454545; font-weight:bold; }
#entry a:hover{ text-decoration:underline; }

#entry b{ font-weight:bold; font-size:12px; }

#entry img{  }

#entry .image-left{ float:left; margin-right:10px; margin-bottom:5px; border:1px solid #D4D4D4; padding:5px; }
#entry .image-right{ float:right; margin-left:10px; margin-bottom:5px; border:1px solid #D4D4D4; padding:5px; }

#entry hr{ border:none; border-bottom:1px solid #DFDFDF; margin-top:15px; margin-bottom:20px; }

#entry h1,h2,h3,h4,h5,h6{ font-weight:700; }
#entry h1{ margin-bottom:10px; font-size:30px; color:#444444; margin-bottom:20px;}
#entry h2{ margin-bottom:10px; font-size:25px; color:#444444; margin-bottom:20px;}
#entry h3{ margin-bottom:10px; font-size:20px; color:#444444; margin-bottom:20px;}
#entry h4{ margin-bottom:10px; font-size:18px; color:#444444; margin-bottom:20px;}
#entry h5{ margin-bottom:10px; font-size:15px; color:#444444; margin-bottom:20px;}
#entry h6{ margin-bottom:10px; font-size:13px; color:#444444; margin-bottom:20px;}

#entry blockquote{
	background:url(../images/quote.png) no-repeat left top;
	color:#666666;
	font-size:13px;
	line-height:1.7em;
	padding-left:70px;
	margin-bottom:20px;
	}


#entry h1,#entry h2,#entry h3,#entry h4,#entry h5,#entry h6,#entry p,#entry blockquote,#entry img,#entry ul,#entry ol,#entry table{
 margin-left:15px; margin-right:15px;
 }

#entry .grid-entry h1,#entry .grid-entry h2,#entry .grid-entry h3,#entry .grid-entry h4,#entry .grid-entry h5,#entry .grid-entry h6,#entry .grid-entry p,#entry .grid-entry blockquote,#entry .grid-entry img,#entry .grid-entry ul,#entry .grid-entry ol{
margin-left:0px; margin-right:0px;
}

/* ============================================= Entry ============================================= */



/* ============================================= Short Codes ============================================= */

/* ============================================= Buttons ============================================= */
#entry .button{ color:#FFFFFF; }
#entry .button:hover{ text-decoration:none }

.button{ color:#FFFFFF; font-weight:700; border:none; cursor:pointer }

.button.small{ padding:10px; padding-left:20px; padding-right:20px; }
.button.medium{ padding:15px; padding-left:25px; padding-right:25px; }
.button.large{ padding:20px; padding-left:30px; padding-right:30px; }

.button.green{ background:#82a02e; }
.button.green:hover{ background:#666666; }

.button.dark{ background:#2c2c2c; }
.button.dark:hover{ background:#666666; }

.button.yellow{ background:#fccf40; }
.button.yellow:hover{ background:#666666; }

.button.orange{ background:#ff5e0d; }
.button.orange:hover{ background:#666666; }

.button.blue{ background:#2da0ce; }
.button.blue:hover{ background:#666666; }

.button.red{ background:#ce2d31; }
.button.red:hover{ background:#666666; }

.button.purple{ background:#a22dce; }
.button.purple:hover{ background:#666666; }

/* ============================================= Buttons =============================================*/


/* ============================================= Spacers =============================================*/
.spacer-10{ width:100%; height:10px; clear:both }
.spacer-20{ width:100%; height:20px; clear:both }
.spacer-30{ width:100%; height:30px; clear:both }
.spacer-40{ width:100%; height:40px; clear:both }
.spacer-50{ width:100%; height:50px; clear:both }
.spacer-60{ width:100%; height:60px; clear:both  }
.spacer-70{ width:100%; height:70px; clear:both }
.spacer-80{ width:100%; height:80px; clear:both }
.spacer-90{ width:100%; height:90px; clear:both }
.spacer-100{ width:100%; height:100px; clear:both }
.separator{ border:none; border-bottom:1px solid #DFDFDF; margin-bottom:20px; width:930px; }
/* ============================================= Spacers =============================================*/


/* ============================================= Social Icons =============================================*/
.s-icons li{
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.s-icons li{ float:left; margin-right:5px; width:25px; height:25px; display:inline }
.s-icons li:hover{ background-position:0-25px; }
.s-icons a{ display:block; text-indent:-9999px; height:25px; width:25px; }

.facebook{ height:250px; width:125px; background:url(../images/icons/member-icons/facebooklike.png) no-repeat; }
/*.dribbble{ height:25px; width:25px; background:url(../images/icons/member-icons/dribbble.png) no-repeat; }
.google{ height:25px; width:25px; background:url(../images/icons/member-icons/google.png) no-repeat; }
.linkedin{ height:25px; width:25px; background:url(../images/icons/member-icons/linkedin.png) no-repeat; }
.myspace{ height:25px; width:25px; background:url(../images/icons/member-icons/myspace.png) no-repeat; }
.skype{ height:25px; width:25px; background:url(../images/icons/member-icons/skype.png) no-repeat; }
.thumbler{ height:25px; width:25px; background:url(../images/icons/member-icons/thumbler.png) no-repeat; }
.twitter{ height:25px; width:25px; background:url(../images/icons/member-icons/twitter.png) no-repeat; }*/
/* ============================================= Social Icons =============================================*/


/* ============================================= Skill Bars =============================================*/
.skill{ width:100%; color:#FFFFFF; font-size:12px; }
.skill li{ background:#F5F5F5; margin-bottom:15px; color:#FFFFFF; }
.skill div{ padding:10px; }

.skill.green div{ background:#82a02e; }
.skill.dark div{ background:#2c2c2c; }
.skill.yellow div{ background:#fccf40;}
.skill.orange div{ background:#ff5e0d;}
.skill.blue div{ background:#2da0ce}
.skill.red div{ background:#ce2d31;}
.skill.purple div{ background:#a22dce;}
/* ============================================= Skill Bars =============================================*/


/* ============================================= Pricing Tables =============================================*/
#entry .pricing-table li{
margin-bottom:0px;
}

.pricing-table{
	width:100%;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:#999999;
	margin-bottom:20px;
}
.pricing-table li{ 
	padding:15px;
	margin-bottom:0px;
	border-top:none;
	background:#f9f9f9;
	border-bottom:1px solid #FFFFFF;
	}

.pricing-table li:last-child{ border-bottom:none; }
	

.pricing-table .header{
	color:#FFFFFF;
	padding:15px;
	font-size:20px;
	text-transform:uppercase;
	font-weight:700;
	margin-bottom:0px;
	border-bottom:none;
	}
	
.pricing-table .green{ background:#82a02e; color:#FFFFFF; border-bottom:none; }
.pricing-table .dark{ background:#2c2c2c; color:#FFFFFF; border-bottom:none; }
.pricing-table .yellow{ background:#fccf40; color:#FFFFFF; border-bottom:none; }
.pricing-table .orange{ background:#ff5e0d; color:#FFFFFF; border-bottom:none; }
.pricing-table .blue{ background:#2da0ce; color:#FFFFFF; border-bottom:none; }
.pricing-table .red{ background:#ce2d31; color:#FFFFFF; border-bottom:none; }
.pricing-table .purple{ background:#a22dce; color:#FFFFFF; border-bottom:none; }

.pricing-table .normal{ font-size:14px; }
.pricing-table .small{ font-size:25px; font-weight:bold; }
.pricing-table .medium{ font-size:35px; font-weight:bold; }
.pricing-table .large{ font-size:50px; font-weight:bold; }

.pricing-table:hover{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-box-shadow: 0px 1px 10px 1px #999999;
	box-shadow: 0px 1px 10px 1px #999999;
	}
	
/* ============================================= Pricing Tables =============================================*/


/* ============================================= Blockquotes =============================================*/
.blockquote-1{
	background:url(../images/quote.png) no-repeat left top;
	color:#666666;
	font-size:13px;
	line-height:1.7em;
	padding-left:70px;
	margin-bottom:20px;
	}
	
.blockquote-2{
	padding-left:20px;
	border-left:3px solid #dfdfdf;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

/* ============================================= Blockquotes =============================================*/


/* ============================================= highligts =============================================*/

.highligts{ padding-left:5px; padding-right:5px; }

.highligts.green{ background:#82a02e; color:#FFFFFF; }
.highligts.dark{ background:#2c2c2c; color:#FFFFFF;}
.highligts.yellow{ background:#fccf40; color:#FFFFFF; }
.highligts.orange{ background:#ff5e0d; color:#FFFFFF;}
.highligts.blue{ background:#2da0ce; color:#FFFFFF;}
.highligts.red{ background:#ce2d31; color:#FFFFFF;}
.highligts.purple{ background:#a22dce; color:#FFFFFF;}

/* ============================================= highligts =============================================*/




/* ============================================= Drop Caps =============================================*/

.dropcaps{ padding:10px; padding-bottom:5px; padding-top:5px; font-size:18px; float:left; margin-right:10px;}

.dropcaps.green{ background:#82a02e; color:#FFFFFF; }
.dropcaps.dark{ background:#2c2c2c; color:#FFFFFF;}
.dropcaps.yellow{ background:#fccf40; color:#FFFFFF; }
.dropcaps.orange{ background:#ff5e0d; color:#FFFFFF;}
.dropcaps.blue{ background:#2da0ce; color:#FFFFFF;}
.dropcaps.red{ background:#ce2d31; color:#FFFFFF;}
.dropcaps.purple{ background:#a22dce; color:#FFFFFF;}

.dropcaps.round{
-webkit-border-radius: 5px;
border-radius: 5px;
}

.dropcaps.circle{
-webkit-border-radius: 15px;
border-radius: 15px;
padding-left:8px;
padding-right:8px;
}

/* ============================================= Drop Caps =============================================*/



/* ============================================= List Styles =============================================*/
.list-1{ list-style:url(../images/icons/list/list-1.png) inside; font-size:12px; color:#666666;}
.list-1 li{ margin-bottom:10px; }

.list-2{ list-style:url(../images/icons/list/list-2.png) inside; font-size:12px; color:#666666;}
.list-2 li{ margin-bottom:10px; }

.list-3{ list-style:url(../images/icons/list/list-3.png) inside; font-size:12px; color:#666666;}
.list-3 li{ margin-bottom:10px; }

.list-4{ list-style:url(../images/icons/list/list-4.png) inside; font-size:12px; color:#666666;}
.list-4 li{ margin-bottom:10px; }

.list-5{ list-style:url(../images/icons/list/list-5.png) inside; font-size:12px; color:#666666;}
.list-5 li{ margin-bottom:10px; }

.list-6{ list-style:url(../images/icons/list/list-6.png) inside; font-size:12px; color:#666666;}
.list-6 li{ margin-bottom:10px; }

.list-7{ list-style:url(../images/icons/list/list-7.png) inside; font-size:12px; color:#666666;}
.list-7 li{ margin-bottom:10px; }

.list-8{ list-style:url(../images/icons/list/list-8.png) inside; font-size:12px; color:#666666;}
.list-8 li{ margin-bottom:10px; }

.list-9{ list-style:url(../images/icons/list/list-9.png) inside; font-size:12px; color:#666666;}
.list-9 li{ margin-bottom:10px; }

.list-10{ list-style:url(../images/icons/list/list-10.png) inside; font-size:12px; color:#666666;}
.list-10 li{ margin-bottom:10px; }
/* ============================================= List Styles =============================================*/


/* ============================================= Tables =============================================*/
.table{
	color:#666666;
	width:930px;
	text-align:center;
	font-size:14px;
	}
.table td,th{
	border-bottom:1px solid #dfdfdf;
	padding:10px;
	}
.table th{
	border-bottom:3px solid #666666;
	font-weight:bold;
}
.table tr{
	border-bottom:1px solid #dfdfdf;
}
/* ============================================= Tables =============================================*/



/* ============================================= Short Codes ============================================= */













/* ============================================= portfolio ============================================= */

#portfolio{}

#portfolio .pagination{ margin-left:15px; margin-right:15px; }

.portfolio-slider{ width:610px; height:340px; }

.portfolio-details{ margin-bottom:5px; font-size:12px; color:#999999 }
.portfolio-details li{ margin-bottom:5px; }
.portfolio-details li hr{ margin-top:10px; margin-bottom:10px; }
.portfolio-details li b{ margin-right:3px; color:#454545; font-size:12px; }



/* Fiter */
.filter{ font-size:12px; margin-left:15px; }
.filter li{ float:left; border:1px solid #DFDFDF; margin-right:5px; padding:8px; padding-left:0px; padding-right:0px; }
.filter li a{ color:#858585; padding:8px; padding-left:10px; padding-right:10px; }
.filter li a:hover{ background:#82a02e; color:#FFFFFF; }

.filter li.current a{ background:#82a02e; color:#FFFFFF }

.portfolio img{ display:block; }
/* Filter */



/* Two Column Portfolio */

.grid-2.portfolio{
	margin-bottom:30px;
	}
	
.grid-2.portfolio img{
	margin-bottom:20px;
	width:450px;
	height:330px;
	}

.grid-2.portfolio h6{
	font-size:14.5px;
	font-weight:600;
	}
	
.grid-2.portfolio a{
	color:#666666;
	}
	
.grid-2.portfolio a:hover{
	color:#333333;
	}
	
.grid-2.portfolio p{
	font-size:13px;
	}

.grid-2 .portfolio-hover{
	position:absolute;
	width:450px;
	height:330px;
	background:#333333
	}
	
.grid-2 .portfolio-hover{
	-moz-opacity: 0;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.grid-2 .portfolio-hover:hover{
	-moz-opacity: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	background:rgba(44, 44, 44, 0.8);
}

.grid-2 .portfolio-hover .recent-link{ width:25px; height:25px; background:url(../images/hover-zoom-small.png) #82a02e no-repeat center;
	position:absolute;
	bottom:5px;
	left:30px;
	}
.grid-2 .portfolio-hover .recent-link:hover{ background:url(../images/hover-zoom-small.png) #2c2c2c no-repeat center; }

.grid-2 .portfolio-hover .recent-zoom{ width:25px; height:25px; background:url(../images/hover-picture-small.png) #82a02e no-repeat center;
	position:absolute;
	bottom:5px;
	left:5px;
	}
.grid-2 .portfolio-hover .recent-zoom:hover{ background:url(../images/hover-picture-small.png) #2c2c2c no-repeat center; }




/* Three Column Portfolio */

.grid-3.portfolio{
	margin-bottom:30px;
	}
	
.grid-3.portfolio img{
	margin-bottom:20px;
	width:290px;
	height:212;
	}

.grid-3.portfolio h6{
	font-size:14.5px;
	font-weight:600;
	}
	
.grid-3.portfolio a{
	color:#666666;
	}
	
.grid-3.portfolio a:hover{
	color:#333333;
	}
	
.grid-3.portfolio p{
	font-size:13px;
	}

.grid-3 .portfolio-hover{
	position:absolute;
	width:290px;
	height:212px;
	background:#333333
	}
	
.grid-3 .portfolio-hover{
	-moz-opacity: 0;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.grid-3 .portfolio-hover:hover{
	-moz-opacity: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	background:rgba(44, 44, 44, 0.8);
}

.grid-3 .portfolio-hover .recent-link{ width:25px; height:25px; background:url(../images/hover-zoom-small.png) #82a02e no-repeat center;
	position:absolute;
	bottom:5px;
	left:30px;
	}
.grid-3 .portfolio-hover .recent-link:hover{ background:url(../images/hover-zoom-small.png) #2c2c2c no-repeat center; }

.grid-3 .portfolio-hover .recent-zoom{ width:25px; height:25px; background:url(../images/hover-picture-small.png) #82a02e no-repeat center;
	position:absolute;
	bottom:5px;
	left:5px;
	}
.grid-3 .portfolio-hover .recent-zoom:hover{ background:url(../images/hover-picture-small.png) #2c2c2c no-repeat center; }





/* Four Column Portfolio */

.grid-4.portfolio{
	margin-bottom:30px;
	}
	
.grid-4.portfolio img{
	margin-bottom:20px;
	width:210px;
	height:154px;
	}

.grid-4.portfolio h6{
	font-size:14.5px;
	font-weight:600;
	}
	
.grid-4.portfolio a{
	color:#666666;
	}
	
.grid-4.portfolio a:hover{
	color:#333333;
	}
	
.grid-4.portfolio p{
	font-size:13px;
	}

.grid-4 .portfolio-hover{
	position:absolute;
	width:210px;
	height:154px;
	background:#333333
	}
	
.grid-4 .portfolio-hover{
	-moz-opacity: 0;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.grid-4 .portfolio-hover:hover{
	-moz-opacity: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	background:rgba(44, 44, 44, 0.8);
}

.grid-4 .portfolio-hover .recent-link{ width:25px; height:25px; background:url(../images/hover-zoom-small.png) #82a02e no-repeat center;
	position:absolute;
	bottom:5px;
	left:30px;
	}
.grid-4 .portfolio-hover .recent-link:hover{ background:url(../images/hover-zoom-small.png) #2c2c2c no-repeat center; }

.grid-4 .portfolio-hover .recent-zoom{ width:25px; height:25px; background:url(../images/hover-picture-small.png) #82a02e no-repeat center;
	position:absolute;
	bottom:5px;
	left:5px;
	}
.grid-4 .portfolio-hover .recent-zoom:hover{ background:url(../images/hover-picture-small.png) #2c2c2c no-repeat center; }




.portfolio-hover .recent-link{ 
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.portfolio-hover .recent-zoom{ 
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* ============================================= portfolio ============================================= */












/* ============================================= Footer Containers and Widgets ============================================= */
.footer-container{
	background:#2c2c2c;
	margin-top:80px;
	padding-bottom:25px;
	}
	
/* Footer Widgets */
.footer-widget{ margin-bottom:40px; padding-top:50px; }	
.widget-box{color:#FFFFFF}

.widget-box img{ margin-bottom:10px; }

.widget-box p{
	font-size:12px;
	margin-bottom:15px;
	line-height:1.6em;
	color:#a4a4a4;
	}
	
.widget-box b{ font-weight:bold; }

.widget-box h3{
	font-weight:700;
	margin-bottom:20px;
	font-size:17px;
	text-transform:uppercase;
	}
	
.widget-box li{
	color:#a4a4a4;
	margin-bottom:7px;
	font-size:12px;
	list-style:url(../images/icons/list/category.PNG) inside;
	}
	
.widget-box li a{ 
	color:#a4a4a4;
	font-size:12px;
	}
	
.widget-box li a:hover{ color:#82a02e; }




/* Footer Labels */
.footer{ width:930px; margin:0 auto}
.footer hr{ border:none; border-top:1px solid #232323; border-bottom:1px solid #373737; margin-bottom:25px; }
.copy{
	float: left;
	color: #FFFFFF;
	font-size: 12px;
	}
	
.social-icons{ float:right; }
.social-icons li{ float:left; margin-left:5px; height:24px; width:24px; display:inline; }
.social-icons li{
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.social-icons li:hover{ background-position:0-24px; }
.social-icons a{ display:block; text-indent:-9999px; height:24px; width:24px; }

.social-icons .facebook{ height:240px; width:124px; background:url(../images/icons/social-icon/facebooklike.png) no-repeat; }
/*.social-icons .delicious{ height:24px; width:24px; background:url(../images/icons/social-icon/delicious.png) no-repeat; }
.social-icons .devian{ height:24px; width:24px; background:url(../images/icons/social-icon/deviantart.png) no-repeat; }
.social-icons .flckr{ height:24px; width:24px; background:url(../images/icons/social-icon/flickr.png) no-repeat; }
.social-icons .linkedin{ height:24px; width:24px; background:url(../images/icons/social-icon/linkedin.png) no-repeat; }
.social-icons .twitter{ height:24px; width:24px; background:url(../images/icons/social-icon/twitter.png) no-repeat; }
.social-icons .vimeo{ height:24px; width:24px; background:url(../images/icons/social-icon/vimeo.png) no-repeat; }
.social-icons .youtube{ height:24px; width:24px; background:url(../images/icons/social-icon/youtube.png) no-repeat; }*/