/*



Theme Name: Echoes Wordpress Theme



Theme URI: http://echoes.imaginemthemes.com/wp/



Description: Theme Design by Mondre'



Version: 1.3



Author: Mondre'



Author URI: http://www.imaginemthemes.com/



Tags: fixed width, two columns, widgets







	Echoes Wordpress Theme v1.3



	http://echoes.imaginemthemes.com/wp/







	This theme was designed and built by Mondre,



	you will find him at http://themeforest.net/user/imaginem 



	in Themeforest







*/







/*



begin resets



*/



html, body, div, span, applet, object, iframe,



h1, h2, h3, h4, h5, h6, p, blockquote, pre,



a, abbr, acronym, address, big, cite, code,



del, dfn, em, font, img, ins, kbd, q, s, samp,



small, strike, strong, sub, sup, tt, var,



dl, dt, dd, ol, ul, li,



fieldset, form, label, legend,



table, caption, tbody, tfoot, thead, tr, th, td {



	padding: 0;



	border: 0;



	outline: 0;



	font-family: inherit;



	font-style: inherit;



	font-size: 100%;



	vertical-align: baseline;



}







/*



Main Global Layout Settings



*/











*{ padding: 0px; }



body, html{ height: 100%; margin: 0;height: auto; min-height: 100%; }



body{ font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;



font-size: 62.5%; background: #c0c0c0;}



a{ outline: none; text-decoration: none; }



a:hover{ text-decoration: underline; }



a img{ border: none; }







.clear {clear:both;}



.clearlast {clear:both;padding-bottom:35px;}



.clearlastgallery {clear:both;padding-bottom:55px;}



.ienoclear {clear:both;}



.clearfix:after	{ content: "."; visibility: hidden; display: block; height: 0px; clear: both; }



* html .clearfix{ height: 1%; }



*+html .clearfix{ height: 1%; }







/* -------- Page Structure -------- */







#mainpagecontainer{ width: 1035px; margin: 0px auto; padding:0px; margin-top:10px;background: #fff; border-top:8px solid #F7941E;}



#pagecontainer{ width: 1035px; margin: 0px auto; padding:0px; margin-top:10px;background: #fff; border-top:8px solid #F7941E;}



#mainpage{ width: 940px; margin: 0px auto; padding-top:30px;  }



#mainpageheader { padding-bottom:20px;}



#gallerypageheader { padding-bottom:20px;border-bottom:1px dotted #D1D1D1;}



#header { padding-bottom:20px;border-bottom:1px dotted #D1D1D1;}



#logo { margin:0;padding:0; margin-top:-20px; }



#rss { float:right; position:relative; top:15px; }



.twocolumn {width:600px; float:left;}



.noflashtop {margin-top:-50px;}



.topmargin10 {margin-top:10px;}



.topmargin35 {margin-top:35px;}



.pmarginbottom { margin-bottom:25px;}



	



/* -------- Title -------- */







#categorytitle { font-size:22px; color:#7d7d7d; padding:12px 0 12px 22px; margin:0 0 30px 0; border-bottom:1px dotted #D1D1D1; width:918px; background:#E8E8E8;}



#fullwidth-categorytitle { font-size:22px; color:#7d7d7d; padding:12px 0 12px 12px; margin:0 0 0px 20; border-bottom:1px dotted #D1D1D1; width:928px;background:#E8E8E8;}



.subcategorytitle { font-size:26px; color:#111; padding:12px 0 12px 0; margin:0 0 10px 0; font-weight:bold;}



	



	



/* -------- Mainpage Intro Text -------- */







#introwrap { width:700px;}



	#introbig { font-size:22px; font-style:normal; font-weight:bold; letter-spacing:-1px; margin-bottom:15px;}



	#introsmall { font-family:Georgia, 'Times New Roman', serif; font-size:16px; font-style:italic; line-height:19px;  color:#969696;}



	#twitter {float:right; margin-right:60px;}







	



/* -------- Mainpage Portfolio -------- */







#mportfoliowrap , #contents #mportfoliowrap {



	padding:10px 0 0px 0;



	margin: 25px 0 20px 0;







	}



	



	.homeportfoliotitle { font-size:18px; color:#3a3a3a; font-style:normal; font-weight:bold;  margin-bottom:15px;}



	.homeportfoliotitle a { color:#3a3a3a; font-weight:bold; }



	.homeportfoliotitle a:hover { color:#111; text-decoration:none; }



	



	.mportfoliotitle , #contents .mportfoliotitle { font-size:18px; color:#3a3a3a; font-style:normal; font-weight:bold;  margin-bottom:15px;}



	.mportfoliotitle a , #contents .mportfoliotitle a { color:#3a3a3a; font-weight:bold; }



	.mportfoliotitle a:hover , #contents .mportfoliotitle a:hover { color:#111; text-decoration:none; }



	.mportfoliobox , #contents .mportfoliobox {width:220px;float:left;}







	.mportfolio {}



		.mportfolio img , #contents .mportfolio img { width:220px; height:124px;float:left;}



		.mportfoliospace , #contents .mportfoliospace { margin-left:20px;}



		.mportfoliobg , #contents .mportfoliobg { width:220px; height:124px; float:left; background: #111 url(images/hover-media.jpg) no-repeat top left; border: 1px;

	border-color: #ccc;

	border-style: solid;

}



		.mportfoliocatbg , #contents .mportfoliocatbg { width:220px; height:124px; float:left; background: #111 url(images/hover-category.jpg) no-repeat top left;}



		.mportfoliobgvideo , #contents .mportfoliobgvideo { width:220px; height:124px; float:left; background: #111 url(images/hover-video.jpg) no-repeat top left;}







		



.mportfoliowrap-med, #contents .mportfoliowrap-med {



	padding:10px 0 10px 0;



	margin: 25px 0 25px 0;



	}



	



	.mportfoliotitle-med, #contents .mportfoliotitle-med { font-size:18px; color:#3a3a3a; font-style:normal; font-weight:bold;  margin-bottom:15px;}



	.mportfoliotitle-med a, #contents .mportfoliotitle-med a { color:#3a3a3a; font-weight:bold; }



	.mportfoliotitle-med a:hover, #contents .mportfoliotitle-med a:hover { color:#111; text-decoration:none; }



	.mportfoliobox-med, #contents .mportfoliobox-med {width:300px;float:left;}







	.mportfolio-med , #contents .mportfolio-med {}



		.mportfolio-med img, #contents .mportfolio-med img { width:300px; height:185px;float:left;}



		.mportfoliospace-med, #contents .mportfoliospace-med { margin-left:20px;}



		.mportfoliobg-med, #contents .mportfoliobg-med { width:300px; height:185px; float:left; background: #111 url(images/hover-media-med.jpg) no-repeat top left;}



		.mportfoliocatbg-med, #contents .mportfoliocatbg-med { width:300px; height:185px; float:left; background: #111 url(images/hover-media-med.jpg) no-repeat top left;}



		.mportfoliobgvideo-med, #contents .mportfoliobgvideo-med { width:300px; height:185px; float:left; background: #111 url(images/hover-video-med.jpg) no-repeat top left;}



		



/* -------- Big Saying -------- */







.mbigsaying {



		margin: 30px 0 35px 0;



		}



	.mbigbutton {



	



	float:right; width:220px;







	}



		.mbigbutton span { padding:17px 0 0 65px; }



	



		.mbigbutton a {



			float:right;



			background: #fff url(images/buttons/mbutton.png) no-repeat;



			width:220px;



			height:46px;



			font-size:18px; font-weight:bold; color:#464646;  



		}



		.mbigbutton a:hover {



			color:#111;



			text-decoration:none;float:right;



			background: #fff url(images/buttons/mbutton-on.png) no-repeat;



			width:220px;



			height:46px;



		}



		



		



	.mbigtextwrap {



		float:left;



		width:700px;



	}



	.mbigtitle {



		font-size:26px; letter-spacing:-1px; font-weight:bold; color:#424242;



	}



		.mbigtitle a{



			color:#424242;



		}



		.mbigtitle a:hover{



			color:#111; text-decoration:none;



		}



	.mbigdesc {



		font-size:18px; letter-spacing:-1px; font-weight:bold; color:#a3a2a2;



	}



	



	



	.mbigmorewrap {



		text-align:center;



		width:940px;



		padding-bottom:15px;



	}



	



	.morearrow { padding-top:0px;margin-left:20px;padding-left:27px; background: #fff url(images/buttons/more-arrow.png) no-repeat bottom left; width:27px;height:27px; }



	a.morearrow:hover { background: #fff url(images/buttons/more-arrow-hover.png) no-repeat bottom left; }



	



/* -------- Steps -------- */







#mstepswrap {







	border-top:1px solid #e5e5e5;



	border-bottom:1px solid #e5e5e5;



	



	padding:24px 0 24px 0;



	margin:35px 0 35px 0;







}







	.stepblock {



		width:300px;



		float:left;



	}



	.stepspace {



		margin-right:20px;



	}



	.stepbullet {



		float:left;



	}



	.stepcontents {



		width:196px; 



		float:left; margin-left:35px;



	}



	.steptitle {



		font-size:26px; letter-spacing:-1px; font-weight:bold; color:#424242; padding-bottom:8px;



	}



		.steptitle a{



			color:#F93;



		}



		.steptitle a:hover{



			color:#424242; text-decoration:none;



		}	



	.steptext {



		font-size:12px; color:#7d7d7d; line-height:1.6;



	}



		.steptext a { color:#119ff7; }



		.steptext a:hover { text-decoration:none; }







		



/* -------- Category Portfolio -------- */



		



.categoryportfoliowrap, #contents .categoryportfoliowrap {



	padding:10px 0 10px 0;



	margin: 5px 0 5px 0;







	}







	#mblogwrap {



		padding: 0 0 12px 0;



		margin: 0px 0 35px 0;



		}



	.mblogbox {



		width:220px;



		float:left;



		}



		.mblogtitle { font-size:18px; color:#3a3a3a; font-weight:bold; margin-bottom:10px;}



			.mblogtitle a { color:#3a3a3a; text-decoration:none;}



			.mblogtitle a:hover { color:#111; text-decoration:none;}







		.mblogtext { font-size:12px; color:#7d7d7d; line-height:1.6;}



			.mblogtext a { color:#111; }



			.mblogtext a:hover { text-decoration:none; }



		.mblogspace { margin-left:20px; }



		



		



		



#midplacement {



	width:100%; margin: 35px 0 25px 0; padding: 0 0 15px 0; border-bottom:1px solid #e3e3e3;



	}



	.articlewrap {



		width: 480px; float:left;



	}



		.articles {



			



		}



			.articleimage {



				float:left; width:135px; 



			}



				.articleimage img {



					border:5px solid #b2b2b2;



				}



					.articleimage img:hover {



						border:5px solid #969696;



					}



			.articletext {



				float:right; width:310px;



				font-size:13px; line-height:20px; color:#7d7d7d;



				margin-bottom:20px;



			}



				.articletitle, .articletitle a {



					font-size:18px; font-weight:bold; margin-bottom:5px; color:#5D5D5D;



				}



					.articletitle a:hover {



						color:#111; text-decoration:none;



					}



	



	



	#aboutwrap {



		width:940px; border-top:1px solid #e3e3e3; margin-top:10px;



		float:right;



	}



		.abouttext {



			float:right; font-weight:bold;



			font-size:22px; line-height:20px; color:#464646;



			margin-bottom:5px; margin-top:25px;



			}



		.abouthighlight {



			font-size:18px; font-style:normal;line-height:26px; color:#717171;



			margin-bottom:8px;margin-top:15px;font-weight:normal;



			}



		.abouttitle, .abouttitle a {



			font-size:16px; font-weight:bold; margin-bottom:5px; color:#5D5D5D;



			}



				.abouttitle a:hover {



						color:#111; text-decoration:none;



					}







/* -------- Mainpage button -------- */







.blankbutton { 



	background: #fff url(../images/blank_button.gif) no-repeat top left; 



	float:right; 



	width:133px; 



	height:31px;



	font-family:georgia, serif;



	font-size:11px;



	font-weight:bold;



	font-style:italic;



	padding:7px 0 0 22px;



	margin-top:20px;



	}







	.blankbutton a { 



		font-family:georgia, serif;



		font-size:11px;



		font-weight:bold;



		font-style:italic;



		text-decoration:none;



		color:#111;



		}







	.blankbutton a:hover { 



		font-family:georgia, serif;



		font-size:11px;



		font-weight:bold;



		font-style:italic;



		text-decoration:none;



		color:#0878aa;



		}







/* -------- Portfolio Page -------- */



		



.portfoliopagerows, #contents .portfoliopagerows {



	border-top:6px solid #b2b2b2; 







	padding:0 0 20px 0;



	margin:0;



	}



	.portfoliobox , #contents .portfoliobox {width:240px;float:left;}



		.portfoliotitle , #contents .portfoliotitle { color:#111; font-size:13px; padding-top:10px; line-height:1.3;}



			.portfoliotitle a , #contents .portfoliotitle a { color:#5D5D5D; text-decoration:none; font-weight:bold;}



			.portfoliotitle a:hover , #contents .portfoliotitle a:hover { color:#111; text-decoration:none;}



		.portfoliocontents , #contents .portfoliocontents { color:#919191; font-size:12px; font-weight:normal; padding-top:10px; line-height:1.3;}



		



		



#recentportfolio, #contents #recentportfolio {



	padding: 10px 0 35px 0; 



	}



	.recent-portfolioitem , #contents .recent-portfolioitem { width:620px; float:left;}



	.recentportfoliobg, #contents .recentportfoliobg { width:620px; height:383px; float:left; background: #111 url(../images/recenthover-media.jpg) no-repeat top left;}



	.recent-contentblock, #contents .recent-contentblock {width:300px; float:right; padding-top:10px; }



	.recent-description, #contents .recent-description {color:#919191; font-weight:normal; padding-right:20px;font-size:13px; color:#7d7d7d; line-height:1.6;}



	.recent-highlight , #contents .recent-highlight {color:#747474; font-size:16px; font-weight:normal; padding:0 20px 20px 0;}



		.recent-title, #contents .recent-title { color:#5D5D5D; font-size:22px; padding:10px 0 20px 0; font-weight:bold;}



		.recent-title a, #contents .recent-title a { color:#5D5D5D; text-decoration:none; }



		.recent-title a:hover , #contents .recent-title a:hover { color:#111; text-decoration:none;}











		



/* -------- Title and Blog Contents -------- */







#title { font-size:36px; font-style:normal; color:#3a3a3a; font-weight:bold; letter-spacing:-1px; margin:45px 0 15px 0; width:600px;}



#titleHighlight { font-size:18px; color:#A2A2A2; font-weight:normal; letter-spacing:0px; margin-top:15px;margin-bottom:15px;line-height:28px; width:600px;}



#fulltitle { font-size:36px; font-style:normal; color:#3a3a3a; font-weight:bold; letter-spacing:-1px; margin:45px 0 15px 0; width:920px;}



#fulltitleHighlight { font-size:18px; color:#A2A2A2; font-weight:normal; letter-spacing:0px; margin-bottom:15px;line-height:28px; width:920px;}



#subtitle { font-size:22px; font-style:normal; color:#3a3a3a; font-weight:bold; letter-spacing:-1px; margin-bottom:15px;}



#gallerycontents { margin-bottom:25px;}







/* -------- Post Info -------- */







.post-title { font-size:36px; font-style:normal; color:#3a3a3a; font-weight:bold; letter-spacing:-1px; margin:0 0 15px 0; width:600px;}



.postinfo {font-size:11px; color:#7d7d7d; border-top:1px solid #E8E8E8;border-bottom:1px solid #E8E8E8;



			background:#F9F9F9; padding-left:10px; margin-top:25px;



			}



	.postinfo p {line-height:0.9;}



	.postinfo a, #contents .postinfo a { color:#111; text-decoration:none;}



	.postinfo a:hover {color:#000;}



	



	



/* -------- Blog List titles -------- */



	



.list-title , #contents .list-title {  font-size:28px; font-style:normal; color:#3a3a3a; font-weight:bold; letter-spacing:-1px; margin:0 0 15px 0; width:600px;}



	.list-title a , #contents .list-title a { color:#3a3a3a; text-decoration:none;}



	.list-title a:hover , #contents .list-title a:hover { color:#000; text-decoration:none;}



	



.videoembed { color:#7d7d7d; font-size:12px; margin-bottom:35px;}



.videoembed a { color:#464646; text-decoration:none; }



.videoembed a:hover { color:#111; text-decoration:none; }







.bigtopimage { margin-bottom:35px;}



	



#contents { font-size:13px; line-height:1.6; color:#7d7d7d; padding-bottom:30px;}



	h1,h2,h3,h4,h6 {



		font-weight:normal;



			}

	h5 {

	font-weight:normal;

	padding-bottom: 0px;

			}



	



	#contents .posttitle { font-size:22px; font-style:normal; color:#111; font-weight:bold; letter-spacing:-1px; margin-bottom:15px;}







	/* -------- Blog Content Alignment -------- */



	



	#contents .alignright {float:right; margin-left:15px;}



	#contents .alignleft {float:left; margin-right:15px;}



	#contents .aligncenter { clear:both; display:block; margin:0px auto;  }



	







	/* -------- Blog Date, Comments and image styles -------- */



	



	#contents .datecomment { font-size:10px; font-weight:normal; text-transform:uppercase; letter-spacing:1px; background:#F9F9F9;margin:0 0 20px 0; padding: 6px 0 8px 0; }



	#contents .datecomment a { }



	



	#contents .thetags { background: url(images/tag.gif) no-repeat left; padding: 0 0 0 15px; font-size:10px; text-transform:uppercase;color:#111; margin-bottom:20px;}



	#contents .thetags a { color:#7d7d7d; text-decoration:none; }



	#contents .thetags a:hover {  color:#111; }



	



	#contents .posted-date { background: #ECECEC; padding:8px 20px 10px 20px; margin:0;color:#8B8B8B;  }



	#contents .posted-date a { color:#111; text-decoration:none; }



	#contents .posted-date a:hover { color:#111; }



	



	#contents .postedin { background: url(images/drop_box.gif) no-repeat left; padding: 0 0 0 15px; margin: 0 0 0 20px;color:#8B8B8B; }



	#contents .postedin a {  color:#464646; text-decoration:none; }



	#contents .postedin a:hover {  color:#111; }



	



	#contents span.comments { color:#111; float:right; padding:2px 20px 2px 6px;}



	#contents span.comments a { color:#464646; background: url(images/comment.gif) no-repeat left;padding: 0 0 0 15px; text-decoration:none;}



	#contents span.comments a:hover { color:#111; }







	#contents img.image {border:1px solid #A2A2A2;padding:3px;}



	#contents img.bigimage {border:none;padding:0;}



	#contents .imagecaption {margin-top:-6px;padding:5px 10px 5px 10px;background:#111;color:#fff;font-size:11px;}



	#contents em {font-style:italic;}



	#contents a {color:#111;text-decoration:underline;}



	#contents blockquote{



	margin:0 0 22px 5px;



	padding:0 15px;



	border-left: 5px solid #111;



	}



	



	#contents ul, #contents ol{



	list-style-position:outside;



	margin-left:20px;



	}







	



	/* -------- Headings -------- */



	



	#contents h1 {font-size:28px;font-weight:bold;color:#F93;}



	#contents h2 {font-size:24px;font-weight:bold;color:#F93;}



	#contents h3 {font-size:20px;font-weight:bold;color:#F93;}



	#contents h4 {font-size:18px;color:#111;}



	#contents h5 {font-size:16px;color:#111;}



	#contents h6 {font-size:14px;color:#111;}







/* -------- Mini Showcase -------- */







	#contents .minishowcasewrap { width:600px;float:left; margin:0 0 20px 0;padding:0; }



		#contents .minishowcasewrap .minishowcase { list-style:none; margin:0;padding:0; }



		#contents .minishowcasewrap .minishowcase .tileimage { background: url(images/page/hover-image.jpg) no-repeat 5px 5px; width:127px;height:120px; }



		#contents .minishowcasewrap .minishowcase .tilevideo { background: url(images/page/hover-video.jpg) no-repeat 5px 5px; width:127px;height:120px; }



		#contents .minishowcasewrap .minishowcase li { float:left; padding:5px;margin:0 5px 10px 5px;background:#d1d1d1;border:1px solid #B9B9B9;}



		



	#contents .minishowcasewrap-full { width:900px; padding:0 0 20px 0;margin:0 auto; }



		#contents .minishowcasewrap-full .minishowcase { list-style:none; margin:0;padding:0; }



		#contents .minishowcasewrap-full .minishowcase .tileimage { background: url(images/page/hover-image.jpg) no-repeat 5px 5px; width:127px;height:120px; }



		#contents .minishowcasewrap-full .minishowcase .tilevideo { background: url(images/page/hover-video.jpg) no-repeat 5px 5px; width:127px;height:120px; }



		#contents .minishowcasewrap-full .minishowcase li { float:left; padding:5px;margin:0 5px 10px 5px;background:#d1d1d1;border:1px solid #B9B9B9;}







		#contents .photoshowcase {width:127px; height:120px;float:left; }











/* -------- Notice -------- */



#contents .notice {



	background: #FFFFD1 url(images/icons/star.png) no-repeat 15px 15px;



	color:#8B6F00;



	padding:15px 15px 15px 55px;



	margin:15px 0 10px 0;



	border:1px solid #FFFF8B;



	border-left:15px solid #FFFF8B;



}







/* -------- Warning -------- */



#contents .warning {



	background:#FF4646 url(images/icons/cross.png) no-repeat 15px 15px;



	color:#fff;



	padding:15px 15px 15px 55px;



	border:1px solid #FF0000;



	border-left:15px solid #FF0000;



}







	#contents .warning a {



		font-weight:bold;



		color:#fff;



	}







/* -------- Green -------- */



#contents .green {



	background:#EDFFD6 url(images/icons/green.png) no-repeat 15px 15px;



	color:#0E2A00;



	padding:15px 15px 15px 55px;



	border:1px solid #C7E3B9;



	border-left:15px solid #C7E3B9;



}







#contents .green a, #contents .blue a, #contents .notice a { color: #000; }







#contents .blue {



	background:#D1ECFF url(images/icons/blue.png) no-repeat 15px 15px;



	color:#0E2A00;



	padding:15px 15px 15px 55px;



	border:1px solid #74C7FF;



	border-left:15px solid #74C7FF;



}







/* -------- Drop Caps Letter -------- */







#contents .dropcaps {



float:left;



font-size: 300%;



color:#111;



line-height: 0.85em;



margin-right: 0.13em;



margin-bottom:-0.25em;



}



		



/* -------- Text Highlight Marker -------- */







#contents .highlight {



	background:#FFFF99;



}



			



/* -------- Pullquote -------- */







#contents .pullquote-c {



	padding:5px 5px 5px 0;



	margin:10px 10px 5px 0;



	width:100%;



	font-family: georgia;



	font-size:18px;



	font-style:italic;



}







#contents .pullquote-r {



	padding:5px 0 5px 5px;



	margin:10px 0 5px 10px;



	float:right;



	width:250px;



	font-family: georgia;



	font-size:18px;



	font-style:italic;



}







#contents .pullquote-l {



	padding:5px 5px 5px 0;



	margin:10px 10px 5px 0;



	float:left;



	width:250px;



	font-family: georgia;



	font-size:18px;



	font-style:italic;



}







/* -------- Flexible Buttons -------- */







/* Normal Buttons  */







#contents a.button , a.button {



    background: transparent url('images/buttons/bg_button_a.gif') no-repeat scroll top right;



    color: #444;



    display:inline-block;



    height: 34px;



    margin-right: 6px;



	margin-top:0;



    padding-right: 18px; /* sliding doors padding */



    text-decoration: none;



}







#contents a.button span , a.button span {



    background: transparent url('images/buttons/bg_button_span.gif') no-repeat top left;



    display: block;



    line-height: 14px;



    padding: 10px 0 10px 18px;



}







#contents a.button:hover , a.button:hover {



	color:#000;background-position: bottom right;



	cursor:pointer;



}







#contents a.button:hover span, a.button:hover span{



	color:#000;background-position: bottom left;



	cursor:pointer;



}







/* Icon Buttons  */







#contents a.buttonicon , a.buttonicon {



    background: transparent url('images/buttons/bg_button_a.gif') no-repeat scroll top right;



    color: #444;



    display:inline-block;



    height: 34px;



    margin-right: 6px;



	margin-top:0;



    padding-right: 18px; /* sliding doors padding */



    text-decoration: none;



}











#contents a.buttonicon span , a.buttonicon span {



    background: transparent url('images/buttons/bg_button_span.gif') no-repeat top left;



    display: block;



    line-height: 14px;



    padding: 10px 0 10px 18px;



}







#contents a.buttonicon:hover , a.buttonicon:hover {



	color:#000;background-position: bottom right;



	cursor:pointer;



}







#contents a.buttonicon:hover span, a.buttonicon:hover span{



	color:#000;background-position: bottom left;



	cursor:pointer;



}







/* -------- Navigation -------- */







.negmargin {



	margin-top:-35px;



}







.navigationbox { 



	font-size:12px;



	padding:0 10px 20px 0;



	width:600px; float:left;	



}







.navigationbox .navigation { 



	font-size:14px;



}







	.navigationbox .navigation a { 



		color:#111;



	}







	.navigationbox .navigation a:hover { 



		color:#000;



		text-decoration:none;



	}











/* -------- Read more -------- */







#contents .readmorebutton { 



font-size:10px;



font-weight:normal;



text-transform:uppercase;



letter-spacing:1px;



margin: 20px 0 50px 0;



color:#fff;



background:#272727;



width:140px;







}







#contents .readmorebutton a {



	background: #747474 url(images/buttons/readmore.png) no-repeat left; padding: 5px 0 5px 15px;



	display:block;



	text-decoration:none;



	color:#fff;



	}







#contents .readmorebutton a:hover {



	background: #111 url(images/buttons/readmore.png) no-repeat left; padding: 5px 0 5px 15px;



	color:#fff;



	display:block;







	}







		



	#contents .servicelist ul { 



		list-style-image: 



		url('images/tick.gif');



		padding-bottom:20px;



		}



		#contents .servicelist ul li { 



			padding-top:5px;



			}



			



	#contents .starlist ul { 



		list-style-image: 



		url('images/star.gif');



		



		padding-bottom:20px;



		}



		#contents .starlist ul li { 



			padding-top:5px;



			}



			







			



/* -------- Typography -------- */



#contents .column1 , #contents .column2, #contents .column3, #contents .column32 { padding-bottom:10px; }



#contents .column1 {width:100%;}



#contents .column2 {width:450px; padding-right:20px;float:left;}



#contents .column3 {width:290px; padding-right:20px;float:left;}



#contents .column4 {width:210px; padding-right:20px;float:left;}



#contents .column32 {width:600px; padding-right:20px;float:left;}







code {font-size:12px;display:block;border:1px solid #eee; padding:10px;margin: 10px 0 0 0; background:#FCFCFC;}



hr {clear:both; height: 1px; border:none; background:#eee; }











			



/* -------- Related Posts -------- */



	



#contents .relatedposts { font-size:13px; color:#7d7d7d; line-height:18px; margin-top:-8px; margin-bottom:10px;padding-top:5px; padding-bottom:30px;padding-top:10px;}



#contents .relatedposts a {text-decoration:none; color:#7d7d7d;}



#contents .relatedposts img { border:1px solid #D1D1D1;padding:3px; margin-right:10px; }



#contents .relatedposts img:hover { border:1px solid #111;}



	#contents .relatedposts a:hover { color:#111; text-decoration:none;}



		#contents .relatedposts ul { font-size:13px; line-height:18px; list-style:none; line-height:18px;  padding:0;margin:0; }



		#contents .relatedposts ul li {  }



		#contents .relatedposts ul li.relatedimage { float:left; border:none;}



		#contents .relatedposts ul li.relateddesc {  padding-top:10px;}



		#contents .relatedposts ul li.relatedclear { clear:both;border-bottom:none;margin-bottom:4px; }



		#contents .relatedposts ul li a { padding:6px 0 5px 0; }



		#contents .relatedposts ul li a:hover { color:#111; text-decoration:none;}



				







#sidebarshift {float:right; width:280px; margin-top:30px;padding-bottom:35px;}



#sidebar {float:right; width:290px; margin-top:35px; padding-bottom:35px;}







	/*------ Search ------*/



	#s {



		margin: 0px 0 35px 0;



		width: 252px;



		height: 21px;



		padding: 4px 0 0 25px;



		border:none;



		border-bottom:1px solid #EEEEEE;



		background: url(images/search-bar.gif) no-repeat left bottom;



		color:#545454;



	}



	



	.search-terms { font-weight:bold; color:#000;}



	



	.sidebartitle { font-size:16px; font-style:normal; font-weight:bold; color:#111; letter-spacing:0px; margin-bottom:12px;}



	.sidebartextbox { font-size:12px; line-height:20px; color:#7d7d7d; padding-bottom:30px;}



	.sidebaropts { font-size:12px; line-height:18px; color:#7d7d7d; margin-top:-8px; margin-bottom:10px;padding-top:5px; padding-bottom:15px;}



	.sidebaropts a { color:#7d7d7d;}



		.sidebaropts a:hover { color:#111; text-decoration:none;}



			.sidebaropts ul { font-size:12px; line-height:18px; list-style:none; line-height:18px; color:#7d7d7d; padding:0;margin:0; }



			.sidebaropts ul li {  color:#7d7d7d; }



			.sidebaropts ul li a { color:#7d7d7d;padding:6px 0 5px 0;border-bottom:1px solid #EEEEEE; display:block;}



			.sidebaropts ul li a:hover { color:#111; text-decoration:none;}



				.sidebaropts ul ul li a { color:#7d7d7d; padding-left:15px; }



					.sidebaropts ul ul ul li a { color:#7d7d7d; padding-left:30px; }



						.sidebaropts ul ul ul ul li a { color:#7d7d7d; padding-left:55px; }



						



						



	.sidebarpopular { font-size:12px; line-height:18px; color:#7d7d7d; margin-top:-8px; margin-bottom:10px;padding-top:15px; padding-bottom:15px;}



	.sidebarpopular a { color:#7d7d7d; }



	.sidebarpopular img { border:1px solid #D1D1D1;padding:3px; margin-right:10px; }



	.sidebarpopular img:hover { border:1px solid #A2A2A2;}



		.sidebarpopular a:hover { color:#111; text-decoration:none;}



			.sidebarpopular ul { font-size:12px; line-height:18px; list-style:none; line-height:18px;  padding:0;margin:0; }



			.sidebarpopular ul li {  }



			.sidebarpopular ul li.popularimage { float:left; border:none;}



			.sidebarpopular ul li.populardesc { width:250px;}



			.sidebarpopular ul li.popclear { clear:both;border-bottom:1px solid #EEEEEE;margin-bottom:4px; }



			.sidebarpopular ul li a { padding:6px 0 5px 0;}



			.sidebarpopular ul li a:hover { color:#111; text-decoration:none;}



						



/* -------- Sidebar Portfolio Photos-------- */					



	.sidephotospace { margin-right:22px; }



	.sidephotowrap { width:280px;float:left; margin:0;padding:0;  }



		.sidephotoitem ul { list-style:none; margin:0;padding:0;}



		.sidephotoitem ul li { float:left;  margin-bottom:22px; }



		.sidephotoimage {width: 70px; height:70px;border:4px solid #2E2E2E; }



		.sidephotoimage:hover {border:4px solid #111;  }







/* -------- Sidebar Flickr Set -------- */			



	.sideflickrpace { margin-left:10px; }



	.sideflickrwrap { width:280px;float:left; margin:0;padding:0;  }



		.sideflickritem ul { list-style:none; }



		.sideflickritem ul li { float:left; margin-right:10px; margin-bottom:10px; }



		.sideflickrimage {width: 70px; height:70px; }



		



/* -------- Testimonial Quote -------- */







		.thequote {



			width:280px;



			padding: 0px 0 35px 0px;



			margin: 0;



			}



			



			.thequote .quotetitle {



				font-size:18px;



				font-weight:normal;



				color:#3a3a3a;



				padding:15px 0 0 0;



				}



				



			.thequote .quotetext {



				font-family: Georgia;



				font-style:italic;



				font-size:15px;



				color:#6e6e6e;



				line-height:22px;



				margin: 22px 0 0 0;



				}



			.thequote .quoteauthor{



				font-size:12px;



				font-weight:bold;



				color:#3a3a3a;



				margin: 10px 35px 0 0;



				line-height:normal;



			}



			.thequote .quotecompany{



				font-size:12px;



				color:#3a3a3a;



				font-weight:normal;



				margin: 0px 35px 0 0;



				}



		



/* -------- Table -------- */



	



table.styletable {



	font-size:11px; text-align:center;



	color:#5D5D5D;



	border: 1px solid #fff;



	border-collapse: collapse;



}



table.styletable th {



	background:#D1D1D1;



	border: 1px solid #fff;



	padding: 8px; width:100px;



}



table.styletable tr {



	background:#E8E8E8;



}



table.styletable td {



	border: 1px solid #fff;



	padding: 8px; width:100px;



}







/*------ AD boxes ------*/				



.ad-box-wrap {



	padding-bottom:20px;padding-top:20px;



}







	.ad-box {



	}







	.ad-box a {



		margin: 2px;padding:5px;display:block;float:left;



	}











/*------ Calendar ------*/



				



#wp-calendar {



	width:100%;



	color:#5D5D5D;



	padding:10px;



	background:#FFFFE8;



	border:1px solid #E8E8E8;



	}



	



#wp-calendar td {



	padding:5px; text-align:center;



	}



	



#wp-calendar td a{



	color:#464646; text-decoration:none;



	}







#wp-calendar td a:hover {



	color:#111;text-decoration:none;



	}







/*------ Comments ------*/







#comments {



	font-size:24px;



	margin:0;



	margin-top:45px;



}







#contents #comment {



	width:100%; border:1px solid #D1D1D1;



	}







#contents ol.commentlist {



	margin:20px 0 0;



	clear:both;



	overflow:hidden;



	list-style:none;



}



	#contents ol.commentlist li {



		margin:10px 0;



		line-height:18px;



		padding:10px;



	}



		#contents ol.commentlist li .comment-author {



			



		}



			#contents ol.commentlist li .comment-author a {



				text-decoration:none;



			}



			#contents ol.commentlist li .comment-author .fn {



				color:#000;



			}



			#contents ol.commentlist li .comment-author .avatar{



				float:right;



				border:1px solid #dddddd;



				background:#ededed;



				padding:3px;



			}



		#contents ol.commentlist li .comment-meta{



			font-size:10px;



		}



			#contents ol.commentlist li .comment-meta a {



				color:#a7a7a7;



				text-decoration:none;



			}



		#contents ol.commentlist li p {



			line-height:22px;



			margin-top:5px;



		}



		#contents ol.commentlist li .reply{



			font-size:11px;



		}



			#contents ol.commentlist li .reply a{



				background:#5D5D5D;



				color:#fff;



				text-decoration:none;



				padding:5px 10px;



			}



			#contents ol.commentlist li .reply a:hover{



				background:#000;



				color:#fff;



			}



		#contents ol.commentlist li.odd {



			border:1px solid #D1D1D1;



			background:#EEEEEE;



		}



		#contents ol.commentlist li.even {



			border:1px solid #e5e5e5;



			background:#fff;



		}



			



#contents #comment-form {



	margin-top:20px;



}



	#contents #comment-form #respond {



	



	}



		#contents #comment-form #respond h3 {



			font-size:24px;



		}



		#contents #comment-form #respond #commentform {



			margin:0;



		}



			#contents #comment-form #respond #commentform label{



				margin-left:10px;



				display:inline;



			}



				#contents #comment-form #respond #commentform label small {



					font-size:10px;



					color:#a0a0a0;



				}



			#contents #comment-form #respond #commentform textarea,#comment-form #respond #commentform input {



				margin-bottom:10px;



				padding:5px; 



				margin:0 10px 10px 0;



				background:#f8f8f5;



				border-left:1px solid #d1cec6;



				border-top:1px solid #d1cec6;



				border-right:1px solid #edede8;



				border-bottom:1px solid #edede8;



			}



			#contents #comment-form #respond #commentform input{



				width:400px;



			}



			#contents #comment-form #respond #commentform textarea{



				width:560px;



			}



			#contents #comment-form #respond #commentform input#commentSubmit {



				width:100px;



				padding:5px;



				background:#111;



				border:1px solid #D1D1D1;



				color:#fff;



				font-weight:bold;



				cursor:pointer;



			}



			











/* End Comments */















/* Contact Form Text Input Styles*/







.contactinfo { width:350px; float:right; padding: 0 0 50px 0;}







.contactmap { color:#111; font-size:11px; background:#E8E8E8; padding:10px;}



	.contactmap a { color:#111; font-size:11px; }







#contactForm { width:550px; float:left; }







	.screenReader { left: -9999px; position: absolute; top: -9999px; }



	.thanks {  border: 1px dotted #FFECDA; margin:50px 50px 50px 0;padding:10px; background:#FFFFE3; width:365px; float:left; }







	/*****Forms*****/



	ol.forms { float: left; list-style: none; margin: 0; width: 545px; padding:25px 0 40px 0;  }



	ol.forms li { 



		clear: both; 



		float: left; 







		position: relative;







	}



	ol.forms li.inputbar { 



		margin-bottom:20px;



	}



	ol.forms label {



		cursor: pointer;



		display: block;



		float: left;



		width: 100px;



	}



	ol.forms input, ol.forms textarea {



		font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed', Tahoma, Arial,sans-serif;



		border: 2px solid #CCCCCC;



		color:#7d7d7d;



		font: inherit;



		padding: 2px;



		width: 414px;



		font-size: 13px;



	}



	ol.forms textarea { height: 200px;}



	ol.forms input:focus, ol.forms textarea:focus { border: 2px solid #111; }



	.error { color: #f00; }



	ol.forms li .error { font-size: 12px; margin-left: 15px; }



	ol.forms li.textarea .error {







	}



	ol.forms li.screenReader { margin-bottom: 0; }



	ol.forms li.buttons button {



		background: #111;



		border: none;



		color: #fff;



		cursor: pointer;



		font-size:14px;



		overflow: hidden;



		padding: 6px 3px 6px 3px;



		width: 100px;



	}



		ol.forms li.buttons button:hover { color: #fff; }



		ol.forms li.buttons button:active { color: #fff; }



		ol.forms li.buttons, ol.forms li.inline {  width: 460px;  }



		ol.forms li.inline input { width: auto; }



		ol.forms li.inline label { display: inline; float: none;  }











	



	/* -------- Address -------- */



	



	.addressbox { 



		float:right;



		font-size:18px;



		line-height:22px;



		position:relative;



		right:168px; top:40px;



		margin-bottom:100px;



		}



	.addresstitle {



		font-size:18px;



		font-weight:bold;



		margin-bottom:10px;margin-left:15px;



	}



	



	.fulladdress {



		color:#464646;



		font-size:14px;



		margin-bottom:10px; 



	}



	



		.fulladdress ul {



			list-style:none;



		}



			.fulladdress ul li {



			}



			



#screenshot{



	position:absolute;



	border:1px double #ccc;



	background:#333;



	padding:2px;



	display:none;



	color:#fff;



	}











/* -------- Footer -------- */







#footer{



background:#000;



}



	



	#footerwrap {



		padding: 40px 0 35px 46px;



		background: #e8e8e8;



		}



	.footerminibox {



		width:210px;

padding-right:30px;

		float:left;



		}



	.footerbox {



		width:200px;



		float:left;



		}



		.aboutimage {float:left; }



		.aboutimage img {padding:0 18px 3px 0; width:80px;height:80px;margin-top:8px;}



	.footertitle { font-size:14px;  margin-bottom:10px; color:#111;}



	.footertitle a { font-size:14px;  margin-bottom:10px; color:#111;}



	.footertitle a:hover { text-decoration:none;}



	.footertext { font-size:12px; line-height:20px;color:#7d7d7d;}



	.footertext a{color:#111;}



	.footertext a:hover {text-decoration:none;color:#000;}



	



	/* -------- Footer list style -------- */



	



	.footer-item h3 { font-size:14px; margin:0;padding:0; color:#111; }



	.footer-item { font-size:12px; line-height:19px; color:#7d7d7d;}



	.footer-item a { color:#7d7d7d; }



	.footer-item a:hover {color:#fff; text-decoration:none;}



		.footer-item ul { list-style:none; font-size:12px; line-height:18px; color:#7d7d7d; padding:0;margin:0; padding-top:5px;}



		.footer-item ul li { font-size:12px; line-height:18px; color:#7d7d7d; border-bottom:1px solid #B9B9B9; padding:6px 0 5px 0;}



		.footer-item ul li a { font-size:12px; line-height:18px; color:#7d7d7d; display:block;}



		.footer-item ul li img { margin:0px; padding:0; margin-bottom:-2px; }



		.footer-item ul li a:hover { font-size:12px; line-height:18px; color:#000; text-decoration:none;}



	



	/* -------- Footer list style -------- */







	.footerposts { font-size:12px; line-height:18px; color:#7d7d7d; margin-top:-8px;}



		.footerposts ul { list-style:none; font-size:12px; line-height:18px; color:#7d7d7d; padding:0;margin:0; padding-top:5px;}



		.footerposts ul li { font-size:12px; line-height:18px; color:#7d7d7d; border-bottom:1px solid #B9B9B9; padding:6px 0 5px 0;}



		.footerposts ul li a { font-size:12px; line-height:18px; color:#7d7d7d;}



		.footerposts ul li a:hover { font-size:12px; line-height:18px; color:#000; text-decoration:none;}



		



	/* -------- Social list -------- */







	.footersocial { font-size:12px; line-height:18px; color:#7d7d7d; margin-top:-8px;}



		.footersocial ul { list-style:none; font-size:12px; line-height:18px; color:#7d7d7d; padding:0;margin:0; padding-top:5px;}



		.footersocial ul li { font-size:12px; line-height:18px; color:#7d7d7d; border-bottom:1px solid #B9B9B9; padding:6px 0 3px 0;}



		.footersocial ul li a { font-size:12px; line-height:18px; color:#7d7d7d;}



		.footersocial ul li a:hover { font-size:12px; line-height:18px; color:#000; text-decoration:none;}







	.footerspace { margin-left:20px; padding-left:20px; }



	



	/* -------- Flickr  -------- */







	.flickrfooterspace { margin-left:60px; }







	.footerflickrwrap { width:280px;float:left; margin:0;padding:0; margin-left:80px; }



		.footerflickr ul { list-style:none; }



		.footerflickr ul li { float:left; margin-right:38px; margin-bottom:38px; }



		.footerflickrimage {width: 40px; height:40px; }



		



	/* -------- Footer Address  -------- */



	



	.footerminibox .textwidget { padding-right:15px;}



	.footerminibox .textwidget a { color:#111;}



	.footerminibox .textwidget a:hover { color:#000;}



		



	.footeraddresswrap .textwidget { margin-top:10px; }



	



	.footeraddress .textwidget  {



		font-size:12px; line-height:8px;color:#7d7d7d; margin-top:3px;



	}



		.footeraddress .textwidget ul {



			list-style:none; border:none;line-height:8px;



		}



			.footeraddress .textwidget ul li {



				font-size:12px; line-height:8px;color:#7d7d7d; border:none; 



			}



			



				.footeraddress .textwidget ul li a {



					color:#7d7d7d; display:inline;line-height:8px;



				}



				.footeraddress .textwidget ul li a:hover {



					color:#111; text-decoration:none;line-height:8px;



				}



		



	/* -------- Copyright style -------- */







	#footerbarwrap {



		padding: 20px 0 20px 35px;



		margin: 0;



		background:#111;



		font-size:12px;



		color:#565656; 



		}



		#footerbarwrap ul {



			font-family:verdana;



			font-size:10px;



			line-height:15px;



			color:#565656;



			list-style:none;margin:0;padding:0;



			}



		#footerbarwrap ul li {



			color:#565656;



			}



		#footerbarwrap ul li a{



			color:#fff;



			}



















/*=== End of CSS ===*/