/*******************RESET CSS*******************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, font, img, small, 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;}
ul {list-style: none;}
/*ol  { list-style: decimal; }*/
table {border-collapse: collapse; border-spacing: 0;}
/*input, select, textarea {font-family: "Helvetica Neue", Helvetica, Arial, sans serif; background: url(images/bg_input.gif) repeat-x #fff;}*/
/*legend {display: none;} */
address {font-style: normal;}
/****************END RESET********************/

/****************Global Elements**************/
body { font: 12px "Helvetica Neue", Helvetica, Arial, sans serif; background: #FFF; color: #000000; text-align: center; }
h1 { font: 18px "Helvetica Neue", Helvetica, Arial, sans serif; color: #000000; text-align: left; text-transform:uppercase; margin-top:10px;margin-bottom:20px;}
h2 { font: 16px "Helvetica Neue", Helvetica, Arial, sans serif; color: #000000; text-align: left; text-transform:lowercase; margin-top:10px;margin-bottom:20px;}
h3 { font: 13px "Helvetica Neue", Helvetica, Arial, sans serif; color: #000000; text-align: left; text-transform:uppercase; margin-bottom:13px;}
p { margin: 0 0 12px 0; line-height: 18px; }
a { color: #ccc; }
a:hover { color: #333333; }
/*input, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans serif; border: none; color: #000; font-size: 11px; padding: 3px 3px 2px 3px; width: 158px; }
select {  width: 183px; padding: 2px; }*/
td { padding: 4px 0; }
/*ol  { list-style: decimal; }*/
hr { height: 1px; color: #2c2c2c; background: #2c2c2c; display: block; margin: 10px 0 15px 0; border: 0;}
blockquote{ border-left:1px solid #A5ABAB; margin:15px; padding:0 12px 0 12px;}
::-moz-selection{background:#61aac2; color:#fff;}
/*::selection {background:#61aac2; color:#fff;}*/
/****************End Global Elements**********/


/****************Structure*********************/
#header-container { margin: 0 auto; text-align: center; border-bottom: 1px solid #212121; height: 80px; margin-bottom: 0px; }
#header { height: 80px; width: 980px; margin: 0 auto; position: relative; text-align: left;   }
#container { margin: 0 auto;text-align: left; width: 980px; position: relative; }

/* navigation */
#nav { position: absolute; top: 46px; right: 0; }
#nav li { float: left; border-right: 1px solid #000; padding-right: 12px; margin-right: 12px; height: 13px;}
#nav li a { text-decoration: none; display: block; color: #000;  text-transform:uppercase;font-size: 11px;}
#nav li.firstItem a { }
#nav li.firstItem a:hover, #nav li.firstItem a.active {color:red;}
#nav li.middleItem a {}
#nav li.middleItem a:hover, #nav li.middleItem a.active { color:red; }
#nav li.lastItem { margin-right: 0; border-right: 0; padding-right: 0; }
#nav li.lastItem a {}
#nav li.lastItem a:hover, #nav li.lastItem a.active {color:red;}
			
/* content */
#content { position: relative; }
#content a {color: #4e7586;}
#content a.click-me { color: #9a9a9a; }
#content a:hover { color: #8ebacc; }
#content ul { margin: 0 0 20px 15px; }
#content li { list-style: disc; margin-bottom: 6px; }
#about.left-col { width: 650px; float: left; text-align: justify; }
#about.right-col { margin-left: 655px; position: relative; }

#portfolio.left-col { width: 190px; float: left; text-align: justify;}
#portfolio.right-col { margin-left: 190px; position: relative;margin-top:20px;margin-bottom:20px; }
.portfolio-right-col { margin-left: 210px; position: relative;margin-top:20px;margin-bottom:20px; }

#rates.left-col { margin-left:100px; width: 340px; float: left; text-align: justify; }
#rates.center-col { margin-left: 15px; width:1px; height:316px; float: left;margin-top:30px;background-color:#cccccc;}
#rates.right-col { margin-left: 465px; width:320px; position: relative; }
#contact.left-col { font-size:13px;width: 440px; float: left; text-align: right; }
#contact.center-col { margin-left: 15px; width:1px; height:274px; float: left;margin-top:30px;background-color:#cccccc;}
#contact.right-col { margin-left: 465px; width:320px; position: relative; }
#raves.left-col { width: 300px; float: left; text-align: justify; }
#raves.center-col { margin-left: 15px; width:1px; height:1460px; float: left;margin-top:30px;background-color:#cccccc;}
#raves.right-col { margin-left: 310px; position: relative; }
.portfolioLink{color:black;}
.portfolioLink:hover{color:red;}
.sig{color:#a7a7a7;font-size:14px;font-style:italic;}
.contactlabel{color:#666666;}
.formTag{background-color:lightyellow;padding:1 10 1 10; margin: 9 0 10 0;}
.formLabel{color:#000000;}
.formTextbox{width:300px;font: 11px "Helvetica Neue", Helvetica, Arial, sans serif;}
.formTextbox:focus {border: 2px solid red;}
.formSelect{font: 11px "Helvetica Neue", Helvetica, Arial, sans serif;}
.formHR{margin-bottom:8px;background-color:grey;}
/*.left-col ul li, .left-col h2, .left-col h3, .left-col h4, .left-col .btn { text-align: left; } */

/* footer */
#footer { z-index:200;clear: both; padding: 36px 0 20px 0; height: 20px; position: relative; color: #c1c1c1; width: 100%; text-align:center;font-size: 11px;}
#footer ul { float: left; }
#footer li { display: inline; margin-right: 20px; padding-right: 20px; border-right: 1px solid #fff;  }
#footer li.last { border-right: none; margin-right: 0; padding-right: 0;}
#footer a { color: #333; text-decoration: none; }
#footer a:hover { color: #ccc; text-decoration: underline; }
#newsletter-form { position: absolute; right: 0; top: 6px; width: 278px;}
#newsletter-form label { float: left; margin-right: 5px; margin-top: 1px; color: #333; text-transform: uppercase;}
#newsletter-form input {background: #909090; color: #000; float: left; width: 150px; height: 13px; padding: 2px;}
#newsletter-form input#news-submit {width: 11px; height: 11px; cursor: pointer; font-size: 1px; color: #000; background: url(images/btn_arrow_right.gif) no-repeat; text-indent: -9999em; margin-left: -13px; margin-top: 3px; }
#footer-stripe { background: url(../images/footer/stripe.jpg) repeat-x; clear: both; margin-top: -6px; }
#footer-container { width: 960px; margin: 0 auto; text-align: left; }
#footer-container h4 { font-weight: normal; font-size: 11px; color: #999; } 
#footer-container p { line-height: 13px; margin-bottom: 6px; }
#footer-container a { color: #777;font-weight:bold; text-decoration:none;} 
#footer-container a:HOVER { color: red; } 
#ad-one { float: left;  margin-right: 30px; position: relative; padding: 10px 0 0 170px; font-size: 11px; margin-bottom: 30px; }
#ad-two { float: left; margin-right: 40px; position: relative;  padding: 10px 0 0 140px;font-size: 11px; }
#ad-three { float: left; position: relative;  padding: 10px 0 0 124px; font-size: 11px; }
#ad-one img { position: absolute; top: -10px; left: 20; }
#ad-two img { position: absolute; top: -10px; left: 0; }
#ad-three img { position: absolute; top: -13px; left: 23px; }
.more { display: block; width: 44px; height: 11px;}
.more:hover { background-position: bottom left; }
/****************End Structure******************/

/****************End Structure******************/