/* CSS Document */

body { padding: 0px; margin: 0px; font-family: arial, Helvetica, sans-serif; font-size: 12px; color: #999; }
img { border: none; }

.sWidth { display:block; width: 100%; }
.bCenter { width: 990px; margin: 0px auto; display: block; position:relative; }
.topMenu { height: 49px; display:block; }
#logo { position:absolute; z-index: 100; } 

.hImage { display:block; overflow:hidden; position: relative; height: 392px; }
.sImage { display:block; overflow:hidden; position: relative; height: 132px; }
.sQuote { display:block; overflow:hidden; position: relative; height: 70px; background-color: #3e4244; }

#grayBorder { height: 14px; width: 100%; background-color: #999999; } 

#sMenu { width: 200px; display:block; float:left; padding: 30px 14px 30px 0px; text-align:right; }
#sMenu ul { margin: 0; padding: 0; list-style: none; }
#sMenu ul li {  }

#sMenu a { color: #e14f00; padding: 0px 23px 0px 0px; margin: 0px 0px 6px 0px; list-style-type: none; background:url(../images/mArrow.gif) top right no-repeat; display:block; text-decoration:none; }
#sMenu a:hover { color: #fda800; background-position: right -67px; text-decoration:none; text-transform:capitalize; }

#mContent { width: 688px; display:block; float: left; padding: 20px 44px 30px 44px; background:url(../images/dLine.gif) left bottom no-repeat; }

.hBackground { position: absolute; }

#tag { background:url(../images/transparentBlack.png) repeat; height: 42px; width: 100%; display:block; position: absolute; top: 175px; text-align:center; }

#mainMenu { width: 713px; height: 49px; float:right; display:block; padding: 0px; margin: 0px; }
#mainMenu ul { margin: 0; padding: 0; list-style: none; }
#mainMenu ul li { padding: 0px; margin: 0px; float: left; list-style-type: none; }

#sSecondaryMenu { width: 200px; display:block; float:left; padding: 30px 14px 30px 0px; text-align:right; }

.gFooter { display:block; clear:both; }	
.gFooter ul { margin: 0; padding: 0; list-style: none; }
.gFooter ul li { float: left; list-style-type: none; }
.footerPadding { padding: 15px 16px 10px 16px; width: 132px; display:block;  }
.footerDivider { margin: 8px 0px 8px 0px; width: 1px; display:block; height: 144px; background-color: #686868; }
.bgGray { background-color: #2d2d2d; }
.footer { display:block; padding: 0px 0px 20px 0px; }	

.mAbout { background:url(../images/menu.gif) 0px 0px; width: 95px; height: 49px; display:block; text-indent: -5000px; }
.mAbout:hover { background-position: 0px -49px; }
.mAboutActive { background:url(../images/menu.gif) 0px -98px; width: 95px; height: 49px; display:block; text-indent: -5000px; }

.mWhatWeDo { background:url(../images/menu.gif) -95px 0px; width: 115px; height: 49px; display:block; text-indent: -5000px; }
.mWhatWeDo:hover { background-position: -95px -49px; }
.mWhatWeDoActive { background:url(../images/menu.gif) -95px -98px; width: 115px; height: 49px; display:block; text-indent: -5000px; }

.mOurWork { background:url(../images/menu.gif) -210px 0px; width: 100px; height: 49px; display:block; text-indent: -5000px; }
.mOurWork:hover { background-position: -210px -49px; }
.mOurWorkActive { background:url(../images/menu.gif) -210px -98px; width: 100px; height: 49px; display:block; text-indent: -5000px; }

.mClients { background:url(../images/menu.gif) -310px 0px; width: 115px; height: 49px; display:block; text-indent: -5000px; }
.mClients:hover { background-position: -310px -49px; }
.mClientsActive { background:url(../images/menu.gif) -310px -98px; width: 115px; height: 49px; display:block; text-indent: -5000px; }

.mNews { background:url(../images/menu.gif) -425px 0px; width: 114px; height: 49px; display:block; text-indent: -5000px; }
.mNews:hover { background-position: -425px -49px; }
.mNewsActive { background:url(../images/menu.gif) -425px -98px; width: 114px; height: 49px; display:block; text-indent: -5000px; }

.mBlog { background:url(../images/menu.gif) -539px 0px; width: 63px; height: 49px; display:block; text-indent: -5000px; }
.mBlog:hover { background-position: -539px -49px; }
.mBlogActive { background:url(../images/menu.gif) -539px -98px; width: 63px; height: 49px; display:block; text-indent: -5000px; }

.mContact { background:url(../images/menu.gif) -602px 0px; width: 111px; height: 49px; display:block; text-indent: -5000px; }
.mContact:hover { background-position: -602px -49px; }	
.mContactActive { background:url(../images/menu.gif) -602px -98px; width: 111px; height: 49px; display:block; text-indent: -5000px; }
 
.touts { display:block; }	
.touts ul { margin: 0; padding: 8px 0px 8px 0px; list-style: none; }
.touts ul li { float: left; list-style-type: none; }

.lTout { display:block; width: 344px; }
.cTout { display:block; width: 300px; }
.toutDivider { background-color: #cdcdcd; display:block; width: 1px; margin: 0px 16px 0px 16px; height: 148px;  }
.tContent { padding: 0px; margin: 12px 0px 8px 0px; display:block; }
.cLogo { float:left; width: 116px; display: block; text-align:center; }
.cText { float:left; width: 218px; padding: 0px 0px 0px 10px; }

.cAll { clear:both; }
.hDivider { background-color: #cdcdcd; }
 
.txtLGray { color: #aeaeae; }
.txtGray { color: #585858; }
.txtWhite { color: #fff; }
.txtOrange { color: #e14f00; }
a.txtOrange, a.txtOrange:link, a.txtOrange:visited { color: #e14f00; text-decoration:none; }
a.txtOrange:hover, a.txtOrange:visited:hover, a.txtOrange:visited:active { color: #e14f00; text-decoration: underline; }

.txtTitle { font-size: 14px; }
.txtSTitle { font-size: 16px; }
.txtMenu { font-size: 18px; }
.txtLarge { font-size: 20px; }
.txtXLLarge { font-size: 24px; }
.txtSuperRight { font-size: 56px; padding: 0px; }

.txtHelvetica { font-family:'HelveticaNeueW01-67MdCn 692710'; }
.txtLHelvetica { font-family:'HelveticaNeueW01-47LtCn 692686'; }

.txtYellow { color: #fda800; }

.txtBold { font-weight:bold; }
.txtLeft { text-align: left; }
.txtRight { text-align: right; }

input, textarea { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 200px;
	color: #444444;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}

textarea { 
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

.form label { 
	color: #999999; 
	}

.submit input {
	width: auto;
	padding: 9px 15px;
	background: #617798;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
