/* ----------------- CSS Reset ----------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
font: 63% helvetica, arial, verdana, sans-serif;
color: #4c4c4c;
background: #fff url('../images/main/bg.png') top left repeat;
}
ol, ul {
list-style: none;
}

ul, ol, dl {
position: relative;  
}

blockquote, q {
quotes: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

td {
vertical-align: top;
}

.clear {
clear: both;
}

strong {
font-weight: bold;
}

img {
-ms-interpolation-mode: bicubic;
}

/* ----------------- Main Structure ----------------- */

.backgroundwrap {
background: transparent url('../images/main/topbg.png') top left repeat-x;
padding: 25px 0;
margin: 0;
display: block;
position: relative;

}

.contentwrap {
width: 947px;
display: block;
position: relative;
margin: 0 auto;
padding: 0;
background: transparent url('../images/main/contentbg.png') top left repeat-y;
}


.headerwrap {
width: 926px;
left: 10px;
top: 0;
margin: 0 !important;
padding: 0 !important;
display: block;
position: relative;
background:  transparent url('../images/main/pagetop.png') center -10px no-repeat;
}


/* ----------------- Links ----------------- */

a:link, a:visited, a:hover {

}

a:visited {

}

a:hover {

}

a.custom, .plan a {
text-indent: -9999px;
display: block;
position: relative;
font-size:0;
line-height:0;
background-position: top left no-repeat;
}

a.custom:hover, .plan a:hover, input.custom:hover, .panel a:hover {
background-position: bottom left !important;
}

.panel a:hover {
background-position: 0 -50px !important;	
}


/* -----------------  Header ----------------- */

#header {
width: 926px;
margin: 0;
padding: 0;
height: 91px;
display: block;
position: relative;
}

h1.logo, h1.logo  a {
background:transparent url('../images/main/logo.jpg') no-repeat scroll top left;
width: 218px;
height: 91px;
display: block;
position: relative;
float: left;
text-indent: -9999px;
}

#header form {
float: right;
display: block;
position: relative;
margin: 30px 20px 0 0;
}

#header input {
border: 1px solid #cecccc;
color: #cecccc;
background: #fff;
float: left;
height: 16px;
padding: 2px;
margin-right: 4px;
display: block;
position: relative;
}

#header input.login {
border: 0;
background: transparent url('../images/buttons/login.png') no-repeat scroll top left;
width: 45px;
height: 25px;
font-size:0;
display: block;
position: relative;
line-height:0;
margin-left: 5px;
}

#header input.login:hover  {
background-position: 0 -30px !important;
}

a.signup {

}

#header h2 {
margin: 30px 30px 0 0;
background: url('../images/headlines/telephone.png') no-repeat scroll top left;
width: 138px;
height: 18px;
float: right;
}

/* ----------------- Flash Panel / Tabs ----------------- */

#tabs {
width: 926px;
left: 14px;
margin-top: 15px;
display: block;
position: relative;
height: 268px;

}

#tabs ul {
display: block;
position: relative;
float: left;
width: 180px;
margin-right: -1px;
}

#tabs li {
display: block;
position: relative;
height: 66px;
width: 180px;
}

#tabs li, #tabs li a, #tabs li a:link {
text-indent: -9999px;
text-decoration: none;
position: relative;
height: 66px;
width: 180px;
border: 0;
margin: 0;
padding: 0;
display: block;
background: transparent;
}

#tabs li.freenav, #tabs li.freenav a {
background: url('../images/pages/nav/free.png') no-repeat scroll top left;
height: 66px !important;
display: block;
position: relative;
}

#tabs li.morenav a {
background: url('../images/pages/nav/more.png') no-repeat scroll top left;
height: 66px;
}

#tabs li.fullnav  a {
background: url('../images/pages/nav/fullservice.png') no-repeat scroll top left;
height: 66px;
}

#tabs li.tournav a {
background: url('../images/pages/nav/tour.png') no-repeat scroll top left;
height: 70px;
}

#tabs li a:hover {
background-position: left center !important;
}

.panel {
float: right;
margin-right: 24px;
padding: 0;
width: 720px;
display: block;
position: relative;
height: 268px;
line-height:.4em !important;
}

.panel p {
font-weight: normal;
color: #fff;
font-size: 12px;
width: 300px;
margin-top: 15px !important;
line-height:1.5em !important;
}

.panel p.allcaps {
font-size: 10px;
text-transform: uppercase;
margin-top: 30px;
font-weight: bold;
width: 350px;
letter-spacing:.05em;
}

.panel p, .panel h2 {
margin-left: 25px;
padding-left: 25px !important ;

}

.panel h2 {
margin-top: 30px;
margin-left: 25px !important ;
}

.panel a {
	display: block;
	position: relative;
	text-indent: -9999px;
	background: transparent;
}

#free {
background: url('../images/pages/free.jpg') no-repeat scroll top left;
width: 720px;
height: 268px;
}

#free h2 {
background: url('../images/headlines/freeheadline.png') no-repeat scroll top left;
width: 272px;
height: 82px;
margin-top : 10px;
}

#free a {
	margin-left: 17px;
	background: url('../images/buttons/freebutton.png') no-repeat scroll top left;
	width: 151px;
	height: 50px;
}

#more {
background: url('../images/pages/more.jpg') no-repeat scroll top left;
width: 720px;
height: 268px;
}

#more h2 {
background: url('../images/headlines/getmoreheadline.png') no-repeat scroll top left;
width: 354px;
height: 83px;
}

#more a {
margin-left: 17px;
	background: url('../images/buttons/freebutton.png') no-repeat scroll top left;
	width: 151px;
	height: 50px;
}

#fullservice {
background: url('../images/pages/full.jpg') no-repeat scroll top left;
width: 720px;
height: 268px;
}

#fullservice h2 {
background: url('../images/headlines/fullserviceheadline.png') no-repeat scroll top left;
width: 306px;
height: 85px;
}

  #skyline {
    width: 360px !important; height: 27px;
    background: url('../images/buttons/fullservice.png') no-repeat;
    margin: 30px 0 0 20px; padding: 0;
    position: relative;}
  #skyline li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #skyline li, #skyline a {
    height: 27px; display: block;}
	
	#panel1b {left: 0; width: 64px;}
  	#panel2b {left: 85px; width: 165px;}
  	#panel3b {left: 167px; width: 236px;}
  	#panel4b {left: 237px; width: 340px;}
/*     
	#panel1b a:hover {
    background: transparent url('../images/buttons/fullservice.png')
    0px 22px no-repeat;}
 #panel2b a:hover {
    background: transparent url('../images/buttons/fullservice.png')
    -64px -27px no-repeat;}
  #panel3b a:hover {
    background: transparent url('../images/buttons/fullservice.png')
    -167px -27px no-repeat;}
  #panel4b a:hover {
    background: transparent url('../images/buttons/fullservice.png')
    -255px -27px no-repeat;}*/

#tour {
background: url('../images/pages/tour.jpg') no-repeat scroll top left;
width: 720px;
height: 268px;
}

#tour h2 {
background: url('../images/headlines/tourheadline.png') no-repeat scroll top left;
width: 353px;
height: 44px;
}

#tour a {
margin-left: 17px;
margin-top: 50px;
	background: url('../images/buttons/videotourbutton.png') no-repeat scroll top left;
	width: 199px;
	height: 50px;
}

/* ----------------- Page Center ----------------- */

#pagecenter {
width: 926px;
left: 9px;
display: block;
position: relative;
}

#pagecenter .leftcol {
float: left;
width: 150px;
margin-left: 10px;
display: block;
position: relative;
}

#pagecenter .leftcol h3 {
background: url('../images/headlines/special.png') no-repeat scroll top left;
width: 134px;
height: 42px;
margin: 10px 0;
}

#pagecenter .leftcol p {

}

a.poweredby {
background: url('../images/main/poweredby.png') no-repeat scroll top left;
width: 173px;
height: 61px;
margin-left: -8px;
display: block;
position: relative;
}

#pagecenter .rightcol {
display: block;
position: relative;
float: right;
margin-right: 33px;
/*margin-top: -22px;*/
}

.plans  {
background: url('../images/main/plansbg.png') top left repeat-y;
width: 707px;
margin:2px 0 0 0;
display: block;
position: relative;
}

.plans .header {
background: url('../images/main/pagetop.png') no-repeat scroll top left;
width: 707px;
}

.plans .footer  {
background: url('../images/main/plansfooter.png') bottom left no-repeat;
width: 707px;
}

.plan {
width: 160px;
float: left;
margin: 0 0 0 15px ;
}

.plan p {
line-height: 1.3em;
}

.plan .wrap {
min-height: 140px;
}

.plan a {
margin: 5px auto;
}

.plan ul {
margin-left: 20px;
}

.plan li {
list-style: disc !important;
margin-bottom: .3em;
}

.plan h3 {
margin: 10px 0;
}

.agency {

margin: 0 0 0 20px ;
}

.agency h3 {
background: url('../images/headlines/agency.png') no-repeat scroll top left;
width: 131px;
height: 16px;
}

.agency a {
background: url('../images/buttons/apply.png') no-repeat scroll top left;
width: 107px;
height: 24px;
}

.extra {

}

.extra h3 {
background: url('../images/headlines/extraservice.png') no-repeat scroll top left;
width: 165px;
height: 12px;
}

.extra a {
background: url('../images/buttons/upgrade.png') no-repeat scroll top left;
width: 107px;
height: 24px;
}

.pro {

}

.pro h3 {
background: url('../images/headlines/pro.png') no-repeat scroll top left;
width: 102px;
height: 11px;
}

.pro a {
background: url('../images/buttons/getstarted.png') no-repeat scroll top left;
width: 107px;
height: 24px;
}

.free {

}

.free h3 {
background: url('../images/headlines/free.png') no-repeat scroll top left;
width: 108px;
height: 11px;
}

.free a {
background: url('../images/buttons/signup.png') no-repeat scroll top left;
width: 107px;
height: 24px;
}


/* Compare */

.compare {
background: url('../images/main/comparebg.png') no-repeat scroll top left;
width: 707px;
height: 32px;
}

.compare a {
background: url('../images/buttons/compare.png') no-repeat scroll top left;
width: 211px;
height: 33px;
margin: 0 auto;
}

.compare a:hover {
	background-position: 0 -50px !important;
}

/* Featured Artist */

.featuredartist  {
background: url('../images/main/featurebg.png') top left repeat-y;
width: 707px;
}

.featuredartist .header {
background: url('../images/main/featureheader.png') top left no-repeat;
width: 707px;
}

.featuredartist .footer {
background: url('../images/main/featurefooter.png') bottom left no-repeat;
width: 707px;
}

.featuredartist p {
margin: 10px;
font-size: 1em;
}

.featuredartist img {
display: block;
position: relative;
float: left;
margin:10px;
}

.featuredartist h4 {	
background: url('../images/headlines/featuredartist.png') no-repeat scroll top left;
width: 142px;
height: 16px;
top: 10px;
margin: 0 10px 25px 0;
left: 225px;
}

.featuredartist p {
color: #524f4f;
font-weight: bold;
}

.featuredartist a {
	color:#600;
}
/* ----------------- Footer ----------------- */

#footer {
/*background: url('../images/main/footer.png') top center no-repeat;*/
background-color:#900;
width: 926px;
height: 130px;
display: block;
bottom: -10px;
position: relative;
}

#footer p {
color: #fff;
float: left;	
width: 400px;
padding: 13px 10px;
display: block;
position: relative;
}

#footer .f_text {
	font-size:1em;
}

#footer p.links {
float: right;
width: 400px;
margin-right: 10px;
text-align: right;
display: block;
position: relative;
}

#footer a:link, #footer a:hover, #footer a:visited {
color: #fff;
font-weight: bold;
text-decoration: underline;
}

/* ----------------- Headlines ----------------- */

h2, h3, h4 {
text-indent: -9999px;
display: block;
position: relative;
}


/* ----------------- Typography ----------------- */

p, li, dd {
font-size: 1.2em;
margin: 0 0 .7em 0;
line-height: 1.2em;
}

#saleswrap {
	margin-left:5%;;
}


#content p {
	padding:4px 7px 4px 7px;
	margin:0 !important;
}

#reg_form {
	margin-left:30px;
}

tr {
	margin-top:17px;
}

input {
	margin-top:13px;
}

th {
	text-align:right;
	vertical-align:middle;
	padding-right:4px;
	padding-top:8px;
}

select {
	margin-top:5px;
}

#logo {
	position:relative;
	top:50px;
	left:677px;
	height:50px;
	background-image: url(../images/logo.png) no-repeat;
}