/*  Windcor Power Systems
------------------------------
Author: Omni Studios Inc
Contact: info@omnistudios.com
Website: http://omnistudios.com/
------------------------------
*/

@import url(reset.css);

body { background: #a3cad6 url(images/bg.png) 0 0 repeat-x; }

/* wrapper */
#wrapper { width: 860px; margin: 0 auto; display: inline-block; overflow: hidden; position: relative; }
#wrapper { display: block; }

/* header */
#header { background: url(images/header_bg.png) 0 0 no-repeat; width: 860px; height: 140px; }
#header.secondary { margin-bottom: 22px; }
#logoFlash { float: left; margin-left: 40px; margin-top: 10px; }

/* navigation */
#navigation { clear: both; float: left; margin-top: 23px; margin-left: 330px; width: 425px; }
#navigation li { float: left; margin-right: 27px; }
#navigation a { color: white; font-weight: bold; font-style: italic; font-size: 18px; text-shadow: #0c7686 1px 1px 0px; }
#navigation a:hover { color: #fcb340; }

/* rotator */
#rotator { background: url(images/loading.gif) center center no-repeat; margin-top: -10px; width: 860px; height: 269px; }
#flags { position: absolute; z-index: 1002; top: 240px; right: 0px; }
#flags li { margin-bottom: 5px; }
#rotatorBtm { background: url(images/rotator_btm_glow.png) top center no-repeat; margin-top: -14px;  width: 860px; height: 31px; }

/* content */
#content { background: white url(images/content_right_bg.gif) top right repeat-y; width: 860px; display: inline-block; overflow: hidden; }
#content { display: block; }
#contentBtm { background: url(images/content_btm_bg.png) 0 0 no-repeat; width: 860px; height: 10px; }
/* left */
#left { float: left; background: url(images/left_top_corner.png) 0 0 no-repeat; width: 600px; padding-top: 27px; padding-bottom: 20px; }
#left.secondary { background: url(images/left_top_corner_secondary.png) 0 0 no-repeat; }
#left h1 { float: right; background: url(images/left_h1_bg.png) 0 0 no-repeat; width: 575px; height: 51px; text-align: left; }
#left h1 span { color: white; font-weight: bold; font-style: italic; font-size: 20px; text-shadow: #0c7686 1px 1px 0px; text-align: left; padding-left: 20px; line-height: 51px; }
#left p { clear: both; padding: 15px 20px 0px 35px; color: #474747; font-size: 14px; line-height: 18px; }
#left h2 { color: #404040; font-size: 16px; padding: 15px 10px 5px 0px; padding-left: 35px; line-height: 20px; }
#left a { color: black; }
#left a:hover { color: #FCB131; }
#left ul { margin-left: 35px; }
#left li { margin-bottom: 15px; font-size: 14px; color: black; line-height: 18px; }
#left img.floatLeft, #left img.floatRight { padding: 10px; padding-top: 0px; }
#left img.floatLeft { float: left; }
#left img.floatRight { float: right; }
/* right */
#right { float: left; background: #e1e1e1 url(images/right_top_corner.png) top right no-repeat; width: 260px; }
#right.secondary { background: url(images/right_top_corner_secondary.png) top right no-repeat; }
#rightInner { background: url(images/rightInner_bg.png) 0 0 no-repeat; width: 260px; padding-top: 27px; padding-bottom: 20px; }
#rightInner h1 { float: left; background: url(images/right_h1_bg.png) 0 0 no-repeat; width: 235px; height: 51px; text-align: right; }
#rightInner h1 span { color: white; font-weight: bold; font-style: italic; font-size: 20px; text-shadow: #8a611b 1px 1px 0px; text-align: right; line-height: 51px; padding-right: 20px; }
#rightInner ol, #rightInner ul { margin-left: 30px; list-style: none; }
#rightInner li { margin-top: 20px; }
#rightInner li a { color: #555555; font-size: 22px; font-weight: bold; }
#rightInner li a:hover { color: #7b7b7b; }
#rightInner p { margin-top: 20px; padding: 15px; font-size: 14px; color: #555555; }
#news { clear: both; width: 260px; height: 330px; position: relative; margin-top: 60px; }
#fadeTop { position: absolute; background: url(images/newsticker_top_bg.png) 0 0 no-repeat; width: 230px; height: 52px; margin-left: 15px; z-index: 1000; }
#fadeBtm { position: absolute; background: url(images/newsticker_btm_bg.png) 0 0 no-repeat; width: 230px; height: 52px; margin-left: 15px; z-index: 1001; margin-top: -52px; }
#ticker { padding: 15px }
#ticker span { background: #414141; font-size: 12px; color: #fcb131; font-style: italic; padding: 2px; line-height: 16px; }
#ticker p { font-size: 12px; color: #414141; line-height: 14px; text-align: justify; padding: 5px; font-style: italic; margin-bottom: 10px; }
#ticker a { color: #414141; }
#ticker a:hover { color: black; }

/* footer */
#footer { background: url(images/footer_bg.png) 0 0 no-repeat; width: 860px; height: 55px; margin-top: 50px; margin-bottom: 10px; }
#footer ul { float: left; margin-left: 15px; margin-top: 17px;}
#footer li { float: left; margin-right: 12px; }
#footer a { color: white; font-size: 12px; font-style: italic; }
#footer a:hover { color: #fcb340; }
#footer span { float: right; color: white; font-size: 12px; margin-top: 20px; margin-right: 15px; }