/* 
* Kilowatt Master Stylesheet
*/

/* ---------- Global ---------- */
body { font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; }
.dialog_content { display: none; }

/* ---------- Template ---------- */
#template_wrapper { width: 750px; overflow: auto; margin: 0 auto; border: 1px solid #46280C; background: #FFF url('../Images/k_bgFFF.gif') no-repeat right bottom; }
    html>body #template_wrapper { background-image: url('../Images/k_bg.png'); }
#header { overflow: auto; height: 108px; background-color: #46280C; border-bottom: 20px solid #5BC8DD; }
#main { overflow: auto; height: 470px; padding: 10px 0; background-position: bottom center; background-repeat: no-repeat; background-position: bottom center; }
    html>body #main { height: auto; min-height: 470px; }
#main .main_container { margin: 0 30px; overflow:auto; }

/* Logo */
#header h1#logo,
#header h1#logo a { display: block; width: 189px; height: 77px; }
#header h1#logo { margin: 15px 0 0 10px; letter-spacing: -2000em; float: left; background: Transparent url('../Images/kilowattmarketing.gif') no-repeat; }
    html>body #header h1#logo { margin: 15px 0 0 20px; letter-spacing: normal; text-indent: -999em; overflow: hidden; background-image: url('../Images/kilowattmarketing.png'); }

/* Primary Nav */
#header ul, 
#header ul li { list-style: none; display: block; float: left; }
#header ul { float: right; }
#header ul li { float: left; font-size: 1.4em; }
#header ul li a,
#header ul li span { color: #D5D3D3; display: block; margin: 90px 10px 0; text-decoration: none; }
#header ul li span { cursor: default; }
#header ul li:last-child a,
#header ul li.last-child a,
#header ul li:last-child span,
#header ul li.last-child span { margin-right: 5px; }
#header ul li a { outline: none; }
#header ul li a:hover { color: #FFF; }
#header ul li.selected a,
#header ul li.selected span { color: #69E0F6; }

/* ---------- Skins ----------
   Switch skin style groups with body.className */
body.default { padding: 10px 0; }

body.default #main a { color: #46280C; font-weight: bold; text-decoration: none; }
body.default #main a:hover,
body.default #main a.hover { color: #0099CC; }
body.default #main a:active { }
body.default #main a:link { }
body.default #main a:visited { }

body.default #main { color: #46280c; }
body.default #main h4.main_header { color: #46280c; font-size: 2.7em; line-height: 2em; word-spacing: -0.15em; margin-bottom: 10px; cursor: default; }

/* ---------- Content ---------- */
.content p { margin-bottom: 10px; font-size: 1.2em; line-height: 1.4em; }
.content h6 { margin-bottom: 10px; font-size: 1.2em; line-height: 1.4em; font-weight: bold; }
.content ul { margin-bottom: 10px; }
.content ul li { font-size: 1.2em; line-height: 1.4em; list-style-position: outside; list-style-type: disc;  margin: 0 0 5px 22px; }
.content ul li.title { list-style-type: none; margin-left: 0px; font-weight: bold; }
.content ul li.logo { background: Transparent url(../Images/icon_list.gif) 0 2px no-repeat; list-style-type: none; margin: 0 0 5px 0px; padding-left: 22px; }
.content ul li.logo:hover { background-image: url(../Images/icon_list_over.gif); }

/* ---------- Pages ---------- */

/* Home/Index */
body#index #main { background-image: url(../Images/background-quotes_ivenever_FFF.gif); }
    html>body#index #main { background-image: url(../Images/background-quotes_ivenever.png); }
body#index #main ul { width: 450px; margin: 40px 0 0 40px; font-weight: bold; }
body#index #main ul li { margin-bottom: 10px; }

/* Services */
body#services #main { background-image: url(../Images/background-quotes_kilowattmarketing_FFF.gif); }
    html>body#services #main { background-image: url(../Images/background-quotes_kilowattmarketing.png); }

body#services #main div.container { width: 660px; overflow: auto; margin: 20px auto 0; }
body#services #main ul { float: left; width: 220px; }

/* Clients */
body#clients #main { background-image: url(../Images/background-quotes_withkilowatts_FFF.gif); }
    html>body#clients #main { background-image: url(../Images/background-quotes_withkilowatts.png); }

body#clients #main div.container { width: 660px; overflow: auto; margin: 0 auto; }
body#clients #main ul { float: left; width: 220px; }
body#clients #main #client_menu { width: auto; }
body#clients #main #client_menu li { display: block; float: left; margin-right: 10px; height:22px; }
body#clients #main #client_menu li a { display:block; margin-top:1px; }

/* Portfolio */
body#portfolio #main { background-image: url(../Images/background-quotes_anamechange_FFF.gif); }
    html>body#portfolio #main { background-image: url(../Images/background-quotes_anamechange.png); }

body#portfolio #main div.container { overflow: auto; margin: 0 auto; height: 200px; }
body#portfolio #main div.container a { float: left; margin-right: 5px; width: 130px; height: 100px; text-align: center; }
body#portfolio #main div.container a:last-child,
body#portfolio #main div.container a.last-child { margin-right: 0px; }

body#portfolio .ui-dialog-titlebar { display: none; }
body#portfolio .ui-dialog .ui-dialog-content { text-align:center; }

/* Team */
body#team #main { background-image: url(../Images/background-quotes_whatIlove_FFF.gif); padding-bottom: 30px; }
    html>body#team #main { background-image: url(../Images/background-quotes_whatIlove.png); }

body#team #main ul { margin: 20px 40px; }
body#team #main ul .selected { color: #666; }

/* Philosophy */
body#philosophy #main { background-image: url(../Images/background-quotes_themember_FFF.gif); }
    html>body#philosophy #main { background-image: url(../Images/background-quotes_themember.png); }
    
/* Contact */