@charset "UTF-8";
/* VEX COBO.COM STYLES */

body{
background-image:url(../images/bg.jpg);
background-position:0,0;
background-repeat:no-repeat;
background-attachment:fixed;
margin-bottom:10px;
}

a img{
	border:0;
}

a:link, a:visited{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}


#mainbody{
width:800px;
height:auto;
background-color:#929cb1;
position:absolute;
left:200px;
top:10px;
}

#header{
height:80px;
width:100%;
background-image:url(../images/header.jpg);
}

#nav{
height:34px;
width:100%;
border-top:1px solid white;
border-bottom:1px solid white;
}

#navbar{
border:0px thin;
border-collapse:collapse;
padding:0px;
}

.navbtn{
	height:100%;
	float:left;
}

#topcont{
height:215px;
width:100%;
}


.panel01{
height:210px;
width:388px;
background-image:url(../images/panel-01.jpg);
margin-left:10px;
float:left;
}

.panel01 h1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
padding:5px;
}

.panel01 h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:10px;
}

.panel01 p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:5px;
}

#midcont{
height:192px;
width:100%;
padding:5px;
}

.homemedia{
	width:350px;
	float:left;
	padding-left:5px;
}

.panel02{
width:787px;
height:190px;
background-image:url(../images/panel-02.jpg);
}

.panel02 h1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
padding:5px;
}

.panel02 h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:10px;
}

.panel02 p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:5px;
}

#bottomcont{
height:244px;
width:100%;
margin-top:10px;
}

.panel03{
width:253px;
height:242px;
background-image:url(../images/panel-03.jpg);
float:left;
margin-left:10px;
}

.panel03 h1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
padding:5px;
}

.panel03 h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:10px;
}

.panel03 p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:5px;
}

.panel03 ul{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:5px;
}





/*////////////////////ABOUT PAGE////////////////////*/

#aboutpanel{
width:100%;
height:663px;
}

.aboutcont{
width:785px;
height:663px;
background-image:url(../images/aboutpanel.jpg);
margin-left:10px;
text-align:right;
color:#333;
}

#aboutpic{
width:390px;
height:100%;
float:left;
}


#abouttext{
width:390px;
height:100%;
float:right;
}

.aboutcont h1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
padding:10px;
}

.aboutcont h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:10px;
}

.aboutcont p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:10px;
}

/*////////////////////MUSIC PAGE////////////////*/

#musicpanel{
width:785px;
height:663px;
margin-left:10px;
background-image:url(../images/musicpanel.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
}


/*/////////////////GALLERY PAGE//////////////////////////*/

#gallery{
	width:100%;
	height:600px;
	background-image:url(../images/gallerypanel.jpg);
	background-repeat:no-repeat;
	margin:10px;
}

#gallerytitle{
	width:100%;
}

#gallery h1{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
padding:10px;
}

#gallery h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:10px;
}

#gallery p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:10px;
}

#photonav{
	padding-left:10px;
	width:787px;
	height:130px;
}

.thumb{
	padding-left:5px;
	float:left;
}

#imagepages{
	text-align:center;
}



/*///////////////////////////VIDEO PAGE/////////////////*/

#video{
	width:100%;
	height:600px;
	background-image:url(../images/videopanel.jpg);
	background-repeat:no-repeat;
	margin:10px;
}

#videotitle{
	width:100%;
}

#video h1{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
padding:10px;
}

#video h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:10px;
}

#video p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:10px;
}

#video ul{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:10px;
list-style:none;
}

.videonav{
	width:100%;
	height:258px;
	padding:1px;
}

.videothumb{
	height:248px;
	width:325px;
	padding:5px;
	float:left;
}

.videodescr{
	width:450px;
	height:248px;
	float:left;
}


/*///////////////////////////DOWNLOAD PAGE//////////////*/

#download{
	width:100%;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}



#downloadtitle{
	width:100%;
	height:25px;
}

#download h1{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
padding:10px;
}

#download ul{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:10px;
}

#download h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:10px;
}

#download p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:10px;
}

#download ul{
	list-style:none;
}

.downloadsections{
	width:100%;
	padding:10px;
	float:left;
}

#wallpapers{
	width:100%;
}

#ringtones{
	width:100%;
}

#other{
	width:100%;
}


/*////////////////////////////CONTACT PAGE///////////////*/

#contact{
	width:100%;
	height:425px;
	margin:10px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/contactpanel.jpg);
	background-repeat:no-repeat;
	font-size:14px;
}

#contacttitle{
	width:100%;
	height:50px;
	margin:5px;
}

#contacttop{
	height:100px;
}

#contactinfo{
	width:300px;
	float:left;
	padding:10px;
	padding-left:20px;
	padding-top:20px;
	font-weight:bold;
}

#mailinglist{
	width:400px;
	float:left;
	margin-left:12px;
}

#mailinglist ul{
	list-style:none;
}


#contactmid{
	height:100px;
	margin-top:10px;
}

.networkbox{
	margin-left:10px;
	width:225px;
	float:left;
	text-align:center;
	border-width:1px;
	border-style:solid;
	border-color:#999;
	font-size:12px;
	font-weight:bold;
	font:Arial, Helvetica, sans-serif;
	padding:5px;
	padding-bottom:15px;
}

fieldset{
	border-width:1px;
	border-style:solid;
	border-color:#999;
}


label {
	float:left;
	width:85px;
	margin-right:20px;
}

fieldset.submit{
	border-style:none;
}

/*//////////////////////////CONTACT 2/////////////////*/

#contact2{
	width:100%;
	height:400px;
	margin:5px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/contactpanel.jpg);
	background-repeat:repeat-y;
	font-size:14px;
}

#contacttitle2{
	padding:5px;
}

#contacttop2{
	width:100%;
	height:250px;
	margin-left:5px;
}

#contactbottom2{
	width:100%;
	margin-left:5px;
}

#emailinfo2{
	padding:5px;
	height:200px;
	width:300px;
	float:left;
	border-width:1px;
	border-style:solid;
	border-color:#CCC;
}

#mailinglist2{
	margin-left:3px;
	width:445px;
	height:200px;
	padding:5px;
	float:left;
	border-width:1px;
	border-style:solid;
	border-color:#CCC;
}

#mailinglist2 ul{
	list-style:none;
}

#socialnetworks2{
	width:760px;
	padding:5px;
	border-width:1px;
	border-style:solid;
	border-color:#CCC;
}

fieldset{
	border:none;
}



/*////////////////////////LINKS PAGE/////////////////*/


#linkscontent{
	background-image:url(../images/linkspanel.jpg);
	background-repeat:no-repeat;
	width:750px;
	height:475px;
	margin:10px;
}

#linkstitle{
	height:50px;
	padding-top:5px;
}

#linkscontent h1{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
padding:10px;
}

#linkscontent ul{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:10px;
}

#linkscontent h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:10px;
}

#linkscontent p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:10px;
}

#linkscontent ul{
	list-style:none;
}

#links-left{
	width:557px;
	float:left;
}

#links-right{
	width:192px;
	float:left;
}

.linksbox{
	border-width:1px;
	border-style:solid;
	border-color:#CCC;
	margin-top:3px;
	margin-left:5px;
	width:550px;
}

#ads{
	width:190px;
	height:400px;
	float:left;
}

.adsbox{
	width:185px;
	border-width:1px;
	border-style:solid;
	border-color:#CCC;
	margin-top:3px;
	margin-left:2px;
}
	
/*///////////////////////////FOOTER/////////////////////*/






#footer{
width:800px;
height:50px;
background-color:#000000;
}

#footer p{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-align:center;
padding:10px;
}

