/* --------------------------------------------

Cool-visions.com
copyright (c) Coolvisions.com
Designed & Developed by Midago

----------------------------------------------- */
/* -- All Your Styles Are Belong To Us -------- */
/* -------------------------------------------- */


* { margin: 0; padding: 0; }
a { color: #4790CA; text-decoration: none; }
a:hover { color: #4790CA; text-decoration: underline; }
a img { border: none; }


body { background: url(../images/top_pattern.gif) top left repeat-x #2B2B2B; font-family: Arial, Helvetica, sans-serif; width: 760px; margin: 0 auto; }

/*--Header & Navigation--*/
div#logo { width: 760px; margin: 22px auto 0 auto; }

div#nav_main { float: left; width: 760px; background: none; }
div#nav_main ul { float: right; }
div#nav_main ul li { float: left; display: block; font-size: 10px; font-weight: normal; }
div#nav_main a { display: block; padding: 5px; text-decoration: none; color: #FFF; }
div#nav_main ul li#nav_main_active a { background: none; color: #FFF; border-bottom: 6px solid #FF0000; }
div#nav_main ul li#nav_main_active_why a { background: none; color: #FFF; border-bottom: 6px solid #FF9900; }
div#nav_main ul li#nav_main_active_news a { background: none; color: #FFF; border-bottom: 6px solid #66FF00; }
div#nav_main ul li#nav_main_active_about a { background: none; color: #FFF; border-bottom: 6px solid #0066FF; }
div#nav_main ul li#nav_main_active_product a { background: none; color: #FFF; border-bottom: 6px solid #FFFF00; }
div#nav_main ul li#nav_main_active_contact a { background: none; color: #FFF; border-bottom: 6px solid #6633CC; }

div#nav_main ul li#nav_main_active a:hover { color: #FFF; border-bottom: 6px solid #FF0000; }

div#nav_main ul li#home_button a:hover {color: #FFF; border-bottom: 6px solid #FF0000; }
div#nav_main ul li#why_button a:hover { color: #FFF; border-bottom: 6px solid #FF9900; }
div#nav_main ul li#product_button a:hover { color: #FFF; border-bottom: 6px solid #FFFF00; }
div#nav_main ul li#news_button a:hover { color: #FFF; border-bottom: 6px solid #66FF00; }
div#nav_main ul li#about_button a:hover { color: #FFF; border-bottom: 6px solid #0066FF; }
div#nav_main ul li#contact_button a:hover { color: #FFF; border-bottom: 6px solid #6633CC; }


/*--Flash Content--*/
div#flash { width: 760px; height: 400px; margin: 66px 0 0 0; background: url(../images/flash_bg.jpg) top left no-repeat; }


/*--Main Content For All Pages--*/
div#content { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-weight: normal; width: 400px; margin: 22px 0 0 0; }
div#content p {margin: 12px 0 0 0; }
div#content_right { float: right; width: 300px; margin: 180px 0 0 0; }
div#content_right p { font-size: 10px; }

div#why_content_left { float: left; width: 340px; margin: 12px 0 0 0; }
div#why_content_left ul { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #CCC; margin: 12px 0 0 0; }
div#why_content_left ul li { margin-left: 14px; }
div#why_content_right { float: right; width: 340px; margin: 56px 0 0 0; }

div#banner_image { margin: 66px 0 0 0; }

div#news_left, div#about_left, div#product_left, div#contact_left { float: left; margin: 22px 0 0 0; }
div#news_right, div#about_right, div#product_right, div#contact_right { float: right; width: 340px; margin: 44px 0 0 0; }
div#news_right ul, div#about_right ul, div#product_right ul { margin-top: 10px; }
div#news_right ul li, div#product_right ul li { display: block; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #CCC; }
div#contact_right ul li { float: right; display: block; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #CCC; padding: 5px; }
div#contact_1, div#contact_2 { float: left; width: 170px; }
div#contact_1 p, div#contact_2 p { font-size: 10px; }
div#spacer { float: right; width: 340px; height: 40px; }
div#contact_disclaimer p { float: right; font-size: 10px; color: #666; margin-top: 44px; }
div#disclaimer p { font-size: 10px; color: #666; margin-top: 44px; }
div#thank_you { float: right; width: 340px; margin-top: 32px; margin-bottom: 400px; }


/*--Contact Form--*/
form#contactus input { background: url(../images/input_bkg.gif) top left repeat-x; border: 1px solid #FFF; font-size: 11px; color: #666; padding: 2px 2px 0; }
form#contactus textarea { background: url(../images/comment_bkg.gif) top left repeat-x; border: 1px solid #FFF; font-size: 11px; color: #666; padding: 2px 2px 0; }


/*--Footer--*/
div#footer p { float: right; font-size: 10px; color: #666; margin-top: 82px; margin-bottom: 22px; }
div#footer a { color: #666; }
div#footer a:hover { color: #fff; text-decoration: none; }



h1 { font-size: 20px; font-family: Arial, Helvetica, sans-serif; color: #F9FF00; font-weight: lighter; margin-top: 10px; margin-bottom: 10px; }
h2 { font-size: 12px; font-family:Arial, Helvetica, sans-serif; color: #4790CA; font-weight: lighter; font-style: italic; }

p { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #CCC; margin: 12px 0 0 0; }
span { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #CCC; margin: 12px 0 0 0; }


.clear { clear: both; }
.news_link { font-size: 12px; }
.news_link a { color: #CCC; }