/*-----------------------------
        Funky MySpace
-----------------------------*/

* {
 padding:0;
 margin:0;
 border:0;
}

html { background: #d0cbc1 url(/images/container_bg.gif) repeat-y center top; }
body { background: url(/images/body.jpg) no-repeat center top; font:13px "Trebuchet MS", Arial, Helvetica; }

a{text-decoration:none;}

.hidden
{position:absolute;
left:0px;
top:-5000px;
width:1px;
height:1px;
overflow:hidden;}

.clear { clear:both; }

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

#header{height:158px; position:relative;}

#logo{position:absolute; width:300px; height:120px; top:29px; left:-30px;}

/* top navigation */
#header ul{float:right; width:530px; height:38px; margin:122px 89px 0 0; list-style:none;}
#header ul li{float:left; font-size:1.15em; color:#4f4c47; height:35px;}
#header ul li a{color:#8e2d2c;}
#header ul li a:hover{color:#388c9e}

.homeCurrent {height:33px; width:45px; display:block; padding:12px 0 0 7px; 
background: url(/images/nav.gif) no-repeat -8px -1px; color:#4f4c47;}

#header ul li a.personal {height:28px; width:119px; display:block; padding:7px 0 0 13px;}
#header ul li a.personal:hover {background: url(/images/navBack01.jpg) no-repeat !important;
background: url(/images/navBack01.jpg) no-repeat -2px 0;}

#header ul li a.bands {height:28px; width:99px; display:block; padding:7px 0 0 8px;}
#header ul li a.bands:hover {background: url(/images/navBack02.jpg) no-repeat !important;
background: url(/images/navBack02.jpg) no-repeat -2px 0;}

#header ul li a.unique {height:28px; width:154px; display:block; padding:7px 0 0 10px;}
#header ul li a.unique:hover {background: url(/images/navBack03.jpg) no-repeat 0 0!important;
background: url(/images/navBack03.jpg) no-repeat -1px 0;}

#header ul li a.contact {height:28px; width:79px; display:block; padding:7px 0 0 9px;}
#header ul li a.contact:hover {background: url(/images/navBack04.jpg) no-repeat;}
/* top navigation ends */

#container{width:852px; padding:15px 0 0 8px !important; padding:15px 0 0 18px;}

#mainContent{margin:9px 280px 0 0;}
#mainContentInner{margin:-13px 280px 0 0;}
#mainContentInner p{margin:10px 70px 0 27px; color:#666;}

.top_banner {width:730px; margin:0 auto;}

#contentRight{float:right; width:255px; margin:9px 20px 0 0 !important; margin:7px 9px 0 0;}
#contentRight .inner {padding:15px 4px; overflow:hidden; margin-top:7px}
#contentRight .inner .li { padding:12px 8px; width:235px; height:35px; background:url(/images/box_li02.gif) no-repeat; 
     font-size:13px; color:#684b4b; }
#contentRight .inner .li .avatar { background:#fff; padding:3px; border:1px solid #dbd8d8; float:left; margin-right:10px; }
#contentRight .inner .li a.profile { color:#ae3a39; }
#contentRight .inner .li a.profile:hover { color:#555; }
#contentRight .inner .li a.www { font:9px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#3d6c73;
      padding:6px 0 0 0; display:block; }
#contentRight .inner .li a.www:hover {color:#555;}
#contentRight .inner .li .arr { margin:0 2px; }

.bannerCustom{width:250px; height:100px; background:#ece5d8; margin:0 0 13px 0;}
.right_banner{width:250px; height:250px; background:#dceeef;}

.newsflash {width:570px; height:260px; background:url(/images/header_newsflash.jpg) no-repeat;}
.newsflash .video {width:330px; height:236px; margin:12px 0 0 15px !important; margin:12px 0 0 7px; float:left;}
.newsflash .text {width:180px; margin:38px 23px 0 0 !important; margin:38px 12px 0 0; float:right;}
.newsflash .text h2 {font-size:17px; color:#41362e; line-height:1.3em;; margin-bottom:15px;} 
.newsflash .text h2 strong {color:#317e88;}
.newsflash .text p {color:#41362e; font-size:13px; line-height:1.5em;}

.notes { float:right; margin:2px 3px 30px 0 !important; margin:2px 1px 30px 0; width:253px; height:250px; 
   background:url(/images/header_notes.gif) no-repeat; }
.notes .hi { font:12px Arial, Helvetica, sans-serif; color:#544d41; font-style:italic; margin-top:30px; text-align:center; }
.notes .hi strong { color:#ef5f1a; font-weight:normal; }
.notes .hi img { vertical-align:middle; margin:0 2px; }
.notes form { height:145px; margin:20px auto 0 auto; background:url(/images/header_notes_form.gif) no-repeat; }
.notes form .inputs { position:relative; top:70px; left:40px; width:200px;}
.notes form .inputs input { color:#706f6e; border:0; background:transparent; padding:3px 5px; margin-bottom:10px; width:130px; 
    font:12px Arial, Helvetica, sans-serif; }
.notes .login {
	background:transparent;
	border:0;
	width:13px;
	height:40px;
	position:absolute;
	top:-8px;
	right:-70px;
	cursor:pointer;
	padding:0;
}
.notes form .signup {
	width:70px;
	height:30px;
	display:block;
	position:absolute;
	bottom:77px;
	right:6px;
}


#mainContent h3, #mainContentInner h3 { margin:25px 0 0 20px; }
#mainContent .previewbox, #mainContentInner .previewbox { width:515px; height:120px; background:url(/images/content_box.gif) no-repeat; margin:14px 0 20px 20px;
position:relative;}
#mainContent .previewbox img{ float:left; border:1px solid #847c76; margin:11px 0 0 5px }
#mainContent .previewbox img:hover{ border-color:#493C31; }
#mainContent .previewbox .grab{position:absolute; width:75px; height:93px; top:7px; left:-10px;
background:url(/images/grab.png) no-repeat !important;
  background-image:url(none);
	  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/grab.png);
}
#mainContent .previewbox .grab a{display:block; width:75px; height:93px;}
#mainContent .previewbox .title{ color:#47a2b4; font-style:italic; font-size:13px; text-align:right; padding-right:10px; 
 display:block; font-weight:bold;}


#preFooterBox{background:#dceeef url(/images/prefooterBack.gif) repeat-x; width:835px; padding:17px 0 15px 0; display:table;
     margin:0 0 10px -1px; border-top:1px solid #b3c5c5; border-bottom:1px solid #cdd7d6;}

.preLeft{margin:0 260px 0 3px; width:515px;}
.preLeft ul{list-style:none; margin:7px 0 0 23px;}
.preLeft ul li{padding:8px 0 0 20px; background:url(/images/question02.gif) no-repeat; margin:0 0 8px 0; border-top:1px solid #FFF;
     display: block; position:relative; width: 100%;}
.preLeft ul li a{color:#4a3b23; display: block; width: 100%; height: 100%; cursor: pointer;}
.preLeft ul li a:hover{color:#388c9e;}

.preLeft ul li a span.read{color:#bd3230; font-size:0.9em; font-style:italic; padding:8px 0 0 0;
       position:absolute; top:0; left:450px;}
.preLeft ul li a:hover span.read{color:#388c9e;}

.preRight{float:right; width:248px; margin:0 5px 0 0;}
.preRight ul {list-style:none; margin:5px 0 0 13px;}
.preRight ul li{margin-bottom:4px; border-bottom:1px #cfdfdd solid; padding-bottom:5px;}
.preRight ul li a{color:#30a6d1; text-transform:uppercase; font-weight:bold; font-size:0.85em;
background:url(/images/prefooterFilth.gif) repeat-x; padding:1px 5px;}
.preRight ul li a:hover{color:#bd3230;}


#footerHolder{background:url(/images/bodyBottom.jpg) repeat-x bottom; height:125px;}

#footerBack{background: url(/images/footer.png) no-repeat center; margin:0 auto; width:852px; height:95px;}
#footer{position:absolute; z-index:5;}

#footer .niceGuys{width:210px; height:45px; background: url(/images/guys.gif) no-repeat right top; float:left;
         margin:7px 0 0 50px !important; margin:5px 0 0 28px;}
.niceGuys p{color:#4f4c47; font-size:0.85em;}

#footer ul{float:left; list-style:none; margin:28px 0x 0 100px !important; margin:27px 0 0 100px;}
#footer ul li{float:left; color:#CCC; margin:0 3px 0 0;}
#footer ul li a{color:#8e2d2c;}
#footer ul li a:hover{color:#388c9e}


/* =CONTACT FORM */
#mainContentInner form { margin:30px 0 0 33px; }
#mainContentInner input, #mainContentInner textarea, #mainContentInner select { border:none; padding:14px 13px; color:#706f6e; display:block; width:324px; height:26px;
margin-top:3px; font: 12px Arial; }
#mainContentInner option { background:#fff; }
#mainContentInner input, #mainContentInner select { background:url(/images/formBack.gif) no-repeat left top; }
#getquote { display:block; width:117px; height:37px; background:url(/images/getquote.gif) no-repeat 0 0; border:0; cursor:pointer; margin-top:25px; }
#getquote:hover { background:url(/images/getquote.gif) no-repeat 0 -64px; }
#getquote:focus { outline:none; }
#mainContentInner textarea { height:120px; background:#f3f6f7 url(/images/formBack02.gif) no-repeat left top; margin:0 0 80px 0; }
#mainContentInner label { display:block; margin-top:8px; color:#4194a4; font-size:13px; font-weight:bold; }

#mainContentInner .previewbox { width:261px; height:120px; background:url(/images/content_boxInner.gif) no-repeat;
margin:14px 0 20px 20px !important; margin:14px 0 20px 10px; position:relative; float:left;}
#mainContentInner .previewbox img { float:left; border:1px solid #847c76; margin:11px 0 0 5px }
#mainContentInner .previewbox img:hover { border-color:#493C31; }
#mainContentInner .previewbox .grab{position:absolute; width:75px; height:93px; top:7px; left:-10px;
background:url(/images/grab.png) no-repeat !important;
  background-image:url(none);
	  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/grab.png);
}
#mainContentInner .previewbox .grab a{display:block; width:75px; height:93px;}

#mainContentInner .previewbox .title { color:#47a2b4; font-style:italic; font-size:13px; text-align:right; padding-right:10px; 
 display:block; font-weight:bold;}
 
#send {
    position:relative;
	width: 84px;
	padding:0;
	margin:0;
}
#send input {
position:absolute;
top:-70px;
left:-20px;
background:none;
width: 84px;
	height: 27px;
	padding:0;
	margin:0;
}