@charset "utf-8";
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*---------------------------------------------- 1. RESET --------------------------------------------------------*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* ===== mayerweb resetting css ===== v1.0 | 20080212 ==========*/

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, a img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-align: left;
}
body { line-height: 1; }
ol,
ul {
	list-style: none;
	list-style-type: none;
}
blockquote,
q { quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: underline; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
div { zoom: 1; }

/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*---------------------------------------------- 2. GENERAL CLASSES ----------------------------------------------*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* Start Present in edit.css */
a {
	color: #666666;
	text-decoration: underline;
	font-weight: bold;
}
li a {text-decoration: none;}
li a:hover { text-decoration: underline;}
a:hover { 
	text-decoration: none; 
	color: #EC962E;
}
a:visited { 
	color:#808080;
}
li p,
li a,
li h1,
li h2,
li h3,
li h4 { padding: 0; margin: 0; line-height: normal;}

.hide {
	display: none;
	font-size: 1px;
	margin-left: 9999px;
}
.fltrt { 
	float: right;
	margin: 5px 0px 5px 10px;
}
.fltlft { 
	float: left;
	margin: 5px 10px 5px 0px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
h1 { font-size: 125%; }
h2 { font-size: 150%; font-weight: bold; }
h3 { font-size: 140%; color: #EC962E; }
h4 { background: #EC962E; padding: 2px; border-width: 1px; border-color: #000000; border-style: solid;}
.orange {color: #EC962E}
.strong {color: #EC962E; font-weight: bold;}

/* End Present in Edit.css*/


#column_single h2 {font-size: 125%; font-weight: bold; color: #EC962E;}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*---------------------------------------------- 3. BODY & PAGE --------------------------------------------------*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body {
	font: 100% Arial, Verdana, sans-serif;
	color:#323232; 
	background: #FFFFFF;
	margin: 0; 
	padding: 0;
	text-align: center; 
}
#container {
	width: 900px;
	margin: 0 auto; 
	text-align: left;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*---------------------------------------------- 4. Header -------------------------------------------------------*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#header {
	overflow: hidden;
	margin: 25px 0 30px 0;
	text-align: right;
}
#header .logo {
	float: left;
	width: 400px;
}
#header .search {float:right; width: 40%; text-align: right; overflow: hidden; height: 40px; margin-top: 6px;}
#header ul {
	/*padding-top: 70px;*/
	float: right;
	width: 500px;
	margin-top: 21px;
}
#header ul li {
	width: auto;
	display: block;
	float: right;
	padding: 0 0 0 18px;
}
#header ul li.last {padding: 0;}
#header  ul li a {
	font-size: 20px;
	font-weight: bold;
	color: #989089;
	letter-spacing: -1px;
	text-transform: uppercase;
}
#header ul li.active a,
#header ul li.active a:visited {color:#EC962E;}

#header a:hover {
	text-decoration: none;
	color: #EC962E;
}
	
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*---------------------------------------------- 5. Footer--------------------------------------------------------*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#footer {
	overflow: hidden;
	padding: 20px 0;
	color: #323232; 
	font-size: 10px;
	font-weight: 400;
}
#copyright {
	color: #999; 
	font-size: 16px; font-weight: bold; font-family: Verdana, Arial, sans-serif; 
}
#footer ul {
	text-align: right;
}
#footer ul li {
	width: auto;
	display: block;
	float: right;
	padding: 0 0 0 20px;
}
#footer ul li a {
	font-size: 16px;
	color: #989089;
	font-weight: 100;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*---------------------------------------------- 6. Main Content -------------------------------------------------*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#main_content {
	overflow: hidden;
}

/* Rules for 2-column layouts (the default site layout) */

#column_left {
	float: left;
	overflow: hidden;
	margin-right: 15px;
}
#column_right {
	float: right;
	overflow: hidden;
}
#column_right ul li {
	padding: 5px 0 15px 0;
	color: #808080;
}
#column_right h1,
#column_right h2,
#column_right h3,
#column_right h4,
#column_right h5,
#column_right h6 {margin-bottom: 10px;}
#column_right p, 
#column_right ul {margin-bottom: 30px; line-height: 150%;}
#column_right ul li ul {margin-bottom: 0; margin-left: 50px;}


/* Page Styles */
#style1 #column_left { width: 415px;}
#style1 #column_right { width: 460px;}
#style2 #column_left { width: 315px;}
#style2 #column_right { width: 560px;}
#style3 #column_left { width: 515px;}
#style3 #column_right { width: 360px;}
#style4 #column_left { display: none;}
#style4 #column_right { width: 100%;}

/* Grey Border */
#column_single,
#column_right .border {
	border-width: 10px 0 10px 10px;
	border-color: #CCCCCC;
	border-style: solid;
	padding: 20px 0 20px 20px;
	overflow: hidden;
}



/* Rules for Individual Project Pages */
#column_single {
	font-size: 80%;
}

#column_single ul li {margin-bottom: 10px;}
#column_single p {margin-bottom: 10px;}

/* Gallery on Bottom */
#style1 #project_info {}

#style1 #project_id,
#style1 #project_testimonial,
#style1 #project_description {
	float: left;
	overflow: hidden;
}

#style1 #project_id { width: 26%; margin-right: 2%;}
#style1 #project_description { width: 32%; margin-right: 4%;}
#style1 #project_testimonial { width: 35%;}

#style1 #project_gallery { margin-top: 20px;}

#style1 #slider li { 
	width: 870px;
	height: 600px;
}	
	
/* Gallery on Right */
#style2 #project_info {
	float: left;
	width: 220px;
	margin-right: 5px;
}
#style2 #project_gallery {
	width: 600px;
	float: right;
overflow: hidden;
}

#style2 #slider li { 
	width: 600px;
	height: 400px;
}	


/* Rules for Easy Slider Photo Gallery (e.g. in individual project pages) */

#slider {
	overflow: hidden;
	clear: both;
}
#slider li {
	overflow: hidden; 
	text-align: left;
}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#prevBtn, #firstBtn { 
	float: left;
	width: auto;
	margin-right: 15px;
	margin-bottom: 5px;
	}	
#nextBtn, #lastBtn { 
	float: right;
	width: auto;
	margin-left: 15px;
	margin-bottom: 5px;
	}
#project_gallery span a, 
#project_gallery span a:visited { text-decoration: none; }
	
#project_gallery span a:hover { text-decoration: underline;}

.B_crumbBox {
}
/* Project Testimonials */
.quotesigniature {
	margin-left: 50px;
}
.quoteauthor {
	color: #EC962E;
	background: url(/assets/templates/westech/images/dash.png) no-repeat -3px 4px;
	padding-left: 10px;
	margin-left: -10px;
}
.testimonial {
	margin-bottom: 30px;
}
.quoteposition p,
#column_single .quoteposition p,
#column_right .quoteposition p {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
	line-height: normal;
}
.quote p,
#column_single .quote p,
#column_right .quote p {
	margin-bottom: 15px;
}