html, body{ 
 margin: 0 auto;
 text-align: left; 
 position: relative;
 background-image: url(images/header.jpg);
 background-repeat: repeat-x;
 background-color: #f6f6f8;
 background-position: center top;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #565656;
 font-style: normal;
 height: 100%;
 line-height: 1.5;
 font-size: 11px;
} 
 
a {
text-decoration: none;
color: #045c86}

#outerwrap{
 width: 990px;
 margin: 0 auto;
}


#container{ 
 width: 950px; 
 text-align:left;  
 margin: 0 auto;
 min-height: 100%;
 position: relative;
} 

.clear {
clear:both;
}
 
#header{
 padding: 5px 10px 8px;
 height: 214px;
} 
 
.logo{
 background-image: url(images/logo.png);
 width: 396px;
 height: 100px;
 float: left;
 background-repeat:no-repeat;
 margin-top: 26px;
}

.stars{
 background-image: url(images/butterflies.png);
 width: 118px;
 height: 114px;
 float: right;
 background-repeat: repeat-no;
 margin-top: 19px;
}


#maincol{
 float: left; 
 display:inline; 
 position: relative; 
 width: 540px; 
 margin-right: 69px;
 padding-top: 10px;
 margin-left: 11px;
 }
 
#subcol {
 float: left; 
 display:inline; 
 position: relative; 
 width: 640px; 
 margin-right: 69px;
 padding-top: 10px;
 margin-left: 11px;
 }
 
 
#nav-menu ul{
list-style: none;
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #996798;
font-size: 14px;
font-weight: lighter;
margin-top: 166px;
font-stretch: semi-expanded;
}

#nav-menu li{
float:left;
margin: 0 0.15em 0;
background:transparent none repeat scroll 0 0;
}
 
#nav-menu li a{
height: 2em;
line-height: 2em;
float: left;
display: block;
color: #996798;
text-decoration: none;
text-align: left;
color: #b622b2;
}

#nav-menu li a:hover,

#nav-menu li.current a {
border-bottom-style: dotted;
border-bottom-color: purple; 
border-bottom-width:1px;
}

 
 
 
______________________________________________________________________________

p {
 line-height:1.5;
 margin:0 0 20px;
}


.logotext{
font-family: Arial, Helvetics, sans-serif;
font-size: 14px;
color: white;
float:left;
}


h1 {
-x-system-font: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 2.5em;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1.2;
letter-spacing: 1.2px;
margin: 0 0 20px;
color: #0b0b0b;
}

h3 {
-x-system-font: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
line-height: 1.2;
letter-spacing: 1.2px;
margin: 10 0 20px;
color: #0081BF;
}

h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
line-height: 1.2;
letter-spacing: 1.2px;
margin: 10 0 20px;
}





.homeh3 {
border-bottom: 1px solid #E8E8E8;
line-height: 30px;
margin-bottom: 11px;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
color: #0b0b0b;
text-transform: uppercase;
font-size: 23px;
line-height: 28px;
}


blockquote {
float: right;
margin: -5px 20px 10px;
width: 180px;
color:#0081BF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.5em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}


.lilbutton {
padding-bottom: 5px;
}

.purpletext {
color:#c83dc4;
font-weight: bold;
}

.purpletexthome {
color:#c83dc4;
font-weight: bold;
padding-top: 50px;
}

.purpletexttest {
color:#c83dc4;
font-weight: normal;
font-size: 12px;
line-height: 13px;
}

.bluetext {
color: #0081BF;
font-weight: bold;}

.biggergreytext {
color:#0B0B0B;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
font-size: 14x;
}

.testimtext {
color: #0B0B0B;
font-weight: normal;
font-size: 13px;
font-style: normal;
}

#greybox {
background:#EDEDED none repeat scroll 0 0;
border:0 none;
margin:-4px 0 25px;
padding:9px 17px;
}


____________________________________________________________________________

.content_mainleft {
float:left;
width: 525px;
margin-left: 11px;
margin-right: 90px;
padding-top: 10px;
position: relative;
display: inline;
}

.sidebar {
float: right;
width: 320px;
margin-top: 10px;
}

.sidebarabout {
float:right;
margin-top: 60px;
width: 227px;
}

















____________________________________________________________________________





.content_sub {
float:right;
position:relative;
width:250px;
margin-top: 10px;
}

.content_inright {
border-bottom:1px solid #E8E8E8;
margin-top:50px;
padding-bottom:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
float: right;
}

.righpicbig {
width:50px;
background-color: blue
}

.marginpic {
margin-top:20px;
background-image: url(images/kara_mainpic.jpg);
width: 250px;
background-repeat: no-repeat;
float: left;
}

#widepic {
margin-top: 20px;
margin-bottom: 8px;
background-image: url(images/hands.jpg);
height: 203px;
background-repeat: no-repeat;
}

ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 20px;
}


ul li {
margin:0 0 5px;
padding-right: 30px;
background:transparent url(images/listpic.gif) no-repeat scroll 0 5px;
margin:0 0 12px;
padding-left:12px;
}

.ullihome{
margin:0 0 5px;
color: #0B0B0B;
padding-left: 5px;
}

___


.hrule {
border-top:1px solid #E8E8E8;
height: 20px;
}


#testimonialtext {
font-size: 16px;}










 
.footer {
background-color:#0081bf;
font-size:0.92em;
padding:30px 0 0;
position:relative;
width:100%;
height: 50px;
margin-top: 30px;
}

.footertext {
color: #c9cacb;
font-family: Arial,Helvetica,sans-serif;
font-size: 10px;
text-align: center;
line-height: 16px;
}

 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


----------------------------------------------

#maincolProductsPage{
 display:inline; 
 position: relative; 
 margin-right: 69px;
 padding-top: 10px;
 margin-left: 11px;
 }

.productsFocus {
background:#0081bf none repeat scroll 0 0;
border-color:#d36bd1 -moz-use-text-color;
border-style:solid none;
border-width:1px medium;
height:100%;
margin-top:25px;
overflow:hidden;
padding-bottom:15px;
}

.bookProduct {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#f6f5f7 none repeat scroll 0 0;
border:5px solid #c83dc4;
display:block;
float:left;
font-size:15px;
margin:15px 0 0 16px;
padding:5px;
text-decoration:none;
width:275px;
}

.producth3 {
border-bottom: 1px solid #E8E8E8;
line-height: 30px;
margin-bottom: 11px;
margin-top: -18px;
text-transform: uppercase;
}

.productdescription {
 font-family: Arial, Helvetica, sans-serif;
 color: #565656;
 font-style: normal;
 height: 100%;
 line-height: 1.5;
 font-size: 12px;
 padding: 6px;
}



/*------------------------------MAIL FORM--------------------------------*/


form#two {width:100%;padding:0;margin-top:5px;}
form#two fieldset {width:100%;padding:5px 0 0 0;font-family:Arial, sans-serif;margin-bottom:0.5em;border: 0;font-size: 11px;}
form#two input {border:1px solid #ccc;padding:0.5em 0 0 0.5em;margin-bottom:0.6em; width:300px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#999999;}
form#two value{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999;}
form#two textarea {width:300px;height:15em;border:1px solid #ccc;padding:0.5em;overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999;}
form#two #button1 { float:left; color:#ffffff;padding:0;cursor:pointer;width:50px;margin:20px 20px 0 0;border:none;font-family: Arial, sans-serif;font-size: 10px; background-color:#d36bd1;}
form#two #button1:hover{margin:20px 20px 0 0;color:#000000;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 10px;border:1px solid #cccccc;}