/*

######################################################################## 
bikinikat main css
11.2009
ryan medlin
######################################################################## 

*/


body {
text-align:center;
margin:0;padding:0;
font-size:80%;
font-family:"trebuchet MS",verdana,sans-serif; }

#container {
margin: 0 auto;
padding:0;
width:1400px;
text-align:left;
background: url(/images/bckgrnd.jpg) no-repeat; 
border:0px solid #000;}

#head {height:130px;margin:0;padding:0;}

h1 {
font-family:"trebuchet MS",verdana,sans-serif;
font-size:22px;
font-weight:normal;
line-height: 27px;
color: #fa4fa5;
margin:0;padding:0 0 0 24px;
clear:both;
}

h2 {
font-family:"trebuchet MS",verdana,sans-serif;
font-size:15px;
font-weight:bold;
line-height: 26px;
color: #fff;
padding:7px 20px 7px 20px;
margin:0;

}

* html h1 {padding:0 0 12px 24px;}
*:first-child+html h1 {padding:0 0 12px 24px;}

#topnav {padding:100px 0 0 795px;margin:0;} 
#topnav li{display:inline;padding:0 10px 0 10px;}
#topnav li a
{
text-decoration:none;
color:#fff;
font-family:"Arial Narrow", Arial, sans-serif;
font-size:15px;font-weight:bold;
text-shadow: #666666 1px 1px 1px;
Shadow(Color=#666666, Direction=135, Strength=5);} 

#topnav li a:hover {color:#FFCEEE;}

#topnav li a.selected {color:#FFCEEE;}

#content {
margin:20px 239px 0 50px;
border:0px solid #000;

}

.curve_btm {
margin:0 0 0 450px;
border:0px solid #000;
background: url(/images/curve_bottom.gif) no-repeat;
background-position:bottom left;
}



.col1 {width:415px;float:left;}
.col1_inner {padding:0 40px 0 49px;}


p {
font:Trebuchet 14px;
line-height: 24px;
color: #999}
* html p {line-height: 21px;}
*:first-child+html p {line-height: 21px;}


p.ball {
background: url(/images/bgredball.gif) no-repeat;
background-position:bottom;
padding-bottom:92px;}

p.quote {
background: url(/images/openquote.gif) no-repeat;
background-position:7px 0;
padding:10px 50px 0 49px;margin:-10px 0 0 0px;}

.endquote {margin:0 0 0 0;padding:0 0 0 0;vertical-align:-50%;}

.smltxt {
font-size:12px;
line-height: 18px;
color: #999;
padding:0 0 10px 0;}



.col2 {
width:211px;
float:left;
background: url(/images/book_btn.jpg) no-repeat;

background-position:0 20px;
height:520px;}


.col2 a {
width:160px;height:50px;margin:340px 0 0 15px;border:0px solid #000;display:block;
}



.btm_bxs { border:0px solid #000;margin:13px 0 0 200px;width:1000px;}
* html .btm_bxs {margin:18px 0 0 200px;}
*:first-child+html .btm_bxs {margin:18px 0 0 200px;}


.box {width:250px;float:left;background-color:#99cc99;height:315px;}
* html .box {height:350px;}
*:first-child+html .box {height:350px;}
.box p {color:#fff;line-height:18px;font-size:13px;padding:0 20px 0 20px;}
.box p a {
color:#fff;text-decoration:none;font-weight:bold;
padding:7px 0 0 0;display:block;}

.box p a:hover {color:#ffceee;}


.photo {padding:0 0 0 20px;border:0;}
.btn_sml {vertical-align:-15%;padding:0 0 0 5px;border:0;}

.one {background-color:#53bfdc;}
.two {background-color:#34b6d9;}
.three {background-color:#25a6c9}
.four {background-color:#098cb0}



.footer {background-color:#fff;text-align:center;border:0px solid #000;font-size:13px;font-weight:bold;}
.footer a {color:#999;text-decoration:none;padding:0 5px 0 5px;}
.footer p {padding:25px 0 0 0;margin:0;}
.footer p.legal {font-size:11px;padding:3px 0 0 0;margin:0;}




/*

######################################################################## 
about
######################################################################## 

*/


#container_about {
margin: 0 auto;
padding:0;
width:1400px;
text-align:left;
background: url(/images/bckgrnd_about.jpg) no-repeat; 
border:0px solid #000;}

#content_about {
margin:30px 239px 0 230px;
border:0px solid #000;

}

.about_1 {
padding:15px 350px 0 23px;
margin:0;
line-height:30px;

}




* html .about_1 {
padding:0px 350px 0 22px;
margin:0;
line-height:33px;


}

*:first-child+html .about_1 {
padding:0px 350px 0 22px;
margin:0;
line-height:33px;

}



.about_2 {
padding:160px 0 0 365px;
margin:0;
line-height:30px;

}


* html .about_2 {
padding:140px 0 0 365px;
margin:0;
line-height:33px;


}

*:first-child+html .about_2 {
padding:140px 0 0 365px;
margin:0;
line-height:33px;

}


.about_3 {
padding:10px 0 255px 365px;
margin:0;
line-height:30px;

}

* html .about_3 {
padding:10px 0 230px 365px;




}

*:first-child+html .about_3 {
padding:10px 0 230px 365px;



}





/*

######################################################################## 
products
######################################################################## 

*/

#container_products {
margin: 0 auto;
padding:0;
width:1400px;
text-align:left;
background: url(/images/bckgrnd_product.jpg) no-repeat; 
border:0px solid #000;}



#content_products {
padding:80px 239px 0 260px;
border:0px solid #000;
background: url(/images/curve_bottom_wide.gif) no-repeat bottom; 
margin:0 0 30px 0;
}


.item_img {width:154px;float:left;}
.item_cpy {width:680px;float:left;}
.item_cpy_inner {padding:0 0 0 43px;}
.item_cpy p {font-size:14px;line-height:20px;}
.item_cpy p.price {width:482px;float:left;font-size:16px;font-weight:normal;padding:0;margin:0 0 0 0;}
.item_cpy p.buy {width:152px;float:left;border:0px solid #000;margin:0;padding:0;}

.buy {border:0;}
h3 {font-size:18px;color:#fa4fa5;line-height:1.30em;}






.hr_hed_separator {
background:transparent url(/images/hr.gif) repeat-x scroll 0 0;
display:inline;
float:left;
height:3px;
margin-bottom:10px;
border:0px solid #333;
width:880px;
margin:3px 100px 40px 0px;
}

hr {display:none;}

* html .hr_hed_separator {
margin-top:-18px;
}



*:first-child+html .hr_hed_separator {
margin-top:-18px;
}





/* Clear (deprecated) --------------------------------------------------------*/

.clear { clear: both; }


/* ClearFix ------------------------------------------------------------------*/

.clearfix:after {  
content: ".";  
display: block;  
clear: both;  
visibility: hidden;  
line-height: 0;  
height: 0;  
}  
            .clearfix { display: inline-block; }  
html[xmlns] .clearfix { display: block;        }  
* html      .clearfix { height: 1%;            }