body {
padding: 0;
margin: 0;
font: 13px Arial, Helvetica, Garuda, sans-serif;
}
h1, h2, h3, h4, h5, h6, ul, li, em, strong, pre, code {
padding: 0;
margin: 0;
line-height: 1em;
font-size: 100%;
font-weight: normal;
font-style: normal;
}
table {
font-size: inherit;
}
ul {
list-style: none;
}
img {
border: 0;
}
p {
margin: 1em 0;
}
/******************************************************************
				 			END CSS RESET
******************************************************************/
a {
	color: #2997c4;
	text-decoration: none;
	outline: none;
}

a:hover{ color: #1c7399; }

.clear{
	clear: both;
}

ul.check-list, ul.list-arrow, ul.star{ float:left; margin:0;
	padding: 0 0 30px;
}
ul.check-list li{ 
	list-style-image: none; 
	background:url(/public/images/check.png) no-repeat left top; 
	padding: 0 0 6px 23px; 
	margin:0 0 5px 0; 
	font-size: 13px;
	color: #6a6b6b;
}

ul.list-arrow li{ 
	list-style-image: none; 
	background:url(/public/images/list_arrow.png) no-repeat left center; 
	padding: 0 0 6px 23px; 
	margin:0 0 5px 0; 
	font-size: 13px;
	color: #6a6b6b;
}

.hline{
	border-top: 1px solid #d2d0d0;
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
	border-bottom: 1px solid #ffffff;
}

.left{
	float: left;
	margin-right: 17px;
	margin-bottom: 0;
}

.right{
	float: right !important;
}
h1, h2, h3, h4, h5{
	text-transform: uppercase;
}

p{
	font-size: 12px;
	color: #6a6b6b;
	padding-bottom: 11px;
	line-height: 17px;
}
h1{ font-size: 25px; color: #3b3c3d;}
h2{ font-size: 20px; color: #3b3c3d;}
h3{ font-size: 16px; color: #505151;}
h4{ color: #505151; font-size: 14px; margin-bottom: 15px;}
body{
	background: url(/public/images/bg.jpg) repeat;
}

html {
	overflow-Y: scroll;
}

#top{
	background: url(/public/images/top.png) repeat-x;
}

#header{
	height: 110px;
	width: 960px;
	margin: 0 auto;
}

#logo{
	background: transparent url(/public/images/logo.png) no-repeat;
	width: 227px;
	float: left;
	display: block;
	text-indent: -9999px;
	margin-top: 17px;
	height: 55px;
	margin-left: 3px;
	
}

.nav{
	float: right;
	margin-top: 3em;
}

ul.nav li{
	list-style: none;
	float: left;
	padding-right: 8px;
	padding-left: 8px;
}

ul.nav li:first-child{
	border-left: none;
}

ul.nav li a{
	text-decoration: none;
	color: #c0c1c1;
	text-transform: uppercase;
	font-size: 16px;
}

ul.nav li a:hover{
	color: #f9f9f9;
}

ul.nav li a.on{
	color: #f9f9f9;
}

#wrapper{
	margin: 0 auto;
	width: 960px;
}

.slide-holder{
	background: transparent url(/public/images/featured-bg.png) no-repeat;
	width: 959px;
	height: 405px;
	margin-left: 0;
}

/******************************************************************
				 			CONTENT
******************************************************************/
#content{
	width: 100%;
	overflow: hidden;
}

.full-width{
	border-left: 1px solid #dbdfe1;
	border-right: 1px solid #dbdfe1;
	border-bottom: 1px solid #dbdfe1;
	background-color: #f9f9f9;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.content-left{
	width: 659px;
	border-left: 1px solid #dbdfe1;
	border-right: 1px solid #dbdfe1;
	border-bottom: 1px solid #dbdfe1;
	background-color: #f9f9f9;
	float: left;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.title-description{
	background: transparent url(/public/images/title_bg.png) no-repeat;
	width: 962px;
	height: 64px;
}

.title-description h2{
	position: relative;
	top: 24px;
	left: 18px;
}

.title-description-660{
	background: transparent url(/public/images/title_left.png) no-repeat;
	width: 661px;
	height: 65px;
}

.title-description-660 h2{
	position: relative;
	top: 24px;
	left: 18px;

}

.text-block{
	width: 96%;
	padding: 27px 0 0 16px;
	overflow: hidden;
}

.text-block-left{
	width: 95%;
	padding: 27px 0 25px 16px;
	overflow: hidden;
}

/******************************************************************
				 		THREE COLUMNS
******************************************************************/
.three-columns{
	width: 100%;
	overflow: hidden;
	padding-bottom: 26px;
}

.col{
	background: transparent url(/public/images/col.png) no-repeat;
	width: 317px;
	margin: 17px 0 0 12px;
	float: left;
	height: auto;
}

.about, .services, .blog{ width: 235px;}
.about h3, .services h3, .blog h3{
	width: 235px;
	margin-top: 15px;
	margin-bottom: 29px;
}

.about{ padding: 0 35px 0 33px;}
.services{ color: #6a6b6b; padding: 0 33px 0 39px;}
.blog{padding: 0 34px 0 33px;}
.blog a{
	font-weight: bold;
}

.three-columns .column1{
	width: 30%;
	float: left;
}

.three-columns .column2{
	width:30%;
	float: left;
	padding-left: 45px;
	padding-right: 45px;
}

.three-columns .column3{
	width:30%;
	float: left;
}
/******************************************************************
				 		   TWO COLUMNS
******************************************************************/
.two-columns{
	width: 100%;
	overflow: hidden;
	padding-bottom: 26px;
}

.two-columns .one-third{
	width: 30%;
	float: left;
	padding-right: 47px;
}
.two-columns .two-third{ height: 60%;}
.two-columns .two-third-first{
	width: 64%;
	float: left;
	padding-right: 47px;
}

.two-columns .one-third-second{width: 30%;float: right;}
.two-columns .one-half{
	width: 47%;
	float: left;
	padding-right: 56px;
}

.two-columns .one-half2{
	width: 47%;
	float: left;
}

/******************************************************************
				 			FOUR COLUMNS
******************************************************************/
.four-columns{
	width: 100%;
	overflow: hidden;
	padding-bottom: 26px;
}

.four-columns .col1, .four-columns .col2, .four-columns .col3, .four-columns .col4{
	width: 22%;
	float: left;
}
.four-columns .col2{padding: 0 37px;}
.four-columns .col3{padding: 0 37px 0 0;}
/******************************************************************
				 	RECENT PROJECTS CAROUSEL
******************************************************************/
/*
* Required 
*/
.container { overflow:hidden;position:relative;height: 180px;width: 950px;
	margin-top: 9px;
}
.slides { position:absolute;top: 8px;left:0;width: 100%;}
.slides div { position:absolute;top:0;display:none;width: 225px;height: 180px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
}

/*
 * Optional
*/
#recent_projects { 
    background: transparent url(/public/images/carousel.png) no-repeat;
	width: 960px;  
	position:relative; 
	clear:both;
	padding: 0 0 20px;
	margin: 0 0 0 7px;
}

.slides div img{ padding: 4px; border: 1px solid #bcbcbc;
	background-color: #c8c8c8;
}
				
ul.pagination { 
	list-style-type:none;  
	position:absolute; 
	top: 16px; 
	right: 24px; 
}

ul.pagination li { 
	float:left; 
	margin:0 2px; 
}	

ul.pagination a { 
	display:block; 
	width: 18px; 
	text-indent:-999999px; 
	height: 18px; overflow:hidden; 
	background: transparent url(/public/images/bullets.png) no-repeat 0 -18px; 
}
		
ul.pagination li.active a {
	background-position: 0 0;
}
		
a.previous { 
	position:absolute; 
	top:14px; 
	right:117px; 
	display:block; 
	width:26px; 
	padding-top:26px; 
	height:0; 
	overflow:hidden; 
	background-position:0 0; 
	background-repeat:no-repeat;
}

a.previous:hover { background-position:0 -26px }

a.next { 
	position:absolute; 
	top:14px; 
	right:10px; 
	display:block; 
	width:26px; 
	padding-top:26px; 
	height:0; 
	overflow:hidden; 
	background-position:-26px 0; 
	background-repeat:no-repeat;
}

a.next:hover { background-position:-26px -26px }	

#carousel-top { height:34px; padding: 0 5px 0 2px; font-size:22px; }

#carousel-top h3{
	position: relative;
	top: 15px;
	left: 31px;
}

span.caption { 
	font-size: 13px; 
	line-height: 12px; 
	font-weight: bold; 
	margin-top:4px;
	font-style: italic;
	position: relative;
	left: 8px;
	top: 6px;
	color: #414242;
}
small a{ 
	color:#888; 
	font-weight: normal;
	float: right;
	right: 16px;
	position: relative;
	text-decoration: none;
	font-size: 9px;
	top: 2px;
}

small a:hover{
	color: #0081c1;
}
/******************************************************************
				 			SERVICES PAGE
******************************************************************/
#services{
	width: 100%;
	overflow: hidden;
}

.service-box{
	background: transparent url(/public/images/service-box.png) no-repeat;
	width: 292px;
	height: auto;
	float: left;
	padding-right: 21px;
	padding-bottom: 40px;
}

.service-box img{
	margin-top: 10px;
	margin-left: 9px;
}

.service-description{
	margin-top: 10px;
	margin-left: 9px;
	width: 273px;
}

.service-description p{
	margin-top: 5px;
}

.service-description a{
	color: #3b3c3d;
}


.last{
	padding-right: 0;
}



.service_box {float:left; height:auto; margin-bottom: 50px;}
.services-img {float:left; margin-right: 22px;
	padding: 4px;
	border: 1px solid #d5d9d9;
	background-color: #e2e4e4;
	float:left;
}

.services-img:hover {
	border: 1px solid #e0e2e2;
	background-color: #f6f6f6;
}
.service_box h3{
	color: #3b3c3d;
	padding: 0;
	margin: 0 0 9px;
}

/******************************************************************
				 			PORTFOLIO
******************************************************************/
#portfolio {
	margin: 5px 0 0;
	overflow: hidden;
}

.item-left {
	width: 425px;
	float: left;
	color: #565656;
	margin: 0 50px 40px 0;
}

.item-right {
	width: 425px;
	float: left;
	margin: 0 0 40px;
	color: #565656;
}

.item-left img, .item-right img {
	border: 1px solid #d5d9d9;
	background-color: #e2e4e4;
	padding: 6px;
	margin: 0 0 15px;
}

.item-left img:hover, .item-right img:hover {
	border: 1px solid #e0e2e2;
	background-color: #f6f6f6;

}
.item h3 { padding: 12px 0 12px 2px;margin: 0 7px 15px;}
.item p { padding: 0 10px;
}

/******************************************************************
				 			PORTFOLIO STYLE 2
******************************************************************/
.portfolio{
	width: 960px;
	overflow: hidden;
	padding-top: 20px;
}
.project{
	background: transparent url(/public/images/holder.png) no-repeat;
	width: 960px;
	overflow: hidden;
	padding: 17px 0px 49px;
	margin-left: 0;
}

.project-big{
	background: transparent url(/public/images/holder.png) no-repeat;
	width: 945px;
	margin-left: 7px;
	padding: 16px 0 49px;
	height: auto;
	overflow: hidden;
}

.project-big img{
	padding: 4px;
	border: 1px solid #aeb1b3;
	background-color: #bdc0c0;
	margin: 9px 0 0 15px;
}


.project h3, .project-big h3{
	margin-left: 14px;
	margin-bottom: 22px;
}

.project-big h4{
	margin-bottom: 0;
}

.projectimg {
	float: left;
	margin-left: 14px;
	margin-top: 9px;
	border: 1px solid #2d2d2d;
}

.project-big .info{
	width: 691px;
	margin: 17px 0 0 19px;
	float: left;
	padding-right: 32px;
}

.project-big .list{
	overflow: hidden;
	width: 200px;
	text-transform: uppercase;	
	margin-top: 17px;
	float: left;
}

.project-big .list li{
	float: left !important;
	background: url(/public/images/check.png) left no-repeat; 
	padding-left: 21px;
	margin-bottom: 10px;
	
}

.project-big .list li a{
	color: #5d5d5d;
	
}

.portfolio_info {
	float: left;
	width: 350px;
	margin-left: 20px;
	margin-top: 11px;
}

.portfolio_info {
	width: 480px;
	padding-right: 20px;
	margin-left: 30px;
}

.link {
	font-size: 10px;
}
.link a {
	text-decoration: none;
	color: #8b8d8d;
}
.link a:hover {
	text-decoration: underline;
	color: #000;
}

.portfolio_list {
	overflow: hidden;
	width: 150px;
	text-transform: uppercase;	
	margin-top: 12px;
	float: left;
}
.portfolio_list li {
	float: left !important;
	background: url(/public/images/check.png) left no-repeat; 
	padding-left: 21px;
	margin-bottom: 10px;
}

.portfolio_list li a{
	color: #d1d1d1;
}

/******************************************************************
				 			PAGINATION PORTFOLIO STYLE 2
******************************************************************/

.pagenavi-portfolio {
	width:100%;
	position:relative;
	height: 20px;
	margin: -24px 0px 0px 24px;
	float: left;
	padding: 58px 0px 40px;
}
.pagenavi-portfolio a, .pagenavi-portfolio a:link {
	background: url(/public/images/bg-pagination-item.png) 0 0 repeat-x;
	text-decoration: none;
	color: #4c4e4e;
	font-weight:bold;
	display: inline;
	margin: 0px;
	border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
	padding: 7px 11px;
}
.pagenavi-portfolio a:hover { 
	color: #babcbe; 
	background: url(/public/images/bg-pagination-item.png) 0 0 repeat-x;}
.pagenavi-portfolio span.current {
	font-weight: bold;
	color: #fff;
	background: url(/public/images/bg-pagination-item.png) repeat-x 0 -16px;
	text-shadow:1px 1px 0 #000;	
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	padding: 7px 11px;
}

/******************************************************************
				 			PAGINATION
******************************************************************/
.pagenavi {
	width:100%;
	position:relative;
	height: 20px;
	margin: 0px;
	float: left;
	padding: 58px 0px 40px;
}
.pagenavi a, .wp-pagenavi a:link {
	background: url(/public/images/bg-pagination-item.png) 0 0 repeat-x;
	text-decoration: none;
	color: #8b8e8f;
	font-weight:bold;
	display: inline;
	margin: 0px;
	border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
	padding: 7px 11px;
}
.pagenavi a:hover { 
	color: #d8dbdf; 
	background: url(/public/images/bg-pagination-item.png) 0 0 repeat-x;}
.pagenavi span.current {
	font-weight: bold;
	color: #fff;
	background: url(/public/images/bg-pagination-item.png) repeat-x 0 -16px;
	text-shadow:1px 1px 0 #000;	
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	padding: 7px 11px;
}

/******************************************************************
				 				BLOG
******************************************************************/
.entry {
	width:100%;
	display: block;
	margin: 0px 0px 10px;
	float: left;
	position: relative;
	padding: 0px 0 35px 0px;
}

.entry h2{
	padding-bottom: 8px;
}

.entry h2 a{
	color: #141515;
}

.entry img {
	padding: 4px;
	border: 1px solid #d5d9d9;
	background-color: #e2e4e4;
	margin: 0px;
}		

.postmetainfo {
	width: 100%;
	float: left;
	padding: 0 0 10px;
	margin-top: -4px;
}

span.categorylist {
	color: #858686;
	display: block;
}

.entry .entry_content {
	width: 100%;
	margin: 10px 0 0px 0px;
	padding: 0 0px 5px;
}

.entry .entry_content .dropCap {
	float: left;
	font-size: 3em;
	line-height: 0.9em;
	padding: 0 5px 0px 0px;
}


.commentbar {
	margin-top: 9px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.commentbar a {
	color: #c1c2c3;
	text-decoration:none;
	font-weight:normal;
	font-size: 12px;
	font-variant: normal;
}
.commentbar a:hover {
	text-decoration: underline;
	color: #4e4f4f;
}

/******************************************************************
				 				TAGS
******************************************************************/
.tags-content{
	width: 262px;
	margin: 0 0 18px 15px;
}
.tags a{
	display: inline-block;
	color: #fafefe;
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;	
	margin: 5px 5px 0 0;
	padding: 5px 10px;
	cursor: pointer;
}

.tags a:hover {
	color: #fffeff;
	background-color: #0081c1;
	text-decoration: none;
}
.tag1 {
	background-color: #9a9b9b;
}
.tag2 {
	background-color: #acaeae;
}
.tag3 {
	background-color: #898a8a;
}
.tag4 {
	background-color: #767878;
}
.tag5 {
	background-color: #9c9e9e;
}
/******************************************************************
				 			RELATED POSTS
******************************************************************/
#related-posts{
	margin: 10px 0 30px;
}

ul.related-posts-list {
	list-style: none;
	overflow: hidden;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	padding: 20px 0 0;
}
ul.related-posts-list li {
	margin-bottom: 0px;
	overflow: hidden;
	float: left;
	margin-top: -5px;
}
ul.related-posts-list a {
	overflow: hidden;
	display: block;
	padding: 0 14px 8px 0;
}

ul.related-posts-list li.last {
	padding-right: 0 !important;
	margin-right: 0 !important;
	
}
/******************************************************************
				 		COMMENTS ENTRY
******************************************************************/
#comments-entry{
	width: 100%;
	float: left;
	margin: 15px 0;
}
span.comments-title{
	color: #666767;
	font-size: 16px;
	text-transform: uppercase;
}

#commentlist {
	margin: 10px 0 40px;
	padding: 0;
}
#commentlist li {
	padding: 0;
	list-style: none;
	position: relative;
	overflow: hidden;
	margin-bottom: 15px;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border: 1px solid #ddd;
	background-color: #f6f6f6;
}

/****/
.author{
	float: left;
	width: 100px;
	padding: 10px 0;
	margin: 0 5px 0 9px;

}

.author img{
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 4px;
	float: left;
}
span.author-name{
	font: 12px/110% Arial, Helvetica, sans-serif;
	color: #8a8b8b;
	position: relative;
	left: 2px;
}

.comment{
	height: 100%;
	position: relative;
	float: left;
	width: 474px;
	text-align: justify;
	margin-left: 10px;
	padding-bottom: 15px;
	padding-top: 11px;
}


.comment p{
	margin-bottom: -10px;
	color: #9b9b9b;
}

/****/
#commentlist cite {
	font: bold 140%/110% Arial, Helvetica, sans-serif;
	color: #666;
}
#commentlist .time {
	color: #9b9b9b;
	margin: 0 0 10px;
	position: relative;
	top: 3px;
}
#commentlist .commentnumber {
	position: absolute;
	right: 15px;
	top: 8px;
	font: normal 290%/100% Georgia, "Times New Roman", Times, serif;
	color: #3e3f3f;
}
/******************************************************************
				 			COMMENT FORM
******************************************************************/

#commentform {
	margin:0px;
	padding: 15px 0 20px;	
	float: left;
	position: relative;
	width: 100%;
}
#commentform .holder {
	padding-top: 15px;
}
#commentform div {
	float: left;
	width: 221px;
	position: relative;
	margin: 0px;
	padding: 0px;
}
#commentform div label {
	display: block;
	font-size: 0.9em;
	padding-left: 2px;
	color: #585959;
	padding-bottom: 3px;
}
#commentform div label.error {
	color: #a80000;
	position: absolute;
	right: 29px;
	text-align: right;
	font-size: 0.9em;
	top: 0px;
}

.submit-button{
	position: relative;
	left: 14em;
}
#commentform input{
	border: 1px solid #cccece;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	border-radius: 3px;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 		
	width: 199px;
	background-color: #f6f6f6;
	margin: 0 0 8px 2px;
	padding: 9px 5px 11px;
}	
#commentform textarea {
	border: 1px solid #cccece;
	border-radius: 3px;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 		
	height: 150px;
	background-color: #f6f6f6;
	width: 390px;
	margin-top: -1px;
}
#commentform input:focus, textarea:focus {
	color:#232323;
	border-color: #8F8F8F;
}
#commentform .submit {
	color:#fff;
	background: transparent url(/public/images/buttons/submit.png) no-repeat;
	cursor:pointer;
	border: none;
	width: 116px;
	float: right;
	height: 26px;
	padding: 3px 10px;
	text-indent: -9999px !important;
}
#commentform .submit:hover, .submit:focus {background-position: 0 -28px;}
#commentform .submit:active{
	background-position: 0 -56px;
}
#commentform em {
	font-style:italic; 
	color:#999999; 
	font-size:0.9em; 
}	

/******************************************************************
				 			POPULAR POSTS
******************************************************************/
.popular-posts { 
	width: 270px; 
	position: relative; 
	margin: 0 auto 15px;
	height: 350px;
}

.popular-posts .wrapper { 
	width: 270px; 
	overflow: auto; 
	height: 370px; 
	position: absolute; 
	top: 0; 
	left: 0;
	margin: -21px 0 0;
}

/* Width below is max for Opera */
.popular-posts .wrapper ul { 
	width: 32700px; 
	list-style: none; 
	position: absolute; 
	top: 0; 
	left: 0; 
	margin: 0; 
}


.popular-posts ul li { 
	display: block; 
	padding: 9px 16px 8px 0; 
	height: 100%; 
	width: 249px;
	float: left;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
}
.popular-posts .arrow  { 
	display: block;
	text-indent: -9999px; 
	position: absolute; 
	cursor: pointer;
}

.popular-posts .forward{ 
	background: url(/public/images/postnav.png) no-repeat -30px 0;
	position: relative;
	left: 242px;
	width: 30px;
	height: 21px;
	top: -43px;
}
.popular-posts .back { 
	background: url(/public/images/postnav.png) no-repeat 0 0;
	position: relative;
	left: 213px;
	width: 30px;
	height: 21px;
	top: -64px;
}
.popular-posts .forward:hover { background-position: -30px -21px; }
.popular-posts .forward:active { background-position: -30px -42px; }
.popular-posts .back:hover  { background-position: 0 -21px; }
.popular-posts .back:active  { background-position: 0 -42px; }

#thumbNav{display: none;}

#start-stop { display: none;}


/*
  Prevents
*/
.popular-posts .wrapper ul ul{ position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
/******************************************************************
				 			SIDEBAR
******************************************************************/

#sidebar {
	margin: -64px 0px 0px;
	float: right;
	width: 283px;
	padding: 0 0px 0px 0;
}

.block-title{
	background: transparent url(/public/images/sidebar-block.png) no-repeat;
	width: 283px;
	height: 64px;
}

.block-title h3, block-title h4{
	position: relative;
	top: 23px;
	left: 18px;
}

.sidebar-block  {
	color: #5b5c5c;
	width: 283px;
	float: left;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0;
	margin: 0 0 19px;
}

.content-block{
	border-left: 1px solid #dbdfe1;
	border-right: 1px solid #dbdfe1;
	border-bottom: 1px solid #dbdfe1;
	background-color: #f9f9f9;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.content-block p{
	width: 248px;
	padding-left: 17px;
	padding-top: 14px;
	margin-top: 0;
}

ul.subnav{
	padding: 15px 0 10px;
	width: 262px;
}

ul.subnav li{
	list-style-image: none; 
	background:url(/public/images/list_arrow.png) no-repeat left center;  
	margin: 0 0 5px 17px; 
	font-size: 13px;
	border-bottom: 1px dotted #c8c8c8; 
	padding: 7px 0 7px 15px;
}

ul.subnav li:last-child{
	border-bottom: none;
}

ul.subnav li a{
	color: #757676;
}

ul.subnav li a:hover{
	color: #2c2d2d;
}


/****/
ul.recentpost-menu{
	padding: 15px 0 10px;
	width: 262px;
}

ul.recentpost-menu li{
	list-style-image: none; 
	background: url(/public/images/list_arrow.png) no-repeat 0 11px;  
	margin: 0 0 5px 17px; 
	font-size: 13px;
	border-bottom: 1px dotted #c8c8c8;
	padding: 7px 0 21px 15px;
	color: #b3b3b3;
}
ul.recentpost-menu li span.recentpost-menu-info{
	font-size: 11px;
	color: #919191;
	float: left;
	overflow: hidden;
	margin-top: 6px;
}

ul.recentpost-menu li:last-child{
	border-bottom: none;
}

ul.recentpost-menu li a{
	color: #757676;
}

ul.recentpost-menu li a:hover{
	color: #2c2d2d;
}
/***/

ul.recentcomments{
	padding: 15px 0 10px;
	width: 262px;
}

ul.recentcomments li{
	list-style-image: none; 
	background: url(/public/images/list_arrow.png) no-repeat 0 11px;  
	margin: 0 0 5px 17px; 
	font-size: 13px;
	border-bottom: 1px dotted #c8c8c8;
	padding: 7px 0 21px 15px;
	color: #b3b3b3;
}

ul.recentcomments li span.name-comment{
	font-size: 13px;
	color: #0081c1;
	margin-right: 4px;
}

ul.recentcomments li span.recentcomments-info{
	font-size: 11px;
	color: #919191;
	float: left;
	overflow: hidden;
	margin-top: 6px;
}

ul.recentcomments li:last-child{
	border-bottom: none;
}

ul.recentcomments li a{
	color: #757676;
}

ul.recentcomments li a:hover{
	color: #2c2d2d;
}



ul.social {
	list-style: none;
	overflow: hidden;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	padding: 20px 0 0 19px;
}
ul.social li {
	margin-bottom: 0px;
	overflow: hidden;
	float: left;
	margin-top: -5px;
}
ul.social a {
	width: 32px;
	overflow: hidden;
	display: block;
	padding: 0 10px 8px 0;
}


ul.socialstyle2 {
	list-style: none;
	overflow: hidden;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	padding: 6px 0 10px 19px;
}
ul.socialstyle2 li {
	margin-bottom: 0px;
	overflow: hidden;
	margin-top: -5px;
	float: left;
}
ul.socialstyle2 li img{
	position: relative;
	top: 7px;
	margin: 6px 9px 0 0;
}

ul.socialstyle2 a {
	width: 120px;
	overflow: hidden;
	display: block;
	padding: 0 10px 8px 0;
	font-size: 14px;
}

ul.advertise {
	list-style: none;
	overflow: hidden;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	padding: 15px 0 0 9px;
}
ul.advertise li {
	float: left;
	margin: 0px;
	display: block;
	width: 135px;
	padding: 0 0px 10px;
}
ul.advertise img {
	border: 1px solid #b5b5b1;
	padding: 1px;
}


ul.blog-posts  {
	list-style: none;
	overflow: hidden;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	padding: 15px 0 0 9px;
}

ul.blog-posts img {
	float: left;
	padding: 4px;
	border: 1px solid #d5d9d9;
	background-color: #e2e4e4;
	margin-right: 14px;
}

ul.blog-posts img:hover {
	float: left;
	padding: 4px;
	border: 1px solid #8f9393;
	background-color: #9ea0a0;
	margin-right: 14px;
}

ul.blog-posts  li {
	float: left;
	margin: 0px;
	padding: 7px 0px 11px 5px;
	border-bottom: 1px solid #cfd1d1;
	width: 249px;
}

ul.blog-posts  li:last-child {
	border: none;
}
ul.blog-posts  li a {
	font-size: 11px;
	text-transform: uppercase;
	color: #4e4f4f;
}

.contact-info{
	width: 211px;
	margin-left: 17px;
	margin-bottom: 20px;
}
ul.contact-info{
	padding-top: 0;
	padding-bottom: 0;
}
ul.contact-info  li{
	padding-top: 10px;
	color: #626363;
	font-size: 12px;
	padding-left: 31px;
	width: 100%;
}

ul.contact-info li.phone {
	background: transparent url(/public/images/phone.png) no-repeat 3px 14px;
}
ul.contact-info li.email {
	background: transparent url(/public/images/mail.png) no-repeat 0 13px;
}
ul.contact-info li.msn {
	background: transparent url(/public/images/msn.png) no-repeat 0 14px;
}
ul.contact-info li.address {
	background: transparent url(/public/images/home.png) no-repeat 0 13px;
}
 
ul.contact-info li strong{
	font-weight: bold;
	color: #676868;
	font-size: 13px;
	line-height: 21px;
}
ul.contact-info li a{color: #626363;}
ul.contact-info li a:hover{color: #2997c4;}

/******************************************************************
				 	   SIDEBAR COLAPSIBLE MENU
******************************************************************/
#colaps-menu{
	width: 285px;
	overflow: hidden;
	margin-bottom: 19px;
	float: left;
}

span.block-title{
	color: #454646;
	font-size: 16px;
	xposition: relative;
	xtop: 26px;
	xleft: 17px;
	float:left;
	margin-top:26px;
	margin-left:17px;
	background: none;
	text-transform: uppercase;
}

/*********COLAPSIBLE MENU FIRST ITEM***************/
.triggerfirts {
	padding: 0;
	background: url(/public/images/menu.png) no-repeat 0 0 !important;
	height: 64px !important;
	width: 283px;
	font-size: 15px;
	float: left;
	cursor: pointer;
	margin: 0;
}

.triggerfirts:hover{
	background-position: 0 -66px !important;
}
.triggerfirts a {
	color: #fff;
	text-decoration: none;
	display: block;
}
.triggerfirts a:hover {
	color: #ccc;
}
.triggerfirts.active {
	background-position: -282px 0 !important;

}
.triggerfirts.active:hover {background-position: -282px -66px !important;}


/*********COLAPSIBLE MENU THE NEXT ITEMS***************/
.trigger {
	padding: 0;
	margin: 0;
	background: url(/public/images/menu.png) no-repeat 0 -130px;
	height: 61px;
	font-size: 16px;
	font-weight: normal;
	float: left;
	cursor: pointer;
	width: 283px;
}
.trigger:hover{
	background-position: 0 -191px;
}

.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
.trigger a:hover {
	color: #ccc;
}
.active {background-position: -282px -130px;}
.active:hover {background-position: -282px -191px;}

.trigger2 {
	padding: 0;
	margin: 0;
	background: url(/public/images/menu.png) no-repeat 0 -130px;
	height: 61px;
	font-size: 16px;
	font-weight: normal;
	float: left;
	cursor: pointer;
	width: 283px;
}
.trigger2:hover{
	background-position: 0 -191px;
}

.trigger2 a {
	color: #454646;
	text-decoration: none;
	display: block;
}
.trigger2 a:hover {
	color: #ccc;
}

/*********COLAPSIBLE MENU LAST ITEM***************/
.triggerlast {
	padding: 0;
	background: url(/public/images/menu.png) no-repeat 0 -256px;
	height: 64px;
	width: 283px;
	font-size: 15px;
	float: left;
	cursor: pointer;
	margin: 0;
}

.triggerlast:hover{
	background-position: 0 -321px;
}
.triggerlast a {
	color: #fff;
	text-decoration: none;
	display: block;
}
.triggerlast a:hover {
	color: #ccc;
}
.triggerlast.active {background-position: -282px -256px;}
.triggerlast.active:hover {background-position: -282px -321px;}

/*******/

.toggle_container {
	margin: 0;
	padding: 0;
	background: #f9f9f9 repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 281px;
	border-left: 1px solid #dbdfe1;
	border-right: 1px solid #dbdfe1;
	clear: both;
}

.toggle_container .block {
	padding: 20px;
}
.toggle_container .block p {
	padding: 5px 0;
	margin: -5px 0 0;
}
.toggle_container h4 {
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
	font: normal 2.1em "Lucida Grande", Lucida, Verdana, sans-serif;
}
.toggle_container img {
	float: left;
	margin: 10px 13px 15px 0;
	padding: 4px;
	border: 1px solid #2c2d2d;
	background-color: #242424;
}

img.no-border{
	float: left;
	margin: 10px 10px 5px 0;
	padding: 4px;
	border: none;
	background: none;
}

.toggle_container .block .subnav{ margin: -18px 0 -22px -16px;}
.toggle_container .block .recentcomments{margin: -18px 0 -22px -16px;}
.toggle_container .block .recentpost-menu{margin: -18px 0 -22px -16px;}
.toggle_container .block .contact-info{margin: -12px 0 4px;}
/* step style */
#step {
	margin: 10px 0 40px;
	padding: 0;
	overflow: hidden;
}
#step li {
	padding: 3px 0 6px 110px;
	margin: 0;
	list-style: none;
	float: left;
}

.step-content{
	overflow: hidden;
	display: inline-block;
	position: relative;
	height: auto;
	right: 110px;
	margin-top: 20px;
	width: 631px;
}

.step-content img{
	float: left;
	margin-bottom: 15px;
}

.step-content p{
	
}

#step h3 {
	margin: 0 0 5px;
	color: #666;
	line-height: 100%;
	font-size: 23px;
}
#step .item1 {
	background: url(/public/images/step1.png) no-repeat;
	width: 521px;
}
#step .item2 {
	background: url(/public/images/step2.png) no-repeat;
	width: 521px;
}
#step .item3 {
	background: url(/public/images/step3.png) no-repeat;
	width: 521px;
}
#step .item4 {
	background: url(/public/images/step4.png) no-repeat;
	width: 521px;
}

/******************************************************************
				 		   JQUERY TIP
******************************************************************/
.tipsy { 
	padding: 5px; 
	font-size: 13px; 
	opacity: 0.8; 
	background-repeat: no-repeat;  
	background-image: url(/public/images/tipsy.gif);
	width: 120px;
}
 
.tipsy-inner { 
	padding: 5px 8px 4px 8px; 
	background-color: #333; 
	color: white; 
	max-width: 200px; 
	text-align: center;
}
  .tipsy-inner { 
  	border-radius: 3px;
  	-moz-border-radius:3px; 
  	-webkit-border-radius:3px; 
}
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }
/******************************************************************
				 			FOOTER
******************************************************************/
.footer{
 width: 100%;
 height: 85px;
 background: #1e1e1e url(/public/images/footer.png) repeat-x;
 margin-top: 39px;
 }
 
.footer_content{
 height: 66px;
 margin: 0 auto !important;
 padding: 19px 36px 0 36px;
	width: 958px;
	text-transform: uppercase;
}
 
#logo-footer{
	background: transparent url(/public/images/logo-footer.png) no-repeat;
	width: 220px;
	height: 55px;
	margin-top: 5px;
	display: block;
	text-indent: -9999px;
} 

.footer_left{ float: left;}
.footer_right{ float: right;}
 .footer p{ margin-bottom: -10px;}
.footer a{ color: #7f7f7f;}
.footer a:hover{ color: #dadada;}

/******************************************************************
				 			CONTACT FORM
******************************************************************/
#contact p, label, legend { font: 1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }

#contact h1 { margin: 10px 0 10px; color: #414242;
	font-size: 20px;
}
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { 
	display: block; 
	width: 100%; 
	margin: 0 auto 60px; 
	padding: 0; 
}

/* Form style */

#contact label { 
	display: inline-block; 
	float: left; height: 26px; 
	line-height: 26px; 
	width: 88px; 
	font-size: 13px;
	color: #656666;
	margin-top: -2px;
}
#contact input, textarea, select { 
	width: 280px; 
	margin: 5px 0 11px; 
	color: #333; 
	background: #f6f6f6; 
	border: 1px solid #b3b7b8; 
	-moz-border-radius:3px; -webkit-border-radius:3px;
	padding-top: 6px;
	padding-left: 5px;
	padding-right: 5px;
	height: 20px;
}

#contact textarea{
	width: 508px !important;
	height: 162px;
	margin-bottom: 0;
	padding-bottom: 0;
}

#contact input:focus, textarea:focus, select:focus { 
	border: 1px solid #1a1b1b; 
	background-color: #f9f9f9; 
	color:#666; 
}
#contact input.submit { 
	width: 116px;
 	background: transparent url(/public/images/submit.png) no-repeat;
 	text-indent: -9999px !important;
	cursor: pointer; 
	border: none; 
	color:#fff;
	height: 28px;
	float: right;
	margin-right: 11px;
	margin-top: 10px;
}
#contact input.submit:hover { 
	text-indent: -9999px;
	background-position: 0 -28px; 
}
#contact input.submit:active { text-indent: -9999px; background-position: 0 -56px !important; }
#contact input[type="submit"][disabled] { 
	background: transparent url(/public/images/submit.png) no-repeat; 
	width: 116px;
	height: 28px;
	cursor: default; }
#contact fieldset { 
	padding: 0; 
	border:none; 
}

#contact legend { 
	padding:7px 10px; 
	font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; line-height: 22px; background: #f6f6f6 url('/public/images/error.png') no-repeat 10px 6px; padding: 3px 10px 3px 35px; color: #0a0a0a;border: 1px solid #e5e5e5; -moz-border-radius:5px; -webkit-border-radius:5px; }

ul.error_messages { margin: 0 0 0 15px; padding: 0; }
ul.error_messages li { height: 22px; line-height: 22px; color:#333; }

.loader { padding: 0 10px;
	float: right;
	margin-top: 16px;
}

#contact #success_page h1 { background: url('/public/images/success.gif') left no-repeat; padding-left:22px; }


/***************************************************
				      SEARCH
***************************************************/
#search {
	margin: 0px;
	float: right;
	width: 283px;
	background-image: url(/public/images/input-search.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0px;
	height: 67px;
}
#search input {
	margin: 20px 0px 0px 27px;
	float: left;
	width: 170px;
	height: 15px;
	color: #c8caca;
	font-size: 13px;
	background-color: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 8px 3px 2px 2px;
}
#search .search_button {
	color: #FFFFFF;
	background-color: transparent;
	float: left;
	width: 66px;
	height: 28px;
	margin: 0 0px 0px 0;
	border: none;
	padding: 0;
	position: relative;
	right: -2px;
	top: 18px;
}

/******************************************************************
				 			GALLERY
******************************************************************/

.gallery_photo
{
float:left;
width:130px;
text-align:center;
margin-left:10px;
margin-right:10px;
margin-top:10px;
padding-bottom:20px;
}

.gallery_photo img
{
	padding: 4px;
	border: 1px solid #d5d9d9;
	background-color: #e2e4e4;
}

.gallery_photo img:hover
{
	border: 1px solid #e0e2e2;
	background-color: #f6f6f6;
}