/* 
CSS Document
Designer: asterix
*/

@import "styles/cssReset.css";

/*========================================
	General Styles
  ========================================*/
body {background:url(images/bodyBG.png) repeat-x #fff; font-size:11px; line-height:16px;}
a{text-decoration:none; color:#e68e00;}
a:hover {color:#000;}
#webPage {width:911px; margin:0px auto; text-align:left;}
/*========================================
	Header Styles
  ========================================*/
#header {width:911px; position:relative; height:128px;}
#header #logo {width:242px; height:65px; position:absolute; top:32px; left:0px;}
#header #logo a {display:block; width:242px; height:65px;  background:url(images/layoutSprite.png) 0 0 no-repeat; text-indent:-9999px;}
/*========================================
	Menu Styles
  ========================================*/
#header #nav {position:absolute; width:911px; height:33px; bottom:0px; left:0px;}
#header #nav li {float:right; position:relative; margin-left:3px; width:124px; height:32px; background:url(images/layoutSprite.png) 0px -97px; overflow:hidden;}
#header #nav li  a {display:block; position:relative; z-index:10; width:124px; height:32px; text-align:center; color:#fff; line-height:32px; 
text-transform:uppercase; font-size:11px; overflow:hidden;}
#header #nav li .hoverMenu {display:block; width:123px; height:32px; position:absolute; z-index:9; top:0px; left:0px; background:url(images/layoutSprite.png) 0px -65px; 
overflow:hidden;}
#header #nav .active {background:url(images/layoutSprite.png) 0px -65px;}
#header #topMenu {width:64px; height:32px; background:url(images/layoutSprite.png) -243px 0px; position:absolute; right:10px; top:0px;}
#header #topMenu a{ display:block; text-indent:-9999px; float:left; width:20px; height:20px; margin-top:5px; margin-left:1px;}

/*========================================
	Orange Header Styles
  ========================================*/

#preContent {height:250px;}
#preContent .topImage {margin:10px 10px 10px 0px; float:left;}
#preContent  #preCol {color:#fff; float:left; width:481px;}
#preContent #preCol p {margin-left:2px;}
#preContent #preButs {width:125px; float:left;}
#preContent .titleBG {background:url(images/titleBG.png); text-indent:-9999px; width:481px; height:35px; margin-top:50px;}
#preContent #preButs {margin-top:42px; margin-left:68px;}
#preContent #preButs a {display:block; background:url(images/layoutSprite.png); width:125px; height:37px; margin-bottom:13px; text-indent:-9999px;}
#preContent #preButs a.seo {background-position:0px -129px;}
#preContent #preButs a.sem {background-position:0px -167px;}
#preContent #preButs a.ppc {background-position:0px -205px;}
#preContent #preButs a.seo:hover {background-position:-126px -129px;}
#preContent #preButs a.sem:hover{background-position:-126px -167px;}
#preContent #preButs a.ppc:hover{background-position:-126px -205px;}

/*========================================
	Content Styles
  ========================================*/

#content {color:#595959;}
#content #areaOne {width:317px; float:left;}
#content #areaOne .welcomeMesg {background:url(images/welcomeMsg.gif) -2px 0px; width:92px; height:14px; text-indent:-9999px; margin-bottom:10px;}
#content #areaOne .aboutMesg {background:url(images/about.gif) 0px 0px; width:92px; height:14px; text-indent:-9999px; margin-bottom:10px;}
#content #areaOne  p {margin:9px 0px;}
#content .headingText {font-size:16px; font-weight:400;}
#content #areaTwo {float:left; width:225px; margin-left:38px;}
#content #areaTwo .latestMsg { position:relative; background:url(images/latestMsg.gif) no-repeat; width:225px; height:22px; text-indent:-9999px; margin-bottom:10px;}
#content .postEntry {margin-bottom:20px;}
#content #areaTwo .latestMsg .rss {display:block; width:18px; height:18px; background:url(images/rssFeed.png); position:absolute; top:0px; right:0px;}
#content #areaThree {width:285px; float:left; margin-left:41px; overflow:visible;}

#content #areaThree .formMsg {background:url(images/forumMsg.gif) no-repeat; width:193px; height:22px; text-indent:-9999px; margin-bottom:10px;}
#content #areaThree #freeForm {position:relative; width:281px;}
#content #areaThree #freeForm .smallInput, #content #areaThree #freeForm .inputField { background:none; border:1px solid #d5d5d5; height:23px; padding-top:5px;
	padding-left:6px; color:#979797;}
#freeForm .additional {color:#979797; width:278px; padding-left:6px; text-align:left; padding-top:5px;}
#freeForm .additional {border: 1px solid #d5d5d5 !important;}

/*========================================
	Content =>	Form Styles
  ========================================*/

#content #areaThree #freeForm .smallInput {width:128px;}
#content #areaThree  #freeForm .floatLeftInput {float:left; width:140px;}
#content #areaThree #freeForm .firstInput {position:absolute; top:0px; left:152px;}
#content #areaThree  #freeForm input {margin-bottom:10px;}
#content #areaThree  #freeForm .inputField {width:100%;}
#content #areaThree  #freeForm .submit {width:124px; height:32px; background:url(images/layoutSprite.png) 0px -97px; color:#fff; line-height:32px; border:none; 
padding:0px 6px 0px 0px; cursor:pointer; margin-top:10px;}
#content #areaThree  #freeForm .submit:hover {background:url(images/layoutSprite.png) 0px -65px;}
.valid {border:1px solid #090 !important;}
input.error {border:1px solid #900 !important;}

/*========================================
	Footer Styles
  ========================================*/

#footer {background:#e8e8e8; text-align:center; height:129px;}
#footerInner {width:911px; margin:0px auto; text-align:left; position:relative;}
#footerInner #siteMap {position:absolute; top:30px; width:447px; height:52px; right:0px; background:url(images/footerBg.png) center right no-repeat; text-align:right; 
padding-right:50px; padding-top:20px;}
#footerInner #siteMap {color:#2e2e2e;}
#footerInner #siteMap a {color:#2e2e2e;}
#footerInner #siteMap p{margin:0px 0px 5px 0px;}
#address h4 {padding-top:30px;}


.textAreaInput {margin-bottom:10px;}
.contactpage {margin: 0 auto;width:285px; min-height:200px;}
* html .contactpage {height:200px;}
#content .contactpage #areaThree {margin:0;}
.error_msg {border:1px solid #ef2001; color:#ef2001; padding:10px; margin-bottom:10px;}
#captcha {width : 100px;height : 16px;line-height : 16px;padding : 5px;border : 1px solid #cecece;vertical-align:top;}
.imgCaptcha {border:1px solid #cecece;vertical-align:top;}