@charset "utf-8";

/*----Common---->>START*/
* { padding: 0px; margin: 0px; }

body { background-color: #000000; background-image: url(../images/body_bg.gif); background-repeat: repeat; color: #2e2e2e; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; }

img { border: 0px; }
a { color: #e10e16; text-decoration: none; }
a:hover { text-decoration: underline; }
form { display: inline; }

.clear { clear: both; }
.wrap { width: 100%; }
.center { width: 100%; text-align: center; }

#wapper { width: 100%; text-align: center; }
.layout { width: 960px; margin: 0px auto; position: relative; padding: 53px 0px 0px 0px; }
/*----Common----<<END*/

/*----Welcome Screen---->>START*/
#welcomescreen { background-image: url(../images/welcome_screen.png); background-position: top left; background-repeat: no-repeat; width: 960px; height: 37px; padding: 254px 0px 0px 0px; margin: 100px auto 0px auto; }
#welcomescreen #enter { background-image: url(../images/button_enter.png); background-position: top left; background-repeat: no-repeat; display: block; width: 261px; height: 37px; margin: 0px auto; text-decoration: none; }
#welcomescreen #enter:hover { text-decoration: none; }
#welcomescreen span,
#welcomescreen #enter span { display: none; }
/*----Welcome Screen----<<END*/

/*----Header---->>START*/
#header { background-image: url(../images/header_bg.png); background-position: top left; background-repeat: repeat-x; width: 100%; height: 118px; }
#header .layout { height: 118px; text-align: left; padding: 0px 0px 0px 0px !important; }
#header #logo { background-image: url(../images/logo.png); background-position: top left; background-repeat: no-repeat; width: 266px; height: 101px; position: absolute; top: 8px; left: 10px; }
#header #logo a { display: block; width: 266px; height: 101px; text-decoration: none; }
#header #logo a:hover { text-decoration: none; }
#header #logo a span { display: none; }
#header #phoneemail { background-image: url(../images/phone_email.png); background-position: top left; background-repeat: no-repeat; width: 215px; height: 47px; position: absolute; top: 55px; right: 38px; }
/*----Header----<<END*/

/*----Navigation---->>START*/
#nav { width: 960px; height: 39px; position: absolute; top: 17px; left: 0px; z-index: 50; }
#nav ul { list-style-type: none; }
#nav ul li { float: left; height: 39px; }
#nav ul li a { background-image: url(../images/nav_bg.gif); background-position: top; background-repeat: no-repeat; display: block; color: #f3f3cb; font-family: "Trebuchet MS"; font-size: 15px; line-height: 31px; height: 39px; text-align: center; text-decoration: none; text-transform: uppercase; }
#nav ul li a span { background-image: url(../images/nav_left_bg.gif); background-position: top left; background-repeat: no-repeat; cursor: pointer; display: block; height: 39px; }
#nav ul li a span span { background-image: url(../images/nav_right_bg.gif); background-position: top right; background-repeat: no-repeat; display: block; cursor: pointer; height: 31px; padding: 8px 14px 0px 14px; }
#nav ul li a:hover,
#nav ul li a.selected { background-image: url(../images/nav_hover_bg.gif); text-decoration: none; }
#nav ul li a:hover span,
#nav ul li a.selected span { background-image: url(../images/nav_left_hover_bg.gif); }
#nav ul li a:hover span span,
#nav ul li a.selected span span { background-image: url(../images/nav_right_hover_bg.gif); padding: 0px 14px 8px 14px; }
/*----Navigation----<<END*/

/*----Content---->>START*/
#contenttop { background-image: url(../images/content_top_bg.png); background-position: top left; background-repeat: no-repeat; width: 960px; height: 10px; font-size: 0px; line-height: 0px; position: relative; z-index: 100; }
#contentbottom { background-image: url(../images/content_bottom_bg.png); background-position: top left; background-repeat: no-repeat; width: 960px; height: 10px; font-size: 0px; line-height: 0px; position: relative; z-index: 100; }
#content { background-image: url(../images/content_bg.gif); background-position: top left; background-repeat: repeat-y; width: 944px; padding: 0px 8px 1px 8px; position: relative; text-align: left; z-index: 100; }

#content h1 { color: #990208; font-family: "Trebuchet MS"; font-size: 19px; font-weight: bold; padding: 12px 0px 8px 16px; }
#content h3 { background-image: url(../images/small_box_sep.gif); background-position: bottom; background-repeat: no-repeat; color: #bb0308; font-family: "Trebuchet MS"; font-size: 20px; font-weight: normal; line-height: 100%; padding: 18px 0px 16px 14px; }
#content h3.redbar { background-image: url(../images/redbar.png); background-position: top left; background-repeat: no-repeat; color: #ffffe1; font-family: "Trebuchet MS"; font-size: 20px; font-weight: normal; line-height: 30px; width: 283px; height: 30px; padding: 0px 10px; margin: 0px 0px 13px 0px; }

#content .inner { background-color: #f3f3cb; background-image: url(../images/big_box_bg.png); background-position: top left; background-repeat: no-repeat; font-size: 16px; line-height: 18px; width: 644px; padding: 14px 14px 0px 14px; font-size: 16px; line-height: 18px; width: 916px; }
#content .inner p { padding: 0px 0px 15px 0px; }

#content .picbox { background-image: url(../images/big_box_pic_bg.png); background-position: top left; background-repeat: no-repeat; float: right; width: 253px; height: 212px; padding: 6px 6px 6px 17px; margin: 0px 0px 0px 10px; }

#content .bigboxbottom { background-image: url(../images/big_box_bottom.png); background-position: top left; background-repeat: no-repeat; width: 944px; height: 14px; font-size: 0px; line-height: 0px; margin: 0px 0px 16px 0px; }
#content .bigbox { background-color: #f3f3cb; background-image: url(../images/big_box_bg.png); background-position: top left; background-repeat: no-repeat; font-size: 16px; line-height: 18px; width: 644px; padding: 14px 286px 0px 14px; position: relative; }
#content .bigbox p { padding: 0px 0px 15px 0px; }
#content .bigboxppic { background-image: url(../images/big_box_pic_bg.png); background-position: top left; background-repeat: no-repeat; width: 253px; height: 212px; padding: 6px 6px 6px 17px; position: absolute; bottom: 14px; right: 10px; z-index: 100; }
#content .bigboxppic img { border: 1px solid #bdbb89; }

#content .boxleft { float: left; width: 303px; margin: 0px 17px 0px 0px; }
#content .boxmiddle { float: left; width: 303px; }
#content .boxright { float: right; width: 303px; }

#content .smallboxbottom { background-image: url(../images/small_box_bottom.png); background-position: top left; background-repeat: no-repeat; width: 303px; height: 15px; font-size: 0px; line-height: 0px; }
#content .smallbox { background-color: #e9e9b6; background-image: url(../images/small_box_border.gif); background-position: top left; background-repeat: repeat-y; width: 303px; }
#content .smallboxin { background-image: url(../images/small_box_bg.png); background-position: top left; background-repeat: no-repeat; width: 303px; height: 290px; }

#content ul.features { list-style-type: none; padding: 18px 0px 1px 0px; }
#content ul.features li { background-image: url(../images/small_box_sep.gif); background-position: bottom; background-repeat: no-repeat; padding: 0px 12px; display: block; margin: 0px 0px 8px 0px; width: 279px; }
#content ul.features li.lastitem { background-image: none; }
#content ul.features a,
#content ul.features span { background-image: url(../images/small_bullet_2.gif); background-position: top left; background-repeat: no-repeat; color: #171717; display: block; font-size: 12px; padding: 0px 0px 8px 20px; }

#content ul.listed { list-style-type: none; padding: 0px 0px 1px 0px; }
#content ul.listed li { background-image: url(../images/small_bullet_3.gif); background-position: top left; background-repeat: no-repeat; padding: 0px 0px 0px 20px; margin: 0px 0px 15px 0px; }

#content .boxmiddle div.inner { background-color: transparent; background-image: none; width: 294px; height: 247px; padding: 0px 6px 0px 3px; position: relative; }
#content .boxmiddle div.label { color: #171717; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 23px; float: left; width: 99px; height: 23px; margin: 0px 0px 10px 0px; }
#content .boxmiddle div.textfield { background-image: url(../images/textinput_bg.png); background-position: top left; background-repeat: no-repeat; float: right; width: 194px; height: 23px; margin: 0px 0px 10px 0px; }
#content .boxmiddle div.textfield input { background: transparent; border: 0px solid #ffffff; color: #171717; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; width: 184px; margin: 4px 0px 0px 5px; }
#content .boxmiddle div.textarea { background-image: url(../images/textarea_bg.png); background-position: top left; background-repeat: no-repeat; float: right; width: 194px; height: 78px; }
#content .boxmiddle div.textarea textarea { background: transparent; border: 0px solid #ffffff; width: 188px; height: 72px; padding: 3px; overflow: auto; }
#content .boxmiddle div.submit { border-top: 1px solid #bebc8a; width: 294px; padding: 0px 0px 0px 0px; margin: 19px auto 0px auto; text-align: right; }
#content .boxmiddle div.submit input { margin: 0px 8px 0px 0px; }

#content .boxleft div.readmore { border-top: 1px solid #bebc8a; width: 272px; height: 18px; padding: 0px 8px 0px 0px; margin: 23px auto 0px auto; text-align: right; }
#content .boxleft div.readmore a { background-image: url(../images/button_readmore.png); background-position: top left; background-repeat: no-repeat; display: block; float: right; width: 68px; height: 18px; font-size: 0px; line-height: 0px; text-decoration: none; }
#content .boxleft div.readmore a:hover { text-decoration: none; }

#content .twtr-doc { margin: 0px auto !important; }
#content #twtr-widget-1 * { border: 0px solid #ffffff !important; }
#content .twtr-bd { height: 220px; overflow: auto; }
#content .twtr-tweet { background-image: url(../images/small_bullet_1.gif) !important; background-position: top left !important; background-repeat: no-repeat !important; padding: 0px 0px 0px 20px !important; }
#content .twtr-ft { background-image: url(../images/small_box_sep.gif) !important; background-position: top !important; background-repeat: no-repeat !important; padding: 0px 2px 0px 2px !important; margin: 0px 0px 0px 0px !important; }
#content .twtr-tweet-wrap { padding-bottom: 8px !important; }
#content .twtr-ft div { padding: 0px 2px 0px 2px !important; margin: 0px 0px 0px 0px !important; }
#content .twtr-ft a { padding: 6px 0px 0px 0px; }
#content .twtr-join-conv { background-image: url(../images/buttom_followus.png); background-position: top left; background-repeat: no-repeat; display: block; width: 114px; height: 18px; line-height: 0px; font-size: 0px; padding: 0px !important; margin: 0px !important; text-decoration: none; }
#content .twtr-join-conv:hover { text-decoration: none; }
#content .twtr-hd { display: none !important }

#content .imgleft { border: 1px solid #bdbb89; float: left; margin: 0px 15px 0px 0px; }
#content .imgright { border: 1px solid #bdbb89; float: right; margin: 0px 0px 0px 15px; }

#content .getyourfree { background-image: url(../images/button_getyourfree.jpg); background-position: left top; background-repeat: no-repeat; display: block; width: 231px; height: 94px; font-size: 0px; text-decoration: none; margin: 0px auto; }
#content .getyourfree:hover { text-decoration: none; }
#content .contactsibmit { float: right; padding: 20px 0px 15px 0px; }
/*----Content----<<END*/

/*----Footer---->>START*/
#footer { background-image: url(../images/footer_bg.png); background-position: top left; background-repeat: repeat-x; color: #e9e9b6; font-size: 11px; width: 100%; height: 167px; padding: 23px 0px 0px 0px; text-align: left; }
#footer #footerin { background-image: url(../images/footer_horizontal_sep.gif); background-position: bottom left; background-repeat: no-repeat; width: 880px; padding: 0px 0px 2px 12px; margin: 0px auto; }
#footer #footerleft { background-image: url(../images/footer_verticel_sep.gif); background-position: top right; background-repeat: no-repeat; float: left; width: 280px; height: 110px; text-align: left; padding: 20px 10px 0px 0px; }
#footer #footerleft h3 { color: #848452; font-size: 17px; font-weight: normal; padding: 0px 0px 20px 0px; }
#footer #footerleft #twitterbtn { background-image: url(../images/button_twitter.gif); background-position: top left; background-repeat: no-repeat; display: block; font-size: 0px; line-height: 0px; float: left; width: 38px; height: 38px; margin: 0px 10px 0px 0px; text-decoration: none; }
#footer #footerleft #twitterbtn:hover { text-decoration: none; }
#footer #footerleft #facebookbtn { background-image: url(../images/button_facebook.gif); background-position: top left; background-repeat: no-repeat; display: block; font-size: 0px; line-height: 0px; float: left; width: 38px; height: 38px; margin: 0px 20px 0px 0px; text-decoration: none; }
#footer #footerleft #sharebtn { float: left; width: 130px; padding: 10px 0px 0px 0px; }
#footer #footerleft #facebookbtn:hover { text-decoration: none; }
#footer #footerright { float: right; width: 530px; padding: 38px 0px 0px 60px; text-align: left; }
#footer #footerright a { color: #ccccbe; font-size: 11px; text-decoration: none; }
#footer #footerright a:hover { color: #ff7c81; text-decoration: none; }
#footer #footerright p { padding: 0px 0px 30px 0px; }
#footer #footerright p#copyright { background-image: url(../images/footer_logo.gif); background-position: left; background-repeat: no-repeat; color: #e9e9b6; font-size: 11px; line-height: 16px; height: 18px; padding: 0px 0px 0px 105px; }
/*----Footer----<<END*/