* { 
padding : 0;
margin : 0;
} 
body { 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background-color:#191919; font-size: 12px;
}
h1 { font-size: 30px; font-weight: bold; }
h2 { font-size: 36px; font-weight: bold; }
h3 { font-size: 20px; font-weight: bold; }
h4 { font-size: 16px; font-weight: bold; }
h5 { font-size: 14px; font-weight: bold; }
h6 { font-size: 9px; font-weight: bold; }
body img {border:none;}

p { 
padding: 0 0px 0 0px;
font-size: 12px;
}
h1 { 
font-size: 26px;
font-weight:bold;
color:#C00;
} 
h2 { 
font-size: 22px;
font-weight:bold;
color:#C00;
margin-top:10px;
} 
h3 { 
padding: 10px 0px 10px 0px;
color:#333333;
font-size: 16px;
line-height: 24px; 
letter-spacing:;
width:;
}
h4 { 
color:#333333;
font-size: 14px;
text-align:center;
}

.sale-price { text-decoration: line-through; font-size: 30px; font-weight: bold; color:#C00; }
.reg-price { text-decoration: none; font-size: 40px; font-weight: bold; color:#000; }


a:link {
text-decoration:none;
color: #333;
border:0px;
}
a:hover {
text-decoration:underline;
color: #F30;
border:0px;
}
a:visited {
text-decoration:none;
color: #333;
border:0px;
}
#topbanner {
margin-top:0px;
width:100%;
background-color:#191919;
}
#logobanner {
width:100%;
height:310px;
background-image:url(../images/PTAC_BG_grad.png);
background-repeat:repeat-x;
}
#logobanner_landing {
width:100%;
height:372px;
background-image:url(../images/PTAC_BG_grad_landing.png);
background-repeat:repeat-x;
}
#logobanner_video {
width:100%;
height:610px;
background:#FFF;
background-image:url(../images/PTAC_BG_grad_video.png);
background-repeat:repeat-x;
}
#landing-opt-in { 
padding:10px;
/*background-color: #FFC;*/
border: 2px solid #FFF;
height: 320px;
}
#wrapper { 
padding-top:20px;
width:100%;
background-color:#191919;
}

#course {}
#course p { margin: 10px 0 0 0; font-size: 12px; }
#course h3 { margin: 0; padding: 0; }

#header { 
color: #333;
width: 728px;
border: 1px solid #ccc;
height: 150px;
margin: 5px 0 0 0;
background-image:url(../images/catalina-header-fish.jpg);
background-repeat:no-repeat;
background-color:#FFF;
} 
.memberlogin { 
margin:10px 0 10px 0;
padding:10px 0 10px 0;
width:320px;
background-color:;
border: thin dotted #333;
height:100px;
}
.emailsignup { 
margin:10px auto 10px auto;
padding:10px 20px 10px 20px;
width:440px;
background-color:;
border: thin dotted #333;
height:auto;
background-image:url(../images/PTAC_BG_grad.png);
background-repeat:repeat-x;
}
.emailsignupbottom { 
margin:10px auto 10px auto;
padding:10px 0 10px 0;
width:440px;
background-color:;
background-image:url(../images/PTAC_BG_grad.png);
background-repeat:repeat-x;
border: 1px dashed #333;
height:auto;
}
.logo { 
padding: 20px 0px 10px 0px;
margin: auto;
text-align: left;
width :750px;
} 
.logo_header { 
padding: 10px 0px 0px 0px;
margin: auto;
text-align: left;
width :750px;
} 
.logo h1#lineone { 
font-size : 2.0em;
font-family : helvetica, arial, sans-serif;
padding-left : 5px;
color:#ACDCF7;
letter-spacing:;
font-weight:normal;
} 

.logobold h1#lineone {
font-size : 2.2em;
font-family : helvetica, arial, sans-serif;
padding-left : 5px;
color:#ACDCF7;
letter-spacing:; 
font-weight: bold;
} 
.logosmall h1#lineone { 
font-size : 1em;
color : #fff;
letter-spacing : -1px;
font-weight:normal;
} 
.logo h2#linetwo { 
padding-left : 5px;
font-size : .7em;
text-transform : uppercase;
color:#434343;
} 
#maincolumn { 
margin: 0 auto 0 auto;
min-height: 350px;
width: 650px;
}

#maincolumn p { 
margin: 0 50px 0 50px;
text-align:left;
font-size:14px;
}
#maincolumn h3 { 
margin: 0 25px 0 50px;
text-align:left;
}
#faq { 
margin: 0 auto 0 auto;
min-height: 350px;
width: 650px;
} 
#faq h4 { 
color:#900;
} 
#faq a:link {
text-decoration:none;
color:#900;
border:0px;
}
#faq a:hover {
text-decoration:underline;
color: #F30;
border:0px;
}
#faq a:visited {
text-decoration:none;
color: #900;
border:0px;
}
.inset { 
float : right;
width : 300px;
height : 250px;
margin : 0 10px 5px 15px;
} 

.insetleft { 
float: left;
width:300px;
height:250px;
margin: 0 15px 5px 5px;
} 
.footer { 
font-size : .8em;
font-family : helvetica, arial, sans-serif;
padding-left : 5px;
color:#ACDCF7;
letter-spacing:;
font-weight:normal;
} 
.footer a:link { 
color :#fff;
text-decoration:none;
} 
.footer a:visited{ 
color :#fff;
text-decoration:none;
} 
.footer a:hover { 
color:#CCC;
text-decoration:underline;
} 

/* ---------------- purchase -------------------- */

.yellow-box { background:#FFC; border: 2px solid #FC0; padding: 20px; margin: 0 50px; }
.comparison-box { border: 1px solid #000; padding: 20px 0; margin: 0 30px; }
.dealprice { text-decoration:line-through; color: #C00; font-size: 20px; font-weight: bold; }


/* ---------------- dropdown list -------------------- */

<style type="text/css">
 /* =========================================================================
For any free or commercial usage please keep this credits text intact.
Author : Femi Hasani www.vision.to ,test idea and CSS code.
The original version of this stylesheet and the associated (x)html
is available at http://www.vision.to/simple-css-one-level-dropdown-menu.php
A link to www.vision.to would be apperciated but not mandatory.
=============================================================================== */
#navigation ul#nav {
	z-index: 5000;
	background: #555 ;
}

#navigation ul#nav li {
    list-style:none;
	position: relative;
	float: left;
	text-align: center;
	line-height:.02em;
    width:200px;
}

#navigation ul#nav li a {
	display: block;
	padding: 12px 0;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #ccc;
	text-align: center;
    background:#555;
}

#navigation ul#nav li a span {
	padding: 0 15px 0 10px;
   /*	background: url(arrow.gif) no-repeat 100% 50%;  optional */
}

#navigation ul#nav  li ul {
    display: block;
    position: absolute;
/* hidding submenus based on: http://css-class.com/articles/ursidae/  */
    left: -999em;/* this makes it more accessible than display:none; */
    width: 200px;
    padding: 3px 10px 3px 10px;
    background:#555;
}

#navigation ul#nav  li:hover ul,
#navigation ul#nav  li.over ul /* This is for Internet Explorer 6  */
{
    display: block;
    left: 0;
    top: 100%;
    position: absolute;
    z-index: 4000;
    width: 180px;
}

#navigation ul#nav  li ul li {
    width: 180px;
    height: auto;
    background: transparent;
    text-indent: 0;
    padding: 0;
}

#navigation ul#nav  li:hover ul li a,
#navigation ul#nav  li.over ul li a {
    display: block;
    width: 160px;/*this is to adjust if used some background image for dropdown */
    background: transparent;
    padding: 8px 10px;
    text-decoration: none;
    margin: 0;
    color: #eee;
    text-indent: 0;
    text-align: left;
    border: 0;
    white-space: nowrap;
}

#navigation ul#nav li ul li a:hover {
    color: #fff;
    background:#FC3;
}

#navigation ul#nav li.active a,
#navigation ul#nav li a:hover,
#navigation ul#nav li:hover a,
#navigation ul#nav li.over a {
    background: #555;
}
</style>