/*



Theme Name: The RiteGroup



Theme URI: http://www.theritegroup.co.uk



Description: The Rite Group Corporate Website - LockRite Locksmiths and PlumbRite Plumbers



Author: The Rite Group



Version: 1.0



License: Free GPL



*/











@import url('css/prettyPhoto.css');







/*-----------------------------------------------------------------------------------*



/* = Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html



/*-----------------------------------------------------------------------------------*/



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, 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 {



	border: 0;



	font-family: inherit;



	font-size: 100%;



	font-style: inherit;



	font-weight: inherit;



	margin: 0;



	outline: 0;



	padding: 0;



	vertical-align: baseline;



}







/* remember to define focus styles! */



:focus {



	outline: 0;



}



body {



	background: #fff;



	line-height: 1;



}



ol, ul {



	list-style: none;



}







/* tables still need 'cellspacing="0"' in the markup */



table {



	border-collapse: separate;



	border-spacing: 0;



}



caption, th, td {



	font-weight: normal;



	text-align: left;



}



blockquote:before, blockquote:after,



q:before, q:after {



	content: "";



}



blockquote, q {



	quotes: "" "";



}



a img {



	border: 0;



}







/* Block elements */



header, hgroup, footer, section, article, aside {



	display: block;



}





.request-a-call   {color: white;

background: #222 repeat-x;

float: left;

height: 28px;

width: 180px;

height: 50px;

padding-right: 23px;

padding-left: 23px;

font-size: 12px;

text-transform: uppercase;

text-decoration: none;

font-family: 'Oswald', sans-serif;

color: white;

font-size: 15px;

font-weight: normal;

text-align: center;

				}




#engineer-postcode-search-box	{ width:400px;
								  height:200px;
								  background-color:#339999;
								  }


a.request-a-call	{color:#FFF;}




.find-a-plumber		{ width:98%;
					  height:190px;
					  margin:0px auto;
					  padding:10px;
					  overflow:hidden;
					  margin-bottom:20px;
					  margin-top:10px;
					  /*background-color:#edfaff;*/
					  background-image:url(http://www.theritegroup.co.uk/wp-content/uploads/2012/12/Postcode-search-plumbrite-banner.png);
					  background-repeat:no-repeat;
					  background-position:top left;
					  /*border:2px solid #efefef;
-moz-box-shadow: 0 0 3px 3px #d7d7d7;
-webkit-box-shadow: 0 0 3px 3px #D7D7D7;
box-shadow: 0 0 3px 3px #D7D7D7;*/
}

			
			

#areas-covered-holder	{height:80px; width:650px; padding:10px; border:3px solid #efefef; overflow:auto;}


#areas-covered-holder a {color:#222222; text-decoration:none; font-family:'Open Sans', sans-serif; font-weight:normal; font-size:12px;}

#areas-covered-holder a:hover {color:#f74c4c;}


		  

.locksmith-coverage-frame	{width:660px; max-height:90px; height:auto; border:2px solid #efefef;}					  
					  
.find-a-locksmith		{ width:98%;
					  height:190px;
					  margin:0px auto;
					  padding:10px;
					  overflow:hidden;
					  margin-bottom:20px;
					  /*background-color:#ffd1d1;*/
					  background-image:url(http://www.theritegroup.co.uk/wp-content/uploads/2012/12/search-for-a-locksmith-in-your-area-now.png);
					  background-repeat:no-repeat;
					  background-position:top left;
					  /*border-bottom:3px dotted #CCCCCC;*/
					  
					  }
					  
.search-engineer-button	{background-color:#efefef; color:#222222; border:1px solid #CCCCCC; font-family: 'Oswald', sans-serif; font-weight:normal; padding:5px; padding-left:10px; padding-right:32px; cursor:pointer; font-size:16px; border-radius:4px; background-image:url(http://www.theritegroup.co.uk/wp-content/uploads/2012/12/White-magnify-icon.png); background-repeat:no-repeat; background-position:right;}		

.search-engineer-button:hover	{background-color:#eeeeee; margin-top:1px; color:#4d4d4d;}


.search-engineer-button:active	{margin-top:1px;}			  
					  

.find-plumber-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#222222;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	display:inline-block;
	color:#ffffff;
	font-family: 'Oswald', sans-serif;
	font-size:19px;
	font-weight:normal;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
	-webkit-box-shadow: 4px 4px 0px #222;
	-moz-box-shadow: 4px 4px 0px #222222);
	box-shadow: 4px 4px 0px #222;
}.find-plumber-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
	color:#FFF;
}.find-plumber-button:active {
	position:relative;
	top:1px;
	color:#FFF;
}

		
.find-locksmith-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background-color:#f24537;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	border:1px solid #d02718;
	display:inline-block;
	color:#ffffff;
	font-family: 'Oswald', sans-serif;
	font-size:19px;
	font-weight:normal;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #810e05;
	-webkit-box-shadow: 4px 4px 0px #222;
-moz-box-shadow: 4px 4px 0px #222222);
box-shadow: 4px 4px 0px #222;
}.find-locksmith-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background-color:#c62d1f;
	color:#FFF;
}.find-locksmith-button:active {
	position:relative;
	top:1px;
}
	  

.right-float-map	{float:right;
					 margin-top:30px;
					 
					 }
					 
					 
				 
					 
#ritegroup-areas-columns	{margin:0px auto; width:960px; padding:10px; height:auto; margin-top:20px; margin-bottom:20px; background-color:#FFF; overflow:hidden; border-radius:10px;}


.engineers-area				{margin:13px; width:425px; height:60px; border:3px solid #efefef; padding:10px; float:left; overflow:auto;}

.engineers-area a {color:#222222; text-decoration:none; font-family:'Open Sans', sans-serif; font-weight:normal; font-size:12px;}

.engineers-area a:hover {color:#f74c4c;}



#footerlinks	{width:960px; height:auto; padding:10px; margin:0px auto; margin-top:10px; text-align:center; /*background-color:#FFF;*/ margin-bottom:2px; border-bottom:1px solid #dddddd;}

#footerlinks a {color:#222222; text-decoration:none; font-family:'Open Sans', sans-serif; font-weight:normal; font-size:12px;}

#footerlinks a:hover	{color:#f74c4c;}


.terms-list	{margin-left:15px;}



/*-----------------------------------------------------------------------------------*



/* = Body, Common Classes & Wrap



/*-----------------------------------------------------------------------------------*/



#forum-login	{


padding: 30px;
font-weight: normal;
width:250px;
min-height:150px;
text-align:left;
background: #FFF;
border: 1px solid #E5E5E5;
-moz-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
-webkit-box-shadow: rgba(200, 200, 200, 0.7) 0 4px 10px -1px;
box-shadow: rgba(200, 200, 200, 0.7) 0 4px 10px -1px;
overflow:hidden;
margin-bottom:10px;
border-radius:5px;}



.login_input	{width:95%;
border: 1px solid #E5E5E5;
background-color: #FBFBFB;
padding:5px;
border-radius:2px;
font-family: Open Sans, Sans Serif;}

.form_submit_button	{font-size: 13px;
line-height: 16px;
padding: 8px 10px;
float: right;
background-color:#222222;
border:0px;
width:90px;
color:#FFF;
text-transform:uppercase;
font-weight:normal;
font-family: Oswald, Sans Serif;
cursor:pointer;
margin-top:-30px;}

.form_submit_button:hover	{background-color:#333333;}

.form_submit_button:active	{background-color:#333333; margin-bottom:1px;}



.form_label	{font-size:15px;}



.symbol_text	{font-size:18px; margin-right:10px;}

body {



    background-color:#efefef;



    /*background-image:url(http://www.theritegroup.co.uk/wp-content/uploads/2012/11/engineer-bg-image.png);

	

	background-position:bottom;

	

	background-repeat:no-repeat;*/



    font-size: 12px;



    line-height: 1.5em;



    color: #444;



    font-family: 'Helvetica Nue', Arial, Helvetica, sans-serif;



}



a {



    text-decoration: none;



    color: #ef4034;



}



a:hover {



    text-decoration: none;



	color: #a0160d;



}



p { margin: 0 0 1em }



strong { font-weight: 700 }



em { font-style: italic }



pre{



	margin: 20px 0;



	background: #eee;



	border: 1px solid #ddd;



	padding: 10px;



	white-space: pre-wrap;       /* css-3 */



	white-space: -moz-pre-wrap;  /* Mozilla */



	white-space: -pre-wrap;      /* Opera 4-6 */



	white-space: -o-pre-wrap;    /* Opera 7 */



	word-wrap: break-word;       /* Internet Explorer 5.5+ */



}



blockquote{



	border-left: 4px solid #ccc;



	padding-left: 20px;



    margin: 30px 0px;



}



.clear { clear: both }



.clearfix:after {



	visibility: hidden;



	display: block;



	font-size: 0;



	content: " ";



	clear: both;



	height: 0;



}



* html .clearfix{ zoom: 1; } /* IE6 */



*:first-child+html .clearfix { zoom: 1; } /* IE7 */



.remove-margin { margin-right: 0 !important }







/*-----------------------------------------------------------------------------------*



/* = Structure



/*-----------------------------------------------------------------------------------*/







#wrap{



	overflow: hidden;



	background:#fff;



	margin: 0 auto;



	width: 920px;



	padding: 30px;



	-webkit-border-top-left-radius: 5px;



	-webkit-border-top-right-radius: 5px;



	-moz-border-radius-topleft: 5px;



	-moz-border-radius-topright: 5px;



	border-top-left-radius: 5px;



	border-top-right-radius: 5px;



	/*



-moz-box-shadow: 0 0 3px 3px #d7d7d7;



-webkit-box-shadow: 0 0 3px 3px #D7D7D7;



box-shadow: 0 0 3px 3px #D7D7D7;



-moz-box-shadow: 0 0 2px 2px #d7d7d7;



-webkit-box-shadow: 0 0 2px 2px #D7D7D7;



box-shadow: 0 0 2px 2px #D7D7D7;*/



}







/*-----------------------------------------------------------------------------------*



/* = Headings



/*-----------------------------------------------------------------------------------*/







h1,



h2,



h3,



h4 {



    color: #333;



    line-height: 1.5em;



	font-weight: bold;



}



h1 {



    font-size: 24px;



    margin-bottom: 20px;



    line-height: 1.2em;



}



h2 { font-size: 18px }



h3 { font-size: 16px }



h4 { font-size: 14px; }



h2,



h3,



h4 {



    margin-top: 30px;



    margin-bottom: 20px;



}



h1 a,



h2 a,



h3 a,



h4 a { color: #333 }



h2 a:hover,



h3 a:hover,



h4 a:hover { color: #ef4034; text-decoration: none; }







.single-title{ margin-bottom: 5px; }







/*-----------------------------------------------------------------------------------*



/* = WordPress Styles



/*-----------------------------------------------------------------------------------*/







/*sticky*/



.sticky{}







/*gallery captio*/



.gallery-caption







/*by post author*/



.bypostauthor{}







/*aligns*/



.aligncenter{ display:block;  margin:0 auto}



.alignright{ float:right;  margin:10px 0 10px 10px}



.alignleft{ float:left;  margin:10px 10px 10px 0}





/*floats*/



.floatleft{ float:left}



.floatright{ float:right}



.hidden-field	{display:none; background-color:#FFCC99;}



/*text style*/



.textcenter{ text-align:center}



.textright{ text-align:right}



.textleft{ text-align:left}



/*FORM SETTINGS */





#tinyform 	{width:auto;}



/*captions*/



.wp-caption{



	border:1px solid #ddd; 



	text-align:center; 



	background-color:#f3f3f3; 



	padding-top:4px; 



	margin:10px; 



	-moz-border-radius:3px; 



	-khtml-border-radius:3px; 



	-webkit-border-radius:3px; 



	border-radius:3px;



}



.wp-caption img{



	margin:0; 



	padding:0; 



	border:0 none;



}



.wp-caption p.wp-caption-text{



	font-size:11px; 



	line-height:17px; 



	padding:0 4px 5px; 



	margin:0;



}







/*smiley reset*/



.wp-smiley{



	margin:0 !important;



	max-height:1em;



}







/*blockquote*/



blockquote.left{



	margin-right:20px;



	text-align:right;



	margin-left:0;



	width:33%;



	float:left;



}



blockquote.right{



	margin-left:20px;



	text-align:left;



	margin-right:0;



	width:33%;



	float:right;



}







/* tag-cloud widget */



.tagcloud a {



	float: left;



	display: block;



    margin-right: 5px;



	margin-bottom: 5px;



    padding: 4px 7px;



	line-height: 1.3em;



	color: #fff !important;



    background: #cf1d10;



	font-weight: bold;



	-webkit-border-radius: 3px;



	-moz-border-radius: 3px;



	border-radius: 3px;



	-webkit-transition: all 0.2s ease-in-out;



    -moz-transition: all 0.2s ease-in-out;



    -o-transition: all 0.2s ease-in-out;



    -ms-transition: all 0.2s ease-in-out;



    transition: all 0.2s ease-in-out;



}



.tagcloud a:hover{



	background: #a0160d;



	text-decoration: none;



}



/* calendar widget */



.widget_calendar {float: left;}



#wp-calendar {width: 100%; }



#wp-calendar caption {



	text-align: right;



	color: #333;



	font-size: 12px;



	margin-top: 10px;



	margin-bottom: 15px;



}



#wp-calendar thead { font-size: 12px; }



#wp-calendar thead th { padding-bottom: 10px; }



#wp-calendar tbody { color: #aaa; }



#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}



#wp-calendar tbody td:hover { background: #fff; }



#wp-calendar tbody .pad { background: none; }



#wp-calendar tfoot #next { font-size: 12px; text-transform: uppercase; text-align: right; }



#wp-calendar tfoot #prev { font-size: 12px; text-transform: uppercase; padding-top: 10px; }







/*-----------------------------------------------------------------------------------*



/* = Headings



/*-----------------------------------------------------------------------------------*/



#page-heading{



	margin: -30px 0px 30px;



	padding: 40px 0px;



	background: #fff url(images/tridots.png) left bottom repeat-x;



	position: relative;



}



#page-heading h1,



#page-heading h2{



	font-size: 21px;



	font-family: 'Oswald', sans-serif;



	font-weight:normal;



	color: #222222;



	text-shadow: 0px 0px 0px #fff;



	margin: 0px !important;



	line-height: 0 !important;



}







/*-------------------------------------------------*



/* = Header



/*-------------------------------------------------*/



#header {







	/*background-color:#FFF;*/



	margin: 0 auto;



	margin-bottom: 20px;



	position: relative;



	width: 920px;



	padding: 20px 30px;



        border-bottom:1px solid #dedede;



	-webkit-border-bottom-right-radius: 5px;



	-webkit-border-bottom-left-radius: 5px;



	-moz-border-radius-bottomright: 5px;



	-moz-border-radius-bottomleft: 5px;



	border-bottom-right-radius: 5px;



	border-bottom-left-radius: 5px;



}







#logo	{margin-top:5px;}



#logo a{



	font-size: 32px;



    font-weight: 700;



    color: #333;



	padding: 0px;



	margin: 0px;



    text-decoration: none;



}



#logo a:hover { color: #ef4034; }











/*-------------------------------------------------*



/* =  Navigation



/*-------------------------------------------------*/



#navigation {



	position: absolute;



	right: 30px;



	bottom: 0px;



}











#header-info	{	position: absolute;



	right: 30px;

	

	width:380px;



	margin-top:-80px;



	text-align:right;



	overflow:hidden;



				 }

				 

				 

.right-logos	{float:right;

				 padding-left:10px;

				 margin-left:20px;

				 border-left:2px dotted #eeeeee;

				 margin-top:70px;}

				 

				 

				 

.twitter-share-button	{margin-top:-10px; width:90px; overflow:hidden;}





.social-table	{float:right; margin-right:-35px;}







.social-table td	{padding:4px; margin:0px;}







.float-left-icon	{float:left; padding-bottom:70px; margin-right:10px;}



				 

.our-clients	{opacity:0.3;

				  transition: opacity .75s ease-in-out;

   -moz-transition: opacity .75s ease-in-out;

   -webkit-transition: opacity .75s ease-in-out;

   -webkit-filter: grayscale(100%); 

   filter: gray;

   width:800px;

   overflow:hidden;

   margin:0px auto;   }



.our-clients:hover {opacity:1;

					-webkit-filter: grayscale(0%);

					cursor:pointer;

					filter:none;}









#navbar_top	{







			width:920px;



			height:10px;



			margin:0px auto;



			padding:20px 30px;



			background-color:#FFFFFF;



			/*border-radius:4px;*/



			margin-bottom:20px;



			margin-top:20px;



			text-align:center;

			

			z-index:10;



			



			}



			



			



#navbar_inner	{width:auto;



				 height:auto;



				 min-height:30px;



				 overflow:hidden;



				 margin-left:60px;



				 margin-top:-12px;



				 text-align:center;

				 

				 z-index:10;}



				 



				 



				 



#areas-covered-scroll	{width:640px;



						 height:80px;



						 border:2px solid #efefef;



						 padding:10px;



						 overflow:auto;



						 margin-top:20px;



						 }

						 

						 

#callback-request	{

						 position:fixed;

						 width:155px;

						 height:60px;

						 padding:10px;

						 background-color:#efefef;

						 overflow:hidden;

						 border:3px solid #FFF;

						 margin-left:-220px;

						 margin-top:-30px;

						 

						  transition: height 2s;

  -moz-transition: height 2s; /* Firefox 4 */

  -webkit-transition: height 2s; /* Safari and Chrome */

  -o-transition: height 2s; /* Opera */

  -ms-transition: height 2s; /* IE9 (maybe) */

						 

						 }





#callback-request:hover		{

						 position:fixed;

						 width:155px;

						 height:300px;

						 padding:10px;

						 background-color:#efefef;

						 overflow:hidden;

						 border:3px solid #FFF;

						 margin-left:-220px;

						 margin-top:-30px;

						 

						 }

						 

#callback-request-right		{

						 float:right;

						 width:155px;

						 height:60px;

						 padding:10px;

						 overflow:hidden;

						 

						 						  transition: width 3s;

  -moz-transition: width 3s; /* Firefox 4 */

  -webkit-transition: width 3s; /* Safari and Chrome */

  -o-transition: width 3s; /* Opera */

  -ms-transition: width 3s; /* IE9 (maybe) */

						 

						 }

						 

						 

#callback-request-right:hover		{

						 float:right;

						 width:520px;

						 height:140px;

						 padding:10px;

						 overflow:hidden;

						 border-left:2px dashed #efefef;

						 

						 }

						 

						 

#cert-logos				{margin:0px auto;

						 width:960px;

						 min-height:100px;

						 height:auto;

						 margin-bottom:20px;

						 overflow:hidden;

						 

						 						 						  transition: height 3s;

  -moz-transition: height 3s; /* Firefox 4 */

  -webkit-transition: height 3s; /* Safari and Chrome */

  -o-transition: height 3s; /* Opera */

  -ms-transition: height 3s; /* IE9 (maybe) */

						 }

						 

						 

.cert-imgs		{margin-left:20px;}

						 

						 

#call-outs				{position:absolute;

						 width:120px;

						 height:150px;

						 padding:30px;

						 background-image:url(http://www.theritegroup.co.uk/wp-content/uploads/2012/11/ribbon-call-out.png);

						 background-repeat:no-repeat;

						 margin-left:790px;

						 margin-top:-130px;

						 z-index:10;

						 text-align:center;

						 overflow:hidden;

						 

						 }

						 

						 

.callbacktable td 	{width:50px;}







p.form-title		{font-size:8px;}

						 



a.blue-link {color:#206fb8;}



a.blue-link:hover {color:#222222;}



				 



/*** ESSENTIAL Navigation Style ***/



.sf-menu,



.sf-menu * {



    margin: 0;



    padding: 0;



    list-style: none;



}



.sf-menu { line-height: 1.0;

			margin-bottom:200px;}



.sf-menu ul {



    position: absolute;



    top: -999em;



    width: 160px; /* left offset of submenus need to match (see below) */



}



.sf-menu ul li { width: 100% }



.sf-menu li:hover {



    visibility: inherit; /* fixes IE7 'sticky bug' */



}



.sf-menu li {



    float: left;



    position: relative;



}



.sf-menu a {



    display: block;



    position: relative;



}



.sf-menu li:hover ul,



.sf-menu li.sfHover ul {



    left: 0;



    top: 40px; /* match top ul list item height */



    z-index: 99;



}



ul.sf-menu li:hover li ul,



ul.sf-menu li.sfHover li ul { top: -999em }



ul.sf-menu li li:hover ul,



ul.sf-menu li li.sfHover ul {



    left: 180px; /* match ul width */



    top: 0;



}



/*** navigation skin ***/



.sf-menu {



    float: left;





}



.sf-menu a {



	height: 40px;



	line-height: 40px;



	font-size: 12px;



	font-weight: bold;



    color: #999;



	margin-left: 20px;



    text-decoration: none;



}



.sf-menu a:focus,



.sf-menu a:hover,



.sf-menu a:active {



    color: #ed2d38;



}



#navigation .current-menu-item > a:first-child {



    color: #ef4034;



}



/*Subs*/



.sf-menu ul{



	background: #fff;



	padding: 0px;



	border: 1px solid #ccc;



    -moz-opacity: 0.98;



    -khtml-opacity: 0.98;



    opacity: 0.98;



}



.sf-menu ul a{



	margin: 0px;



	padding: 0 10px;



}



.sf-menu ul a:focus,



.sf-menu ul a:hover,



.sf-menu ul a:active {



	color: #333;



}



.sf-menu ul .current-menu-item a{



	color: #333;



}



.sf-menu ul li{



	border-bottom: 1px solid #eee;



}



.sf-menu ul li:last-child{



	border-bottom: 0px;



}







/*-----------------------------------------------------------------------------------*/



/* = Home



/*-----------------------------------------------------------------------------------*/







.home-wrap{



	margin: -30px;



}







#home-tagline{



	padding: 0 30px 30px;



	margin: 0 30px 30px;



	font-family: 'Oswald', sans-serif;



	font-size: 22px;



	line-height: 1.4em;



	color:#222222;



	text-transform:uppercase;



	text-align: center;



	background: url(images/tridots.png) center bottom repeat-x;



}




.red-text	{color:#f74c4c;}







.blue-text	{color:#206fb8;}







p.email-us	{color:#222222;
			 font-size:12px;}







.email-icon	{float:left;}





.search-postcode	{width:200px;

					 height:40px;

					 font-family: 'Oswald', sans-serif;

					 color:#666666;

					 font-size:20px;

		 			 font-weight:normal;

		 			text-transform:uppercase;

					 

					 }

					 

					 

.pcode-submit	{width:204px;

				height:50px;

				background-color:#222222;

				border:0px;

									 font-family: 'Oswald', sans-serif;

					 

					 color:#FFF;

					 

					 font-size:15px;



		 font-weight:normal;

		 

		 cursor:pointer;



		 text-transform:uppercase;

				}

				

				

.pcode-submit:hover	{background-color:#333333;

					 /*margin-top:1px;*/}

					 

					 

.thanks_green		{width:97%;

					 height:auto;

					 overflow:hidden;

					 padding:10px;

					 background-color:#BCED91;

					 border:1px solid #efefef;

					 text-align:center;

					 border-radius:10px;

					 }

					 

.error_red		{width:97%;

					 height:auto;

					 overflow:hidden;

					 padding:10px;

					 background-color:#f74c4c;

					 border:1px solid #efefef;

					 text-align:center;

					 border-radius:10px;

					 }

				

				

.float-right	{float:right;}

.float-left		{float:left}


.right-float-img	{float:right; margin-top:30px; border:4px solid #efefef; opacity:0.8;}

.right-float-img:hover	{				  transition: opacity .75s ease-in-out;

   -moz-transition: opacity .75s ease-in-out;

   -webkit-transition: opacity .75s ease-in-out;
   
   opacity:1;}





h1.info	{font-family: 'Oswald', sans-serif;



		 font-weight:normal;



		 text-transform:uppercase;}

		 

h1.phone	{font-family: 'Oswald', sans-serif;



		 font-weight:normal;

		 

		 font-size:30px;



		 text-transform:uppercase;}

		 

		 

		 

h2.info	{font-family: 'Oswald', sans-serif;



		 font-weight:normal;}
		 
		 
h2.engineer-search	{font-family: 'Oswald', sans-serif;



		 font-weight:normal;
		 margin-top:10px;}
		 
		 
		 
#postcode-search	{width:960px;
					 height:190px;
					 background-color:#FFF;
					 margin:0px auto;
					 margin-top:10px;				 
					 }
					 
					 
#search-engineers	{width:960px;
					 height:200px;
					 background-color:#FFF;
					 margin:0px auto;
					 margin-top:10px;
					 margin-bottom:10px;
					 }
					 

		 

.locksmith-search	{background-color:#FFF; width:100%; padding:5px; background-image:url(http://www.theritegroup.co.uk/wp-content/uploads/2012/12/search-locksmiths-and-plumbers.png); background-repeat:no-repeat; background-position:top; border-left:1px dotted #efefef; padding-left:10px;}		 

		 

h2.error_info	{font-family: 'Oswald', sans-serif;



		 font-weight:normal;

		 

		 font-size:18px;

		 color:#000000;

		 margin-top:50px;}

		 

		 

		 

h3.ribbon{font-family: 'Oswald', sans-serif;



		 font-weight:normal;

		 

		 color:#FFF;

		 

		 font-size:14px;

		 

		 margin-top:18px;

		 

		 text-transform:uppercase;}
		 
		 
		 
		 
.file-download	{width:220px;
				 overflow:hidden;
				 height:100px;
				 border:1px solid #efefef;
				 padding:20px;
				 text-align:center;
				 float:left;
				 margin:20px;
				 -moz-box-shadow: 0 0 3px 3px #d7d7d7;
-webkit-box-shadow: 0 0 3px 3px #D7D7D7;
box-shadow: 0 0 3px 3px #D7D7D7
				 
				 }


#downloads	a	{font-size:30px;}

#downloads	a:active	{margin-top:1px;}






#home-tagline:before{



	content: "";



	display: block;



	margin: 0 -30px 30px;



	height: 5px;



	background: url(images/tridots.png) center center repeat-x;



}







#home-tagline a{



	color: #ef4034;



}



#home-tagline a:hover{



	border-bottom: 1px dotted #ef4034;



}



#home-projects {



	margin: 0px 30px;



	overflow: hidden;



}



h2.home-projects-heading{



	margin-top: 0px;



	height: 30px;



	line-height: 30px;



	font-size: 14px;



	font-weight: bold;



	background: url(images/tridots.png) center center repeat-x;



}



h2.home-projects-heading span{



	display: block;



	float: left;



	height: 30px;



	padding: 0px 10px;



	margin-left: 10px;



	background: #fff;



}







/*-----------------------------------------------------------------------------------*/



/* = NivoSlider



/*-----------------------------------------------------------------------------------*/



#slider-wrap{



	width: 910px;



    /*height: 400px;*/

	

	height:300px;



	margin: 30px;



	padding: 4px;



	border: 1px solid #ddd;



	background: #f5f5f5;



	overflow: hidden;



}



#slider_nivo {



    position: relative;



    width: 910px;



    /*height: 400px;*/

	

	height:300px;



    overflow: hidden;



}



.nivoSlider {



	position: relative;



	width: 910px;



    /*height: 400px;*/

	

	height:300px;



	background: #f5f5f5 url(images/nivo-loader.gif) no-repeat 50% 50%;



}



.nivoSlider img {



	width: 910px;



    position: absolute;



    top: 0px;



    left: 0px;



	z-index: 6;



	display:none;



}



.nivoSlider a.nivo-imageLink {



    position: absolute;



    top: 0px;



    left: 0px;



    width: 920px;



    height: 100%;



    border: 0;



    padding: 0;



    margin: 0;



    z-index: 6;



    display: none;



}



.nivo-slice {



    display: block;



    position: absolute;



    z-index: 5;



    height: 100%;



}



.nivo-box {



    display: block;



    position: absolute;



    z-index: 5;



}



.nivo-directionNav a {



	background-color: #000;



    width: 30px;



    height: 30px;



    position: absolute;



    z-index: 1000;



	bottom: 10px;



    cursor: pointer;



}



.nivo-prevNav,



.nivo-nextNav {



	text-indent: -9999px;



    -webkit-transition: all 0.2s ease-in-out;



    -moz-transition: all 0.2s ease-in-out;



    -o-transition: all 0.2s ease-in-out;



    -ms-transition: all 0.2s ease-in-out;



    transition: all 0.2s ease-in-out;



}



.nivo-prevNav:hover,



.nivo-nextNav:hover {



	background-color: #ef4034;



}



.nivo-nextNav {



    background: url('images/sliders/arrow-right.png') center center no-repeat;



    right: 10px;



}



.nivo-prevNav {



    background: url('images/sliders/arrow-left.png') center center no-repeat;



    right: 45px;



}



.nivo-controlNav a.active { font-weight: bold }



.nivo-controlNav {



    position: absolute;



    z-index: 1000;



    list-style: none;



    bottom: 20px;



    right: 20px;



    padding: 0;



}



.nivo-controlNav a {



	display: none !important;



}







.nivo-caption{



	display: none !important;



}







/*-----------------------------------------------------------------------------------*



/* = HP Highlights



/*-----------------------------------------------------------------------------------*/







#home-highlights{



	margin: 0 30px;



}



.hp-highlight{



	float: left;



	width: 280px;



	background: url(images/dot.png) right center repeat-y;



	padding-right: 20px;



	margin-right: 20px;



	margin-bottom: 40px;



}



.highlight-last{



	background: none;



	padding-right: 0px;



	margin-right: 0px;



	border: 0px;



}



.hp-highlight p:last-child{



	margin-bottom: 0px;



}



.hp-highlight h2{



	background: #f5f5f5;



	border-top: 1px solid #ddd;



	border-bottom: 1px solid #ddd;



	text-shadow: 1px 1px 1px #fff;



	padding: 10px;



	text-align: center;



	font-weight: bold;



	font-size: 12px;



	margin-top: 0px;



	margin-bottom: 15px;



}







/*-----------------------------------------------------------------------------------*



/* = Portfolio



/*-----------------------------------------------------------------------------------*/



.no-margin{



	margin-right: 0px !important;



}



.no-border{



	border-right: 0px !important;



}







ul.filter{



	list-style: none;



	margin: 30px 0;



	padding: 20px 0 0;



	border-top: double #ddd;



}



ul.filter li{



	float: left;



	margin-right: 5px;



}



li.sort{ font-weight: bold; margin-right: 10px !important; }



ul.filter a{



	color: #999;



	font-size: 12px;



	font-weight: bold;



	padding-right: 10px;



	background: url(images/square.png) right center no-repeat;



}



ul.filter li:last-child a{ background: none !important; }







ul.filter a:hover,



ul.filter li.active a{



	color: #ef4034 !important;



}







/*portfolio items*/



.portfolio-item{



	position: relative;



	float: left;



	width: 215px;



	margin-right: 20px;



	margin-bottom: 20px;



}



.portfolio-item a img{



	display: block;



}



.portfolio-item-details{



	padding: 15px;



	background: #eee;



	text-align: center;



	margin-bottom: 10px;



	text-shadow: 1px 1px 1px #fff;



}



.portfolio-item-details h2{



	font-size: 12px;



	margin-top: 0px;



	margin-bottom: 5px;



}







#portfolio-wrap{



	overflow: hidden;



	margin-bottom: -20px;



	margin-right: -20px;



}











/*single portfolio*/



#single-portfolio{



	margin-bottom: 20px;



}



#single-portfolio-left{



	float: left;



	width: 510px;



}



#single-portfolio-left img{



	margin-bottom: 20px;



	padding: 4px;



	border: 1px solid #ddd;



	-webkit-transition: opacity 0.2s ease-in-out;



    -moz-transition: opacity 0.2s ease-in-out;



    -o-transition: opacity 0.2s ease-in-out;



    -ms-transition: opacity 0.2s ease-in-out;



    transition: opacity 0.2s ease-in-out;



}



#single-portfolio-left a:hover img{



	-moz-opacity: 0.8;



    -khtml-opacity: 0.8;



    opacity: 0.8;



}







#single-portfolio-left img:last-child{



	margin-bottom: 0px;



}



#single-portfolio-right{



	float: right;



	width: 380px;



}



#single-portfolio-meta{



	margin-top: -10px;



	margin-bottom: 20px;



	font-weight: bold;



}



#single-portfolio-meta a{



	margin-right: 5px;



	padding-right: 10px;



	padding-left: 5px;



	background: url(images/square.png) right center no-repeat;



}



#single-portfolio-meta a:last-child{ background: none; }







/*portfolio next/prev*/



#single-portfolio-nav{ }



#single-portfolio-nav a{



	position: absolute;



	display: block;



	top: 50%;



	margin-top: -15px;



	height: 30px;



	width: 30px;



	text-indent: -9999px;



	-webkit-transition: all 0.2s ease-in-out;



    -moz-transition: all 0.2s ease-in-out;



    -o-transition: all 0.2s ease-in-out;



    -ms-transition: all 0.2s ease-in-out;



    transition: all 0.2s ease-in-out;



}



#single-nav-left a{



    background: #333 url('images/sliders/arrow-left.png') center center no-repeat;



    right: 40px;



}



#single-nav-right a{



    background: #333 url('images/sliders/arrow-right.png') center center no-repeat;



    right: 0px;



}



#single-portfolio-nav a:hover{



	background-color: #ef4034;



}











/*-----------------------------------------------------------------------------------*



/* = Posts & Pages



/*-----------------------------------------------------------------------------------*/



.post{



	float: left;



	width: 670px;



	overflow: hidden;



}



.full-width{



	float: none !important;



	width: 100% !important;



}



.loop-entry{



	margin-bottom: 30px;



	padding-bottom: 30px;



	border-bottom: 1px solid #eee;



}



.loop-entry-left{



	float: left;



	width: 150px;



}



.loop-entry-right{



	float: right;



	width: 490px;



}







.loop-entry-thumbnail{



	margin-bottom: 20px;



	padding: 4px;



	border: 1px solid #ddd;



}



.loop-entry-thumbnail img{



	display: block;



	margin: 0px;



	-webkit-transition: opacity 0.2s ease-in-out;



    -moz-transition: opacity 0.2s ease-in-out;



    -o-transition: opacity 0.2s ease-in-out;



    -ms-transition: opacity 0.2s ease-in-out;



    transition: opacity 0.2s ease-in-out;



}



.loop-entry-thumbnail:hover img{



	-moz-opacity: 0.8;



    -khtml-opacity: 0.8;



    opacity: 0.8;



}



.loop-entry h2{



	margin-top: -5px;



	margin-bottom: 10px;



	font-size: 16px;



}







.loop-entry-date{



	text-align: center;



	border: 1px solid #ddd;



	background: #eee;



	font-size: 14px;



	padding: 5px;



	font-weight: bold;



	margin-bottom: 10px;



}







.loop-entry-author,



.loop-entry-cat{



	text-align: right;



	color: #999;



	font-style: italic;



}







.loop-entry-author a,



.loop-entry-cat a{



	font-weight: bold;



	color: #999;



}



.loop-entry-author a:hover,



.loop-entry-cat a:hover{



	color: #666;



}







.entry {



	margin-bottom: 20px;



}



.entry ul,



.entry ol {



    margin-left: 30px;



    margin-bottom: 10px;



	list-style: inherit;



}



.entry ol{



	list-style: decimal;



}



/*thumbnail*/



.post-thumbnail{



	margin-top: -10px;



	margin-bottom: 10px;



}



.post-thumbnail img{



	padding: 4px;



	border: 1px solid #ddd;



}



/*post meta*/



.post-meta{



    color: #999;



	font-style: italic;



	padding-bottom: 10px;



	border-bottom: double #ccc;



	margin-bottom: 30px;



}



.post-meta span{



	margin-right: 10px;



}



.post-meta a{



	font-weight: bold;



	color: #999;



}



.post-meta a:hover{



	color:#ef4034;



}



.meta-date{ background: url(images/date.png) left no-repeat; padding-left: 17px; }



.meta-category{ background: url(images/category.png) left no-repeat; padding-left: 17px; }



.meta-author{ background: url(images/author.png) left no-repeat; padding-left: 17px; }



.post-meta-single {



	margin-bottom: 20px;



}



/*post tags*/



.post-tags {



    margin-right: 10px;



    margin-top: 30px;



    font-size: 12px;



}



.post-tags a {



}







/*-----------------------------------------------------------------------------------*



/* = Pagination



/*-----------------------------------------------------------------------------------*/



.pagination{



	margin-top: 20px;



}



.pagination a,



.pagination span



{



	font-size: 11px;



    line-height: 20px;



    height: 20px;



    width: 20px;



    text-align: center;



    margin-right: 5px;



    display: block;



    float: left;



	background: #eee;



	color: #666;



	border: 1px solid #ccc;



	-webkit-border-radius: 2px;



	-moz-border-radius: 2px;



	border-radius: 2px;



}



.pagination a:hover,



.pagination span.current



{



    text-decoration: none;



	color: #FFF;



	background: #cf1d10;



	border: 1px solid #cf1d10;



}







/*-----------------------------------------------------------------------------------*



/* = Comments



/*-----------------------------------------------------------------------------------*/



#commentsbox {



	width: 100%;



	overflow: hidden;



	margin-top: 30px;



}



#comments{



	text-transform: none;



	font-weight: bold;



	color: #333;



	font-size: 13px;



	margin-top: 20px;



	margin-bottom: 30px;



	padding-bottom: 10px;



	border-bottom: 1px dotted #d6d6d6;



}



#commentsbox ol,



#commentsbox ul {



    list-style: none;



    margin: 0 !important;



}



#commentsbox li { }



.children {



    list-style: none;



    margin: 30px 0 0;



    text-indent: 0;



}



.children li.depth-2 { margin: 0 0 0px 65px }



.children li.depth-3 { margin: 0 0 0px 65px }



.children li.depth-4 { margin: 0 0 0px 65px }



.children li.depth-5 { margin: 0 0 0px 65px }



.children li.depth-6 { margin: 0 0 0px 65px }



.children li.depth-7 { margin: 0 0 0px 65px }



.children li.depth-8 { margin: 0 0 0px 65px }



.children li.depth-9 { margin: 0 0 0px 65px }



.children li.depth-10 { margin: 0 0 0px 65px }



.comment-body {



    position: relative;



    padding: 15px 15px 0;



	margin-left: 65px;



	margin-bottom: 30px;



	background: #ffffff;



	border: 1px solid #EBEBEB;



	-webkit-border-radius: 4px;



	-moz-border-radius: 4px;



	border-radius: 4px;



	transition: all 0.4s ease;



    -webkit-transition: all 0.4s ease;



    -o-transition: all 0.4s ease;



    -moz-transition: all 0.4s ease;



}



.comment-body p{



	margin-bottom: 15px !important;



}



.comment-body:after {



    content: '';



    position: absolute;



    top: 10px;



    left: -12px;



    width: 12px;



    height: 20px;



    background: url("images/comment-arrow.png") no-repeat;



}



.comment-body:hover{



}



.reply{



	display: none;



	position: absolute;



	top: 10px;



	right: 10px;



}



.comment-reply-link {



	font-size: 10px;



}



.comment-reply-link:hover{



}



.comment-body:hover .reply{



	display: block;



}



#commentsbox .avatar {



	position: absolute;



	top: 0px;



	left: -65px;



	height: 40px;



	width: 40px;



	padding: 2px;



	border: 1px solid #eee;



	-webkit-border-radius: 4px;



	-moz-border-radius: 4px;



	border-radius: 4px;



}



.comment-author {



	font-weight: bold;



    color: #000;



}



.says { display: none }



.comment-meta{



	margin-bottom: 10px;



}



.comment-meta a {



    font-size: 11px;



    font-style: italic;



    color: #666;



}



.cancel-comment-reply {



	margin-top: -10px;



}



.cancel-comment-reply a {



    color: #F00;



    line-height: 20px;



    height: 20px;



}



.cancel-comment-reply a:hover{



	text-decoration: underline;



}



#comments-respond {



	clear: left;



	text-transform: none;



	font-weight: bold;



	color: #333;



	font-size: 13px;



	margin-top: 0px;



	margin-bottom: 15px;



}



#comments-respond-meta{



	font-size: 11px;



}



#commentform label {



    display: block;



}



#commentform input#author,



#commentform input#email,



#commentform input#url {



	width: 45%;



	color: #666;



	text-shadow: 1px 1px 0px #FFF;



    border: 1px solid #cecece;



    outline: none;



	padding: 10px 5px;



	margin-bottom: 10px;



	-webkit-border-radius: 1px;



	-moz-border-radius: 1px;



	border-radius: 1px;



	background-color: #fff;



	-webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1);



	-moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1); 



	box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1);  



}



#commentform textarea {



    display: block;



	padding: 10px;



	width: 95%;



	color: #666;



	text-shadow: 1px 1px 0px #FFF;



    border: 1px solid #cecece;



	background-color: #fff;



	-webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1);



	-moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1); 



	box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1); 



	-webkit-transition: all 0.1s ease-in-out;



    -moz-transition: all 0.1s ease-in-out;



    -o-transition: all 0.1s ease-in-out;



    -ms-transition: all 0.1s ease-in-out;



    transition: all 0.1s ease-in-out;



}



#commentform input#author:focus,



#commentform input#email:focus,



#commentform input#url:focus,



#commentform textarea:focus {



	border-color: #acacac !important;



}



#commentSubmit {



	font-size: 12px;



	margin-top: -5px;



	margin-bottom: 20px;



	outline: none;



}



#commentSubmit::-moz-focus-inner, #commentSubmit::-moz-focus-inner { border: 0; padding: 0; }



#commentSubmit span{



	display: block;



	margin: 0px;



	padding: 10px 15px !important;



}







/*-----------------------------------------------------------------------------------*



/* = Sidebar



/*-----------------------------------------------------------------------------------*/



#sidebar {



	width: 220px;



	float: right;



}



.sidebar-box {



	padding-bottom: 20px;



	margin-bottom: 20px;



	border-bottom: double #ccc;



}



.sidebar-box h4 {



    margin-top: 0px !important;



    margin-bottom: 15px;



	text-transform: uppercase;



	font-size: 12px;



	background: url(images/tridots.png) left center repeat-x;



}



.sidebar-box h4 span{



	background: #fff;



	padding: 0 10px;



	margin-left: 10px;



}



.sidebar-box ul {



	list-style: disc;



	list-style-position: inside;



}



.sidebar-box li{



	margin-bottom: 5px;



}







/*flickr widget*/



.bizz-flickr-widget{



	list-style: none !important;



}



.bizz-flickr-widget a{



	float: left;



	width: 55px;



	height: 55px;



	margin-right: 7px;



	margin-bottom: 7px;



	border: 5px solid #eee;



	-webkit-transition: all 0.2s ease-in-out;



    -moz-transition: all 0.2s ease-in-out;



    -o-transition: all 0.2s ease-in-out;



    -ms-transition: all 0.2s ease-in-out;



    transition: all 0.2s ease-in-out;



}



.bizz-flickr-widget a:hover{



	border-color: #ef4034;



}



.bizz-flickr-widget img{



	display: block;



	width: 55px;



	height: 55px;



}







/*-----------------------------------------------------------------------------------*



/* = Footer/Copyright



/*-----------------------------------------------------------------------------------*/



#footer{



	background:#222222;



	padding: 0 30px;



	width: 920px;



	margin: 0 auto;



	margin-bottom: 20px;



	-webkit-border-bottom-right-radius: 5px;



	-webkit-border-bottom-left-radius: 5px;



	-moz-border-radius-bottomright: 5px;



	-moz-border-radius-bottomleft: 5px;



	border-bottom-right-radius: 5px;



	border-bottom-left-radius: 5px;



	color: #666;



}



#footer a{



	color: #999;



	text-decoration: none;



}



#footer a:hover{



	color: #f04f44;



}











/*footer widgets*/



#footer-widget-wrap{



	margin-bottom: -30px;



	overflow: hidden;



}



#footer-left,



#footer-middle,



#footer-right{



	float: left;



	width: 280px;



	margin-top: 30px;



}



#footer-right{



}



#footer-middle{



	margin-left: 40px;



	margin-right: 40px;



}



#footer-right{



}











.footer-widget{



	color: #666;



	margin-bottom: 30px;



}



.footer-widget h4{



	color: #fff;



	font-size: 12px;



	margin: 0 0 20px;



}



.footer-widget li{



	padding: 10px 0;



	border-bottom: 1px solid #333;



}



.footer-widget li:first-child{



	border-top: 1px solid #333;



}







/*flickr widget footer*/



#footer .bizz-flickr-widget li{



	border: 0px;



	padding: 0px;



}



#footer .bizz-flickr-widget{



	margin-right: -4px;



}



#footer .bizz-flickr-widget a{



	float: left;



	width: 57px;



	height: 57px;



	margin-right: 4px;



	margin-bottom: 4px;



	border: 5px solid #333;



	-webkit-transition: all 0.2s ease-in-out;



    -moz-transition: all 0.2s ease-in-out;



    -o-transition: all 0.2s ease-in-out;



    -ms-transition: all 0.2s ease-in-out;



    transition: all 0.2s ease-in-out;



}



#footer .bizz-flickr-widget a:hover{



	border-color: #ef4034;



}



#footer .bizz-flickr-widget img{



	display: block;



	width: 57px;



	height: 57px;



}







/*footer bottom*/



#footer-bottom{



	background:#212121;



	border-top: 1px solid #000;



	margin: 0 -30px;



	margin-top: 30px;



	padding: 10px 30px;



	-webkit-border-bottom-right-radius: 5px;



	-webkit-border-bottom-left-radius: 5px;



	-moz-border-radius-bottomright: 5px;



	-moz-border-radius-bottomleft: 5px;



	border-bottom-right-radius: 5px;



	border-bottom-left-radius: 5px;



}



#copyright {



	float: left;



	width: 820px;



    font-size: 10px;



	color:#666;



}



#back-to-top{



	width: 100px;



	float: right;



	text-align: right;



}







/*-----------------------------------------------------------------------------------*



/* = Search Bar



/*-----------------------------------------------------------------------------------*/



#searchbar {



    display: block;



    position: relative;



	width: 220px;



	margin-bottom: 4px;



}



#search {



    position: relative;



    width: 180px;



    padding: 10px 30px 10px 10px;



    outline: none;



    border: 1px solid #ddd;



	color: #666;



}



#search:focus { }



#searchsubmit {



    position: absolute;



    right: 10px;



    top: 12px;



    background: url(images/search.png) no-repeat;



    text-indent: -9999px;



    border: none;



    outline: none;



    width: 15px;



    height: 15px;



	cursor: pointer;



}







.search-portfolio-thumb{



	float: left;



	margin-right: 20px;



	padding: 4px;



	border: 1px solid #ddd;



}



.search-portfolio-thumb img{



	margin: 0px;



	padding: 0px;



	display: block;



	-webkit-transition: opacity 0.2s ease-in-out;



    -moz-transition: opacity 0.2s ease-in-out;



    -o-transition: opacity 0.2s ease-in-out;



    -ms-transition: opacity 0.2s ease-in-out;



    transition: opacity 0.2s ease-in-out;



}



.search-portfolio-thumb:hover img{



	-moz-opacity: 0.8;



    -khtml-opacity: 0.8;



    opacity: 0.8;



}







/*-----------------------------------------------------------------------------------*



/* Main Shortcodes



/*-----------------------------------------------------------------------------------*/







/*columns*/



.one-half{ width:48%; }



.one-third{ width:30.66%; }



.two-third{ width:65.33%; }



.one-fourth{ width:22%; }



.three-fourth{ width:74%; }



.one-fifth{ width:16.8%; }



.one-sixth{ width:13.33%; }



.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .one-sixth {



	position:relative; margin-right:4%; float:left;



}











.column-last{margin-right: 0px;}



.column-first{margin-left: 0px;}







/*box shortcodes*/



.box-shortcode {



    margin: 5px 0px;



    padding: 10px;



	color: #fff;



	font-size: 13px;



	font-weight: bold;



}



.box-black {



    background-color: #000;



}



.box-red {



    background-color: #e62727;



}



.box-green {



    background-color: #91bd09;



}



.box-blue {



    background-color: #00ADEE;



}



/*highlights*/



.text-highlight { padding: 2px }



.highlight-yellow,



.highlight-yellow a {



    background-color: #FFF7A8;



    color: #695D43;



}



.highlight-pink,



.highlight-pink a {



    background-color: #F7DEEB;



    color: #724473;



}



.highlight-purple,



.highlight-purple a {



    background-color: #E0DBF6;



    color: #5C5577;



}



.highlight-blue,



.highlight-blue a {



    background-color: #D7F0FF;



    color: #2A67A4;



}



.highlight-green,



.highlight-green a {



    background-color: #E7FFCE;



    color: #47630A;



}



.highlight-red,



.highlight-red a {



    background: #FFCEBE;



    color: #A22121;



}



.highlight-gray,



.highlight-gray a {



    background-color: #EBEBEB;



    color: #787777;



}







/*Other buttons*/



.button{



	margin-right: 5px;



}



.button, .button span {



	display: inline-block;



	-webkit-border-radius: 3px;



	-moz-border-radius: 3px;



	border-radius: 3px;



}



.button {



	white-space: nowrap;



	line-height:1em;



	position:relative;



	outline: none;



	overflow: visible; /* removes extra side padding in IE */



	cursor: pointer;



	border: 1px solid #999;/* IE */



	border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */



	border-bottom:rgba(0, 0, 0, .4) 1px solid;



	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);



	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);



	box-shadow: 0 1px 2px rgba(0,0,0,.2);



	background: -moz-linear-gradient(



		center top,



		rgba(255, 255, 255, .1) 0%,



		rgba(0, 0, 0, .1) 100%



	);/* FF3.6 */



	background: -webkit-gradient(



		linear,



		center bottom,



		center top,



		from(rgba(0, 0, 0, .1)),



		to(rgba(255, 255, 255, .1))



	);/* Saf4+, Chrome */



	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */



	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */



	-moz-user-select: none;



	-webkit-user-select:none;



	-khtml-user-select: none;



	user-select: none;



	margin-bottom:10px;



}



.button.full, .button.full span {



	display: block;



}



.button:hover, .button.hover {



	background: -moz-linear-gradient(



		center top,



		rgba(255, 255, 255, .2) 0%,



		rgba(255, 255, 255, .1) 100%



	);/* FF3.6 */



	background: -webkit-gradient(



		linear,



		center bottom,



		center top,



		from(rgba(255, 255, 255, .1)),



		to(rgba(255, 255, 255, .2))



	);/* Saf4+, Chrome */



	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */



	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */



}



.button:active, .button.active {



	top:1px;



}



.button span {



	position: relative;



	color:#fff;



	font-weight: bold;



	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);



	border-top: rgba(255, 255, 255, .3) 1px solid;



	padding:0.8em 1.3em;



	line-height:1em;



	text-decoration:none;



	text-align:center;



	white-space: nowrap;



}



.button.black {



	background-color: #333333;



}



.button.gray {



	background-color: #666666;



}



.button.light-gray {



	background-color: #D5D2D2;



	text-shadow: 1px 1px 0px #FFF;



}



.button.light-gray span{



	color: #242424;



	text-shadow: 1px 1px 0px #e7e7e7;



	border-top: rgba(255, 255, 255, .6) 1px solid;



}



.button.red {



	background-color: #e62727;



}



.button.orange {



	background-color: #f24919;



}



.button.magenta {



	background-color: #A9014B;



}



.button.yellow {



	background-color: #ffb515;



}



.button.blue {



	background-color: #00ADEE;



}



.button.pink {



	background-color: #e22092;



}



.button.green {



	background-color: #91bd09;



}



.button.rosy {



	background-color: #F16C7C;



}



.button.brown {



	background-color: #804000;



}



.button.purple {



	background-color: #800080;



}



.button.cyan {



	background-color: #46C7C7;



}



.button.gold {



	background-color: #D4A017;



}