/* 
  -----------------------------------
  imFlexible 2007 Style Sheet (Master) - Revised Jan. 2009
  Author: Justin Agoglia
  www.skylardesign.com
  -----------------------------------
*/

/* =Universal Styles 
  ----------------------------------- */
html, body {background: #8B668B url(../imgs/pagetile.gif); font: small/1.55 Arial, Helvetica, sans-serif; color: #121212;}

#wrapperBrd {margin: 0 auto; width: 946px; background-image: url(../imgs/pageShadow.gif); background-repeat: repeat-y;}
#wrapper {margin: 0 auto; width: 900px; background-color: #FFF; }

a {color: #06F; text-decoration: underline; }
a:visited {color: #5A6878;}
a:hover {color: #35349A; text-decoration: none;}
a:active, a:focus {text-decoration: none;}

* {margin: 0; padding: 0;}

h1, h2, h3 {font-weight: normal;}

h1 {font-size: 2.1em; margin-bottom: .3em;}
h2 {font-size: 1.6em; margin-bottom: .2em;}

ul, li {list-style: none;}
 
.clear {clear: both;}

/* =Masthead Styles
---------------------------------- */
#masthead {float: left; width: 100%; background: #FADC78; position: relative;}
#logo {float: left; margin: 30px 0 30px 33px;}
#masthead ul {width: 450px; margin-top: 4.5em; position: absolute; top: 9px; right: 10px; z-index: 100;}
#masthead li {float: left; margin-right: .5em;}
#masthead li a {display: block;	height: 35px; padding: 0 6px; text-decoration: none; color: #545256;
	font-size: 1em; text-transform: uppercase; font-weight: bold;}
#masthead li a:hover {background: url(../imgs/bullet-ball.gif) no-repeat center bottom; color: #838383;} 
/*#masthead li#home a {background: url(../imgs/but-HM.gif) no-repeat left top; width: 51px;}
#masthead li#about a {background: url(../imgs/but-About.gif) no-repeat left top; width: 79px;}
#masthead li#resources a {background: url(../imgs/but-Resources.gif) no-repeat left top; width: 86px;}
#masthead li#products a {background: url(../imgs/but-Products.gif) no-repeat left top; width: 70px;}
#masthead li#contact a {background: url(../imgs/but-Contact.gif) no-repeat left top; width: 88px;}

#masthead li#home a:hover {background: url(../imgs/but-HM2.gif) no-repeat left top;}
#masthead li#about a:hover {background: url(../imgs/but-About2.gif) no-repeat left top;}
#masthead li#resources a:hover {background: url(../imgs/but-Resources2.gif) no-repeat left top;}
#masthead li#products a:hover {background: url(../imgs/but-Products2.gif) no-repeat left top;}
#masthead li#contact a:hover {background: url(../imgs/but-Contact2.gif) no-repeat left top;}*/

/* =Content Styles (home)
---------------------------------- */
#hm-style {float: left; height: 445px; width: 900px; background: url(../imgs/hm-style.jpg) no-repeat left bottom; position: relative;}
#tagline {float: right; width: 347px; margin: 50px 12px 0 0;}
#mainContent {float: left; width: 690px; background: #A2CC5A url(../imgs/ball-shadow.jpg) no-repeat 0 149px; padding: 1.5em 30px 1.5em 180px; position: relative;} 
#mainContent h1 {color: white;}
#mainContent p {margin-bottom: .7em;}
#mainContent a {color: #35349A;}
#mainContent #ball {position: absolute;	left: -48px; top: 43px;}
#announce {position: absolute; right: 15px;	bottom: 20px; width: 290px;}
#announce p {line-height: normal; color: #D54B4B; font-weight: bold;}

/* =Content Styles (interior)
---------------------------------- */
#style {float: left; height: 219px; width: 900px; background: #4E6FB1 url(../imgs/style-About.jpg) no-repeat; position: relative;}
#style #topSidebar {background: url(../imgs/sidebar-top.gif) no-repeat;	position: absolute;	height: 35px; width: 338px;	bottom: 0; right: 0;}
#intContent {float: left; width: 100%; background: url(../imgs/int-bkgrd.gif) repeat-y left top;} 
#intContent #main {float: left; width: 490px; padding: 2em 2em 2em 3em;} 
#intContent #main p {margin-bottom: 1em;}
#intContent #main h1 {color: #4E6FB1;}
#intContent #main h2 {color: #E1B009;}
#intContent img {float: left; margin: .4em 0.85em 0em 0; border: 1px solid #9B9B9B;}
#intContent #sidebar {float: right;	width: 320px; background: url(../imgs/watermark.gif) no-repeat;}
#intContent #sidebar p {font: italic 1.5em/1.4em Georgia, "Times New Roman", Times, serif; color: #FFF; padding: 3.7em .8em 1em 4.65em;}
#intContent #sidebar h4 {margin-left: 10px; font-size: 1.2em;}
#intContent #sidebar ul {margin-left: 25px;}
#intContent #sidebar ul li {line-height: 1.5;}
#intContent #sidebar ul li a {color: #FFF;}
#intContent #sidebar ul li a:hover {background: #000; text-decoration: none;}

/* =Footer Styles
---------------------------------- */
#bottom, #footer {margin: 0 auto; width: 946px;}
#bottom {background-image: url(../imgs/bottom-shadow.gif); background-repeat: no-repeat; height: 100px;}
#footer {float: right; width: 350px; margin-top: 30px;}
#footer p {font-size: .85em; text-align: right; padding-right: 50px; color: white;}
#footer p.author {margin-top: -2px;}
#footer a {color: #93C4F7;}
#footer a:hover, #footer a:active {color: #CCC;} 

/* =Testimonials
---------------------------------- */
#intContent #main p.q-author {font-weight: bold; margin: -10px 0 2px 0;	line-height: 1em;
	background: url(../imgs/curlyBrackets.gif) no-repeat left top; padding-top: 25px;}
#intContent #main p.q-addInfo {margin: 0 0 25px 0; line-height: 1em;}

/* =Specific Styled Images 
---------------------------------- */
body.testimonies #style {background: #4E6FB1 url(../imgs/style-testimonies.jpg) no-repeat left top;}
body.products #style {background: #4E6FB1 url(../imgs/style-Resources.jpg) no-repeat left top;}
body.contact #style {background: #4E6FB1 url(../imgs/style-Contact.jpg) no-repeat left top;}
body.disclaimer #style {background: #4E6FB1 url(../imgs/style-Disclaimer.jpg) no-repeat left top;}
body#whiteshadow #bottom {background-image: url(../imgs/bottom-white-shadow.gif);}

body.products h2 {border-bottom: 1px solid #E1B009;}

form {margin-bottom: 20px;}

/* =Uberlinks
---------------------------------- */

#home #homelink a, #about #aboutlink a, #services #serviceslink a, #contact #contactlink a {
	color: #CBFF5E;	font-weight: bold; cursor: default;}
.warning {font-weight: bold; color: #F00;}