/* CSS Document */


/*
---------------------------------------------
01. reset
---------------------------------------------
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
 margin:0;  padding:0;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal;}
h1,h2,h3,h4,h5,h6 { font-weight:normal}
ol,ul { list-style:none;}
caption,th { text-align:left;}
q:before,q:after { content:'';}
a:active, a:focus {outline:0 !important;}
input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#AF907C; vertical-align:middle;}


/*
---------------------------------------------
02. main/default elements
---------------------------------------------
*/


body { font-family:Arial, Helvetica, sans-serif}
html { overflow-x:hidden}

p { font-size:13px; color:#cc055e}
h6 { font-size:13px; color:#683812}
h1 { font-size:18px; color:#683812; font-weight:bold}


/*
---------------------------------------------
03. wrapper
---------------------------------------------
*/


#wrapper { width:1020px; margin:0 auto}


/*
---------------------------------------------
04. header
---------------------------------------------
*/


#header { width:1020px; float:left}

#header .logo { float:left; padding-top:30px; padding-left:11px; padding-right:7px}
#header .logo a { width:421px; height:136px; float:left; background:url(../images/logo.gif) no-repeat; text-indent:-9999px}

.fadein { height:514px; width:549px;float:right; position:relative }
.fadein img { position:absolute}

.signin { width:500px; position:relative; margin-top:275px; }


/*
---------------------------------------------
05. content
---------------------------------------------
*/

#content { width:1020px; float:left; padding-bottom:16px}

#content h1 { width:338px; height:35px; float:left; background:url(../images/bg_heading.gif) repeat-x; text-align:center; padding-top:8px;}
#content .box { width:326px; height:266px; float:left; border-left:6px solid #cc055e; border-bottom:6px solid #cc055e; border-right:6px solid #cc055e}


/*
---------------------------------------------
06. now
---------------------------------------------
*/

#now { width:338px; float:left; padding-right:3px}

#now .photo { float:right; margin-left:-40px; position:relative}
#now ul { width:160px; float:left; padding-left:20px; padding-top:20px; position:relative}
#now ul li { width:160px; float:left; font-size:13px; color:#683812; padding-bottom:12px}
#now ul li span { float:left; font-weight:bold; color:#cc055e; padding-bottom:1px}
#now ul li a { color:#ff6600; text-decoration:none}
#now ul li a:hover { color:#ff6600; text-decoration:underline}
#now ul li span a { color:#cc055e}
#now ul li span a:hover { color:#cc055e}

#now .buttonschedule { float:right; font-size:12px; color:#FFFFFF; font-weight:bold; padding:15px 20px 17px 0}
#now .buttonschedule a { height:27px; float:left; background:url(../images/bg_button_schedule.gif) no-repeat; color:#FFFFFF; text-decoration:none; cursor:pointer; padding-left:12px}
#now .buttonschedule a span { height:23px; float:left; background:url(../images/bg_button_schedule.gif) no-repeat top right; padding-right:12px; padding-top:4px}


/*
---------------------------------------------
07. video
---------------------------------------------
*/

#video { width:338px; float:left; padding-right:3px}

#video .video { height:178px; float:left; padding:3px}
#video .purchase { float:left; padding-left:23px; padding-top:7px}
#video .purchase .photo { float:left; padding-right:11px; padding-bottom:1px}
#video .purchase h6 { width:220px; float:left; font-weight:bold; padding-top:8px}

#video .purchase .buttonpurchase { float:left; font-size:12px; color:#FFFFFF; font-weight:bold; padding:5px 0px 0px 38px}


/*
---------------------------------------------
08. media
---------------------------------------------
*/

#media { width:338px; float:left}

#media h2 { text-align:center; padding-top:19px}
#media h6 { font-weight:bold; text-align:center; padding:7px 0}
#media h6 img { margin-bottom:-4px}

#media .makeover { padding-top:20px;}

#media ul { float: left; padding-left:30px; padding-bottom:17px}
#media ul li { width:255px; float:left; font-size:13px; color:#ff6600; background:url(../images/li_arrow.gif) no-repeat 0 4px; padding-left:14px; line-height:1.3em}
#media ul li a {color:#ff6600; text-decoration:none}
#media ul li a:hover {color:#ff6600; text-decoration: underline}

#media p { font-weight:bold; padding:0px 28px;}


/*
---------------------------------------------
09. footer
---------------------------------------------
*/


#bgfooter { width:100%; float:left; background:url(../images/bg_footer.gif) repeat-x; padding-bottom:30px}
#footer { width:1020px; margin:0 auto}

#footer .joinus { float:left; padding-left:20px}
#footer .joinus p { float:left; padding-top:13px}
#footer .joinus ul { float:left; padding-left:8px; padding-top:6px}
#footer .joinus ul li { float:left; padding-right:2px}

#footer .contact { float:left; padding-left:60px}
#footer .contact p { float:left; padding-top:12px}

#footer .signup { float:right; padding-right:17px; padding-top:9px}
#footer .signup fieldset { float:left}
#footer .signup fieldset label { float:left; padding-top:5px; padding-right:9px}
#footer .signup fieldset .input { width:134px; float:left; background:#FFFFFF; border:1px solid #dad8d7; font-size:13px; color:#888888; padding:3px 7px}
#footer .signup fieldset .buttonsubmit { float:left; font-size:12px; color:#FFFFFF; font-weight:bold; padding-left:3px}
#footer .signup fieldset .buttonsubmit a { height:28px; float:left; background:url(../images/bg_button_submit.png) no-repeat; color:#FFFFFF; text-decoration:none; cursor:pointer; padding-left:6px}
#footer .signup fieldset .buttonsubmit a span { height:24px; float:left; background:url(../images/bg_button_submit.png) no-repeat bottom right; padding-top:4px; padding-right:9px}

#footer .copyright { width:1020px; float:left; padding-top:25px}
#footer .copyright p { text-align:center; font-family:"Lucida Sans", Arial, Helvetica, sans-serif; font-size:10px; color:#999999}
#footer .copyright p a {color:#999999; text-decoration:none;}
#footer .copyright p a:hover {color:#999999; text-decoration: underline;}