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

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,
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;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none; list-style-position:outside;}
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: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* clear Fix */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

/* page css*/

body {background: #FFFFFF url(../images/bg.jpg) repeat-x; font-size: 12px;font-weight: normal;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:18px; color:#666666}
.wrapper {margin: 0 auto; width: 990px}

#header {height: 170px;}
.logo {float: left; width:40%}
.pNav {float: right; width: 50%; margin-top: 80px}

#banner {background: #366597; width: auto; height:315px; margin-bottom:20px } 

#contentCont {padding:15px 5px; overflow:hidden;}
.contentLeft {float: left; width:60%;  min-height: 210px; margin-top:15px}
.contentRight {float: right; width:35%;}
.moduletablepage {margin-top: 20px}
.contentLeft img{margin: 10px; padding:3px; border: 1px solid #e3e3e3;}

.contentLeft ul {margin-left: 20px; margin-top: 10px}
.contentLeft li {list-style: square; color:#333; line-height:22px}

#container1 {width: auto; background:#366597; height:35px; overflow: hidden}
#container2 {width: auto; background:#252525; overflow: hidden}

.client {float: left; width:60%}
.rFooter {float: right; width: 265px;}
.number {height: 35px; float:right; width: 265px}
.quote {background: url(../images/amazonQuote.gif) no-repeat; padding: 25px 10px; height:169px; font-size:18px; line-height:24px; text-transform:capitalize }
.quote a {color: #000}
.quote img {margin-top: 20px}


.social {clear:both; text-align: right; display: none}

/* client listing footer */

ul.clientList {margin-top:20px}
.client ul li {display:inline; margin:3px;}
.client ul li img {border: 1px solid #444; width:103px; height:69px; padding:2px }
.footer {background: url(../images/footerBG.jpg) no-repeat center top; height:200px; padding:5px}

/* typography */
h1 {font-size: 25px; color:#2599be; line-height: 50px;}
h2, h3, h4, h5 {font-size: 16px; line-height: 28px; color:#2599be; margin-top:8px}
h4, h5 {font-size: 14px; text-transform:capitalize}
p {margin-top: 10px; color:#666666;}
span.fs1 {font-weight: bold; color:#116DB3;}

/* frontpage right mod */
.moduleCont li{font-size: 20px; color:#465a7c; line-height:33px; background:url(../images/serviceAarow.png) no-repeat 300px center}
.moduleCont {background: url(../images/leftLine.jpg) left top no-repeat; width:330px; padding:10px; height:295px }
ul.services {background: url(../images/serviceModBG.jpg) repeat-y; margin:15px 2px}

ul.services a {color: #4A4A4A; text-decoration: none}
ul.services a:hover {text-decoration: underline}

/* navigation */

.pNav li {display: inline}
.pNav li a {float: left; display: block; height: 35px; margin: 0px 4px}
.pNav li a span {display: none}


.pNav li.item53 a {width: 68px; background-image:url(../images/nav/about.gif);} 
.pNav li.item55 a {width: 89px; background-image:url(../images/nav/service.gif);} 
.pNav li.item54 a {width: 97px; background-image:url(../images/nav/portfolio.gif);} 
.pNav li.item56 a {width: 57px; background-image:url(../images/nav/press.gif);} 
.pNav li.item57 a {width: 90px; background-image:url(../images/nav/contact.gif);} 


.pNav li a:hover {background-position: 0px -35px}
.pNav li.active a {background-position: 0px 35px}



.modules ul.menu li a {text-decoration: none; color: #333; font-size: 15px}
.modules ul.menu li a:hover {text-decoration: underline} 
.modules ul.menu li.active span  {font-weight: bold; font-size: 17px; color: #ce1126} 


/* table styles*/
input, .contact select, textarea {background: #f1f1f1; color:#000; border: 1px solid #999; padding: 2px; margin-top:5px; height: 20px; width:200px}
textarea {height: 150px; width:350px}
fieldset.formFieldset legend {display:none}

.submitBut {background: #12628D no-repeat; border:none; font-size:25px; height:41px; width:120px; cursor: pointer; color: #FFF}

label {padding: 4px; line-height: 20px}
.submitButton {background-color: #9d4141; padding: 6px; font-weight: bold; color: #fff;height: 30px; width: 120px;}

/*module and form styles*/


ul.pagination li {float: left}

/*front page slider*/
.container { width:783px; height:294px; overflow:hidden; position:relative; cursor:pointer; }
		.slides { position:absolute; top:0; left:0; }
		.slides div { position:absolute; top:0; width:783px; display:none; }

#loopedSlider { margin:18px auto; width:783px; position:relative; clear:both; }
		
		a.previous { position:absolute; top:112px; left:-90px; }
		a.next { position:absolute; top:112px; right:-90px; }


/*faq slider*/
#faqslider .pane-sliders .title {line-height: 21px;}
#faqslider .pane-sliders .panel {border: 1px solid #e3e3e3}

/*service tabs slider*/

.ui-tabs-nav li{list-style-type:none}
.smoothness .ui-tabs {border:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}

/*portfolio page*/
.portfolio .contentLeft {float: none; width:990px;}
.portfolio .contentLeft img {border: 10px solid #333; margin:6px}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}
/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:700px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* some styling for triggers */
#triggers {
	text-align:center;
}

#triggers img {
	cursor:pointer;

}



/* styling for elements inside overlay */
.details {
	position:absolute;
	top:15px;
	right:15px;
	font-size:11px;
	color:#fff;
	width:150px;
}

.details h3 {
	color:#aba;
	font-size:15px;
	margin:0 0 -10px 0;
}
/* form styles ovveride - contact form */
div.formCaption {width:35%}



.componentheading {display:none}