@charset "utf-8";
/* CSS Document */

/*--|| RESET ||--*/
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; 
	padding: 0; 
	border: 0; 
	font-size: 100%; 
	font: inherit; 
	vertical-align: baseline;
	
	}
	
/*--|| ARTICLE ||--*/
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	display: block;
	}
	
/*--|| BLOCKQUOTE ||--*/
blockquote:before, blockquote:after, q:before, q:after {
	content: ''; 
	content: none;
	}	


/*--|| HEADER ||--*/
#header {
	background: #fafafa;
	min-height: 106px;
	border-bottom: 1px solid #ebebeb;
	}
em{font-style:italic;}

/*--|| LOGO ||--*/
#logo {
	float: left;
	position: relative;
	padding: 44px 0 0; 
	}
#logo h1 a, #logo h1 a span {
	font: normal 40px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #323230;
	text-decoration: none;
	}
#logo span.tagline {
	font: 600 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	position: absolute; 
	top: 85px;
	left: 0;
	}

/*--|| CALL US ||--*/
.call-us {
	float: right;
	color: #404040;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	padding-top: 85px;
	}

/*--|| MAIN MENU ||--*/
#main-menu {
	background: #e5e5e5;
	margin-top: 1px;
    overflow:hidden;
	position:relative;
	z-index:2;
	}
#main-menu ul {
	list-style: none;
	padding: 0;
	}
#main-menu li {
	float: left;
	}
#main-menu li a {
	color: #404040;
	display: block;
	padding: 13px 18px 8px;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	border-right: 1px solid #e5e5e5;
	}
#main-menu li:last-child a {
	border-right: 0;
	}
#main-menu li a:hover, #main-menu li a.active  {
	color: #FFF;
	}

/*--|| CONTENT ||--*/
#content {
	padding-top: 43px;
	}	

/*--|| LINKS ||--*/
a {
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
p { 
	line-height: 25px;
	}

/*--|| HEADERS ||--*/
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	color: #404040;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
h1 {
	font-size: 25px;
	text-transform: uppercase;
	margin-bottom: 21px;
	}
h2 {
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 16px;
	}
#content li{
	list-style:decimal;
	}
#content ol li{
	list-style:decimal;
	margin-left:17px;
	}

/*--|| SERVICES ||--*/
#services {
	background: url(../images/brd-top.jpg) #fafafa top repeat-x;
	padding: 32px 0 21px;
	border-bottom: 1px solid #f1f1f1;
	margin-top: 42px;
	}
#services #wrap-services .col-1-3, #services #wrap-services .col-2-3, #services #wrap-services .col-3-3 {
	border-right: 0;
	padding-right: 55px;
	margin-right: 0;
	}
.img-bg-gray, .img-bg-white {
	padding: 1px;
	}
.img-bg-gray {
	background: #eaeaea;
	width: 278px;
	height: 135px;
	}
.img-bg-white {
	background: #FFF;
	width: 276px;
	height: 133px;
	}
.img-bg-white img {
	border: 8px solid #f6f6f6;
	}
#services p {
	Xpadding-top: 11px;
	}
.more-btn {
	padding: 4px 12px;
	color: #FFF;
	}
.more-btn:hover {
	text-decoration: none;
	}

/*--|| FOOTER ||--*/
#wrap-footer {
	padding-top: 23px;
	}
.footer-info, .footer-link {
	color: #595a5a;
	font-size: 11px;
	padding-bottom: 20px;
	}
.footer-info {
	float: left;
	padding-top: 5px;
	}
.footer-link {
	float: right;
	}
.footer-link img {
	vertical-align: bottom;
	}
strong, b {font-weight: bold;}
i{font-style:italic;}
u{text-decoration:underline;}
.right-align {
	float: right;
	margin-left: 20px;
	}
.right-btn {
	float: right;
	margin-top: 19px;
	}
.left-btn {
	float: left;
	}
#shadow {
	background: url(../images/shadow.jpg) bottom repeat-x;
	border-bottom: 1px solid #f1f1f1;
	overflow: hidden;
	padding-bottom: 15px;
	}
#content li {
	padding: 0;
	list-style: inside;
	}
.moderate-text {
	font-size: 14px;
	}
.padd-top {
	padding-top: 25px;
	}
#content p img {
	padding-left: 15px;
	}


/*--Contact----*/
.contact-form h2 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin-bottom: 26px;
	text-transform: none;
	}
.contact-form div {
    display: block;
    margin-bottom: 15px;
	}
.contact-form span {
    color: #696868;
    display: block;
    float: left;
    line-height: 35px;
    width: 136px;
	}
input[type="text"]{
	height: 20px;
    width: 275px;
	}
input[type="text"], textarea, select {
    border: 1px solid #D2D2D2;
    box-shadow: 0 1px 2px #D3D3D3 inset;
    color: #696868;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding: 7px 5px 3px;
	outline:none;
	}
textarea {
	min-height: 20px;
    min-width: 275px;
    resize: none;
	}
select {
	height: 32px;
    width: 287px;
	padding: 0;
	}
.contact-form {
	width: 550px;
	margin-top:35px;
	float: left;
	}
.contact-form form{
	padding-left: 0;
	padding-right: 0;
	}
.contact-form i{
	color: #F00;
	}
.contact-form form div input[type='button'] {
	border: 0;
	}
.contact-us {
	float: left;
	width: 650px;
	}
.contact-details, .google-map {
	float: right;
	width: 300px;
	text-align:left;
}
.contact-details i.address, .contact-details i.phone, .contact-details i.email, .contact-details i.website, .contact-details i.sales, .contact-details i.support {
	background: url(../images/icons.png) left -1px no-repeat;
    display: block;
    float: left;
    height: 12px;
    padding-right: 16px;
    width: 12px;
}
.contact-details span.padd-btm {
    padding-bottom: 38px;
}
.contact-details i.phone {
    background-position: left -16px;
}

.contact-details span {
    float: left;
    padding-bottom: 11px;
    width: 84px;
}

.contact-details i.email {
    background-position: left -33px;
}
.contact-details a{color:inherit !important;}
.contact-form form input[type='button']{
	color: #FFF;
	padding:5px 10px;
	cursor: pointer;
	}
.google-map {
	width: 400px;
	margin-top: 35px;
	}

/*---portfolio---*/
#content .portfolio ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
#content .portfolio li {
	list-style: none;
	padding-right: 25px;
	float: left;
	position:relative
}
#content .portfolio li span.desc {
	display: block;
	width: 152px;
	max-height: 30px;
	height: 30px;
	overflow: hidden;
	line-height: 15px;
	margin-bottom: 10px;
}
#add_portfolio{padding: 6px 0; width:90px;}
#add_portfolio a{color: inherit !important;}
.textDesc{
	border: medium none;
    display: none;
    min-width: 152px;
    padding: 0;
    width: 152px;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
	height: 30px;
	margin-bottom: 9px;
}
/*--leftright--*/
.left-algn {
	float:left;
	width: 660px;
	}
.right-algn {
	float:right;
	width: 300px;
	}
	
.contact_field{
	width: 185px;
	display:inline-block;
}
.contact-details textarea{
	border: none;
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #454545;
}

#google_map
{
	width:70px; float:right; margin-top:25px; margin-right:5px;
}

#remove_map
{
	width:75px; float:right; margin-top:25px; margin-right:250px;
}


span.delete{
	left: 136px;
    position: absolute;
    top: -13px;
	cursor:pointer;
	width:30px;
	height:30px;
	opacity: 0.5 !important;
}		

.hightlighted ol, .hightlighted ul{padding-left:20px;}
ol,ul{padding-left:20px;}