@charset "utf-8";
/* CSS Document */

body {font:11px  Tahoma, Arial, Helvetica, sans-serif;background:#fff url(../images/bg.png) repeat-x;color:#505050;margin:0;padding:0;text-align:center; }
img { border:0;}
ol,ul, li { list-style:none; margin:0; padding:0}
form , input{ margin:0; float:left; padding:0;}
textarea {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:100%}
a, a:link {color:#3a88f4; text-decoration:none; outline:none}
a:hover, a:link:hover {color:#fe4902;}
a:visited {color:#3a88f4; text-decoration:none}

h1, h2, h3, h4 { font-family:Arial, Helvetica, sans-serif; margin:0; padding:0 }
.cl { clear:both; font-size:9px; line-height:9px}
.cl br{ clear:both; line-height:1px;}
#column .cl br { clear:both; line-height:9px;}
a.goodlink { font-size:12px; font-weight:bold; text-decoration:underline; padding:4px 0; display:block}

/*------------------ main ------------------*/

#middle { padding:0}
.container {width:760px; margin:0 auto; text-align:left; padding:10px 0; clear:both}
#footer { margin:0 auto; width:742px;  background:#d4d9dd url(../images/main.png) 0 -367px no-repeat; text-align:center; padding:9px; color:#909395}
#footer .copy { width:400px; float:right; text-align:right}
#footer ul { font-size:11px; margin:0 auto; width:300px; float:left}
#footer li { float:left; padding:0;margin:0 7px; }
#footer ul span, #footer ul a:link, #footer ul a:visited {display:block; float:left; padding:0 3px;color:#3a88f4; }
#footer ul li.current a, #header ul li a:hover {color:#fe4902;}
#footer ul li span, #header ul li a.current {}


#header { height:48px; width:760px; overflow:hidden; background:url(../images/main.png) 0 0; margin:0 auto; text-align:left;  overflow:hidden; position:relative;z-index: 1; clear:both }
#logo { height:58px;  background: url(../images/logo.png) no-repeat 9px 0px;}
#logo a { width:177px; height:58px; text-indent: -9999px; overflow: hidden; display:block;}

#header ul { right:10px; position:absolute; top:0px; font-size:14px; width:350px; padding:10px 0;margin:0; float:left}
#header li { float:left; padding:0;margin: 0 7px; }
#header ul span, #header ul a:link, #header ul a:visited {display:block; float:left; padding:5px 6px;color:#fff; }
#header ul li.current a, #header ul li a:hover {color:#fe4902;}
#header ul li span, #header ul li a.current {}



div#index_main { background:url(../images/girl.png) 0 0 no-repeat; }
div#index_main h1 { font-size:27px; color:#1c6e63; letter-spacing:-1px}
div#index_main h2 { font-size:16px; padding:0 0 0 60px; }
#index_main div.col_left { margin:0 16px 0 60px; width:390px; float:left; overflow:hidden; display:inline; text-align:right}
#index_main div.col_right {width:277px; height:213px; float:right; overflow:hidden; background:url(../images/main.png) -483px -55px no-repeat; position:relative; display:inline;}
#index_main div.col_right h3 { font-size:16px; margin:9px 4px 9px 50px; line-height:18px}
#index_main div.col_right ul { margin:0 0 0 16px}
#index_main div.col_right li { float:left;}
#index_main div.col_right li a { float:left; width:72px; padding:0 0 0 9px; margin:1px 0px 1px; display:block; background:url(../images/arrows.gif) 0 3px no-repeat;}
#index_main div.col_right a.but { position:absolute; top:160px; left:25px; font-size:20px; text-decoration:underline; width:193px; height:32px; padding:15px 0 0 35px}

div#index_main div.features { height:54px; margin:9px 0; background:url(../images/main.png) 0 -275px  no-repeat; padding:22px 0 16px 140px; position:relative }
div#index_main div.features ul { float:left; width:200px; height:50px; margin:0 2px; padding:0;  }
div#index_main div.features li { background:url(../images/arrows.gif) 0 -87px no-repeat; margin:2px 0; padding:0 0 0 13px; float:none}
div#index_main div.features a.ipod {position:absolute; top:0px; left:0px; width:125px; height:80px; display:block}
div#index_main div.columns { margin:9px 0;}

div#index_main div.columns div.col { display:inline; float:left; background:url(../images/main.png) 0 -82px no-repeat; width:229px; padding:9px; height:169px }
div#index_main div.columns div.col h3 {  height:43px; margin:0 0 9px; padding:0 0 0 55px; font-size:14px; line-height:17px; display:block}
div#index_main div.columns div.col h3 span { font-size:12px; color:#fb2201}

div#index_main div.columns div.col ul {  margin:0 2px}
div#index_main div.columns div.col li { background:url(../images/arrows.gif) 0 -87px no-repeat; margin:2px 0; padding:0 0 0 13px}

div#cont { padding:11px }
div#cont h1 { margin-bottom:9px; font:22px Georgia, "Times New Roman", Times, serif; color:#1c6e63;}

.disclaimer        {width:100%; text-align:center; color:#666; padding-top:10px;}