* {margin:0; padding:0;}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
background: url(imagez/bg_page.jpg) no-repeat top center;
background-attachment: fixed;
background-color: #000000;
}

img {
border:none;
}

a, :focus {outline:0;}

/************************** menu/logo ********************/

#logo-menu {
margin:0 auto;
width: 850px;
margin-top:20px;
padding-bottom:20px;
}

#logo {display:block; width:202px; height: 68px; /*background: transparent url(imagez/funklogo.png) no-repeat; cursor:pointer;*/}

#menu {
float:right;
width:625px; height:68px;
background: transparent url(imagez/bg_menu75.png) no-repeat;
}

#menu ul {margin: 0; padding:0; line-height: 68px; text-align: center; text-transform: uppercase; list-style-image:none; list-style-type:none;}

#menu ul li {display:inline; margin:0 12px;}

#menu li a:link {color:#aaaaaa; text-decoration: none;}
#menu li a:visited {color:#aaaaaa; text-decoration: none;}
#menu li a:hover {color:#ffffff; text-decoration: none;}
#menu li a:active {color:#aaaaaa; text-decoration: none;}

/************************** layout ********************/

#wrap200 {width:850px;
background: transparent url(imagez/aastrip.png) repeat-y;
margin:0 auto;
}

#wrapper {
width:750px;
/*margin-left:118px;*/
margin:0 auto;
}

#roundtop {margin: 0 auto; padding:0; width:850px; height:20px; display:block; background: url(imagez/aa_top.png) no-repeat;}

#roundbottom {margin: 0 auto; padding:0; width:850px; height:20px; display:block; background: url(imagez/aa_bottom.png) no-repeat; padding-bottom:70px;}

#header {width:240px; margin: 0 auto; padding-top:5px; /* image headers */
}

#content {
margin: 0 auto;
width:730px;
color:#999999;
line-height:1.4em;
margin-top:15px;
}

#contentfront {
margin: 0 auto;
width:730px;
color:#999999;
line-height:1.4em;
}


#content p, #contentfront p {

font-size:.85em;
}

#content a:link, #contentfront a:link
{color:#0099FF; text-decoration:none;}
#content a:visited, #contentfront a:visited
{color:#0099FF; text-decoration:none;}
#content a:hover, #contentfront a:hover
{color:#0099FF; text-decoration:underline;}
#content a:active, #contentfront a:active
{color:#0099FF; text-decoration:underline;}


#footer {
clear:both;
margin:0 0 0 0;
padding:30px 0 15px 0;
text-align: center;
font-size: .7em;
color:#666;
}

.footer_text a:link
{color:#666; text-decoration:none;}
.footer_text a:visited
{color:#666; text-decoration:none;}
.footer_text a:hover
{color:#0099FF; text-decoration:underline;}
.footer_text a:active
{color:#666; text-decoration:none;}

.footer_icons {
margin-top:40px;}



/************************** mixtapes classes ********************/
.mixtape {margin-top:60px; float:left;}

.mp3butt a {
display:block;
width:300px;
height:50px;
background-image:url(imagez/mp3.jpg);
background-position: top center;
background-repeat:no-repeat;
}

.mp3butt a:hover {
background-position:bottom center;
}

th {
color:#666666;
border-bottom:1px solid #E7E7E7;
text-align:center;
font-size:.9em;
}

td {
text-align:center;
font-size:.9em;
}

table {
margin: 0 auto;
}


/************************** website classes ********************/
.weblist p {text-align: justify;}
.webbox {float:left; width:340px; height:auto; padding-right:49px; padding-bottom:50px;}
.webbox2 {float:left; width:340px; height:auto; padding-bottom:50px; } /* for the right side */
.webtext {float:right; width:195px;}  /*was 245 */ 

.float_l { /** images for websites ***/
float:left;
padding: 1.7em 15px 0 0;
}

.imghover a:hover {border-top:1px solid aqua;}

.weblink {text-transform:uppercase; font-size:.8em;}


/************************** video classes ********************/
#vid_container {margin:0 auto;}

/************************** general classes ********************/
.marbott40 {margin-bottom:40px;}
.marbott20 {margin-bottom:20px;}

.center {text-align:center; font-size: .9em;}

.center-m {margin:0 auto;}

.note {
color:#FF9900;
}

.hidden {
display:none;
}

.justify {text-align: justify;}

.font8 {font-size:.8em;}

.floatright {float:right;}

.floatleft {float:left;}

.black {color:#666666;}

.clearboth {clear:both;}

.blocktop {
	height:15px;
	width:730px;
	background:url(imagez/blocktop.png) no-repeat;
}

.toptext {
	background:url(imagez/blocktext.png) repeat-y;
	padding: 0 15px;
	color:#555555;
	}

.blockbottom {
		height:15px;
		width:730px;
		background:url(imagez/blockbottom.png) no-repeat;
		margin-bottom: 25px;
	}


.testimonial {margin:50px 0;}
.testimonial p {margin:0 0 0 120px;; color:#555555;}
.test-img {float:left;}
.test-author {color:#888888;}

.invisible {display: none;}

#personal-folio {text-align: center; width:300px; margin:0 auto; padding:5px ; margin-top:-65px; background-color: #ffffff; border:1px solid #cccccc; line-height: 1em; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#view-personal {color:#555555; padding:10px; text-transform: uppercase; font-size: .8em;}

.stepsbox {width:400px; margin:0 auto;}
.steps {font-size: 1.05em; }
.steps p {margin-left:40px; padding:5px 0 50px 0; text-align: justify; color:#666666;}

.getstarted a {
display:block;
width:203px;
height:27px;
background:url(imagez/butt_getstarted2.jpg) no-repeat;
background-position:bottom left;
margin-bottom:10px;
}

.personal a {
clear:both;
display:block;
width:203px;
height:27px;
background:url(imagez/butt_interactive.jpg) no-repeat;
background-position:bottom left;
}
	
.website a {
clear:both;
display:block;
width:203px;
height:27px;
background:url(imagez/butt_website.jpg) no-repeat;
background-position:bottom left;
}
	
.getstarted a:hover, .personal a:hover, .website a:hover {
background-position:top left;
}

#button {margin:30px 0 0 260px;}

/***************************** accordian ****/

.container {
	width: 502px;
	margin: 0 auto;
}

.container p {text-align: justify;}

h1 {
	font: 4em normal Georgia, 'Times New Roman', Times, serif;
	text-align:center;
	padding: 20px 0;
	color: #aaa;
}
h1 span { color: #666; }

h1 small{
	font: 0.3em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1.5em;
	display: block;
	color: #666;
}

h2.trigger {
	padding: 0;
	margin: 0 0 15px 0;
	height: 52px;
	line-height: 52px;
	width: 502px;
	font-size: 1.5em;
	font-weight: normal;
	float: left;
	cursor:pointer;
	background: url(imagez/h2_trigger_a4.jpg) no-repeat;
	background-position:0 0;
	letter-spacing: 1px;
}

#content .container h2 {text-indent: 20px;}

#content .container h2.trigger a {
	color: #ccc;
	text-decoration: none;
	display: block;
	
}
#content .container h2.trigger a:hover {
	color: #fff;
	text-decoration: none;
	background: url(imagez/h2_trigger_a4.jpg) no-repeat;
	background-position:0 -52px;
	
}
h2.active {background-position: 0 -104px;}

#content .container h2.active a {color: #fff; }

#content .container h2.active a:hover {background-position: 0 -156px;}

.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	overflow: hidden;
	font-size: 1.2em;
	width: 502px;
	clear: both;
}
.toggle_container .block {
	padding: 0 20px 20px 20px;
	
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
	margin-left:90px;
}
.toggle_container h3 {
	font: 2.5em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.toggle_container img {
	float: left;
	margin: 10px 15px 10px 0;
	padding: 5px;
	background: #fff;
	
}