body, form, h1, h2, h3, p{margin:0;padding:0}

img, a img{border:none}

ul, li{margin:0;padding:0;list-style:none}



a{

	color:#aaa;

	text-decoration:none}

a:hover{

	color:#fff}



h1{

	padding:0 0 0 5px;

	font-family:"Trebuchet MS", Arial, Tahoma;

	font-size:13px;

	color:#999}

h2{

	margin:0 20px;

	padding:0 0 0 5px;

	font-family:Tahoma, Arial;

	font-size:11px;

	color:#777;

	font-weight:normal;

	border-left:3px solid #555}

h3{

	padding:5px 5px 0px 5px;
	font-family:"Trebuchet MS", Arial, Tahoma;
	font-size:12px;
    font-weight:normal;
	color:#FFFFFF
	}

h3 b{

	color:#999}




	
h4{

	font-family:Tahoma, Arial;

	font-size:14px;

	padding:2px;

	text-align:center;
	
	font-weight:normal;

	color:#FFDC12

	}



h5{

	margin:0px;

	padding:1 1 1 5px;

	font-family:"Trebuchet MS", Arial, Tahoma;
	font-size:14px;
	color:#FFFFFF ;

	font-weight:normal;

	}

h6{

	margin:0px;

	padding:0 0 0 0px;

	font-family:Tahoma, Arial;

	font-size:10px;

	color:#FFFFFF;

	font-weight:normal;

	}

ol,li {
	margin:0 20px;

	padding:0 0 0 5px;

	font-family:Tahoma, Arial;

	font-size:11px;

	color:#FFFFFF;

	font-weight:normal;

	}   
    
    
li {
	margin:0px;
	padding:0px;
	font-family:Arial, Tahoma;
	font-size:12px;
	color:#FFFFFF ;
	}

fieldset{

	margin:0 0 20px 0;

	padding:5px;

	border:solid 1px #555}

fieldset table tr td{

	width:200px}

legend{

	font-size:18px;

	font-weight:bold}

.form a,

.form a:hover,

.form a:visited{

	color:#999}


body{
	background-color:#e5e5e5; 	 
}
    



#container{
	width:910px;
	margin:0 auto;
    padding:0; 
    text-align:left; 
background-color:#e5e5e5; 
        }

   
/* Classes */
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.advert{display:block;}
.relative{position:relative;}


/* Font */
.alignL {text-align:left}
.alignR {text-align:right}
.alignC {text-align:center}
.alignJ {text-align:justify}
.valignT {vertical-align:top}
.valignM {vertical-align:middle}
.valignB {vertical-align:bottom}
.weightN {font-weight:normal}
.weightB {font-weight:bold}
.smaller {font-size:90%;}
.bigger {font-size:110%;}

/* Margin */
.noMar{margin:0;}
.mar2{margin:2px;}
.mar3{margin:3px;}
.mar5{margin:5px;}
.mar10{margin:10px;}
.marTB5{margin:5px 0;}
.marTB10{margin:10px 0;}
.marTB15{margin:15px 0;}
.marRL5{margin:0 5px;}
.marRL10{margin:0 10px;}
.marRL15{margin:0 15px;}

/* Font Color */
p.txtWhite{color:#FFF;}
.txtBlue{color:#039;}
.txtLtBlue{color:#D5E8FB}
.txtDkBlue{color:#040C5C;}
.txtNavBlue{color:#6698CB;}
.txtGrey{color:#E5E5E5;}
.txtDkGrey{color:#666;}
.txtRed{color:#C00;}
.txtPeach{color:#FC9;}
.txtPurple{color:#96C;}
.txtGreen{color:#090;}
.txtOrange{color:#F60;} /* Alternative #FF9800 */
.txtBlack{color:#000;}




#topheader {
	width:910px;
	height: 91px;
	margin:0 auto;
    padding:0; 
    text-align:left; 
    background-color:#003399;}
 
#header_search {
               
    height:75px;
    background:#003399; 
	margin:0 auto;
   	font-family:"Trebuchet MS", Arial, Tahoma;
	font-size:13px;
	color:#FFFFFF ;
    padding:2px; 
    padding-top:14px;}
  
  
#logo {
    position: top;
    top: 0px;
	height:81px;
    background:#003399; 
	margin:0 auto;
    color:#003399; 
    padding:3px; 
	padding-left:25px;
    padding-top:7px;}

#toptext {
        background-color:#003399; 
        text-align:center; 
        padding:2px;
        }
 
        
#topnav {
        background-color:#6698CB; 
        text-align:center; 
		height: 14 px;
        padding:3px;
        }        

/* Sets header, topnav, and footer text and links color */
#header, #header a, #topnav a{color:#FFFFFF;font-weight:normal;}
#topnav a:hover{color:#040C5C;}
.smaller {font-size:70%;}

.section {border:0px #6698CB solid; width:100%; margin-bottom:0px;}
.heading {background-color:#6698CB; margin:0; font-family:"Trebuchet MS", Arial, Tahoma;
font-size:15px; color:#FFFFFF ;}


.videocontent {
    padding:0px;
	font-family:"Trebuchet MS", Arial, Tahoma;
    float:center;
   	font-size:13px;
	color:#C0C0C0}

.linkcontent{
	width:280px;
    padding:10px;
	font-family:"Trebuchet MS", Arial, Tahoma;
    float:center;
   	font-size:12px;
	color:#C0C0C0}

.musiccontent {
    padding:0 0 0 0px;
	font-family:"Trebuchet MS", Arial, Tahoma;
    float:center;
   	font-size:13px;
	color:#C0C0C0}

.middlecontent {
    padding:10px;
	font-family:"Trebuchet MS", Arial, Tahoma;
    float:center;
   	font-size:12px;
	color:#FFF}

#toptext h1 {
    padding:0 0 0 0px;
	font-family:"Trebuchet MS", Arial, Tahoma;
    float:center;
   	font-size:11px;
	color:#FFF}

#topnav.h1 {
    padding:0 0 0 0px;
	font-family:"Trebuchet MS", Arial, Tahoma;
    float:center;
   	font-size:11px;
	color:#FFF}

#footernew {
	width:875px;
    height:20px;
    margin:0 auto}

#footernew h1 {
	padding:5 0 0 0px;
	font-family:"Trebuchet MS", Arial, Tahoma;
    float:center;
   	font-size:11px;
	color:#000000;
}    
    
    
#header{

	height:0px}



#headerHeader{

	height:0px}



#headerMenu{

	position:relative;

	height:0px}

#mImages, #mImages:visited,

#mLayouts, #mLayouts:visited,

#mTutorials, #mTutorials:visited,

#mTweaks, #mTweaks:visited,

#mGens, #mGens:visited,

#mCodes, #mCodes:visited{

	display:block;

	width:117px;

	height:30px;

	padding:25px 4px 0 0;

	position:absolute;

	top:0px;

	text-align:right;

	color:#fff;

	font-family:"Trebuchet MS", Arial, Tahoma;

	font-size:12px;

	font-weight:bold;

	text-transform:uppercase;

	text-decoration:none;

	background-image:url(/_theme/images/21.png);

	background-repeat:no-repeat}

#mImages{

	left:2px;

	background-position: -2px 0px}

#mLayouts{

	left:127px;

	background-position: -127px 0px}

#mTutorials{

	left:252px;

	background-position: -252px 0px}

#mTweaks{

	left:377px;

	background-position: -377px 0px}

#mGens{

	left:502px;

	background-position: -502px 0px}

#mCodes{

	left:627px;

	background-position: -627px 0px}




#breadCrumb-o{

	margin:4px 2px 0 2px;

	height:25px;

	color:#fff;

	font-family:"Trebuchet MS", Arail, Tahoma;

	font-size:12px;

	font-weight:bold}

#breadCrumb-i{

	padding:3px 0 0 10px;}

#breadCrumb-i a, #breadCrumb-i a:visited{

	color:#fff;

	text-decoration:none}

#breadCrumb-i a:hover, #breadCrumb-i a:active{

	text-decoration:underline}

    

.table1{

	margin:2px 0 0 2px;

	float:left;

	}



#indexGrid{

	margin:4px 0 0 0;

	position:relative;

	height:360px}

#indexGrid-c1{

	position:absolute;

	top:6px;

	left:6px;

	padding:0 7px 0 0;

	width:234px;

	height:348px;

	border-right:1px solid #292929}

#indexGrid-c2{

	position:absolute;

	top:6px;

	left:246px;

	padding:0 7px;

	width:234px;

	height:348px;

	border-left:1px solid #414141}

.indexGrid-r1{

	height:60px;

	padding:0 0 5px 0;

	margin:0 0 5px 0;

	border-bottom:dotted 1px #464646;}

.indexGrid-r2{

	height:60px;

	padding:0 0 5px 0;

	margin:5px 0 0 0;

	border-bottom:dotted 1px #464646;}

.indexGrid-r3{

	height:60px;

	padding:0 0 5px 0;

	margin:5px 0 0 0;

	border-bottom:dotted 1px #464646;}

.indexGrid-r4{

	height:60px;

	padding:0 0 5px 0;

	margin:5px 0 0 0;

	border-bottom:dotted 1px #464646;}

.indexGrid-r5{

	height:60px;

	margin:5px 0 0 0}

.iG-234{

	font-family:Verdana, Arial, Helvetica;

	cursor:pointer;

	height:100%}

.iG-titleG{

	padding:4px 0 0 4px;

	font-size:11px}

.iG-textG{

	padding:0 0 0 4px;

	height:28px;

	color:#7c7c7c;

	font-size:10px}

.iG-linkG{

	padding:1px 0 0 0;

	color:#fff;

	font-size:10px;

	text-align:right;

	text-decoration:underline}

.iG-titleY{

	padding:4px 0 0 4px;

	font-size:11px}

.iG-textY{

	padding:0 0 0 4px;

	height:28px;

	color:#7c7c7c;

	font-size:10px}

.iG-linkY{

	padding:1px 0 0 0;

	color:#fff;

	font-size:11px;

	text-align:right;

	font-family:Helvetica, Arial, Verdana;}



.indexlistItem{

	margin:10px 5px 10px 20px;

	font-family:"Trebuchet MS", Arial, Tahoma;

	font-size:18px;

	font-weight:bold}

.indexlistItem img{

	height:60px;

	width:60px;

	border:4px solid #464646;

	vertical-align:middle;

	margin:0 10px 0 0}

.indexlistItem a{

text-decoration:none}



#body{
	margin:0;

	padding:0;
	}

 

#content{
padding-left:2px;
width:496px;
float:left;
overflow:hidden}

#content-o{

	width:100%;}

#content-i{

padding:5px;}



#contentRider{
    background: #a3001b url(/_theme/images/new_bg.gif);
    margin:5px 0 0 0;}
#IndexRider{
   	margin:5px 0 0 0;}
#MusicRider {
   	margin:5px 0 0 0;}
#featuredRider{
   	margin:5px 0 0 0;}
#VideoRider{
   	margin:5px 0 0 0;}   
#GenRider{
   	margin:5px 0 0 0;}   
#MusicVideoRider{
   	margin:5px 0 0 0;}   
#LayoutRider{
   	margin:5px 0 0 0;}       



#contentBefore-o, #contentAfter-o{

	margin:4px 0 4px 0;

	width:100%}

#contentBefore-i, #contentAfter-i{

	padding:5px 15px}

.cBad336, .cAad336{

	width:336px;

	height:280px;

	float:right}

.adIcons336{

	width:115px;

	height:268px;

	padding:12px 0 0 0;

	float:left}

.icon336{

	display:block;

	height:67px;

	text-align:right}



.showImages{

	text-align:center;

	padding:30px 0}

.showImages img{

	margin:0 0 5px 0}
    
    
td img{
	border:4px solid #464646;
	text-align:left;
	margin:0 0 0 0}    
   

.showImageTextBox{

	width:450px;

	margin:0 0 0 0;

	font-family:Tahoma, Arial;

	font-size:11px;

	background:#1F1F1F;

	border:1px solid #555;

	color:#bbb;

	padding:.2em;}



.pagination,

.backButton{

	padding:15px 0;

	text-align:center;

	font-family:Tahoma, Arial;

	font-size:9px;

	color:#555;

	}

.pagination a, .pagination a:visited,

.backButton a, .backButton a:visited{

	position:relative;

	top:3px;

	font-family:"Trebuchet MS", Arial, Tahoma;

	font-size:14px;

	font-weight:bold;

	text-decoration:none;

	padding:0 .35em 0 .35em;

	color:#555;

	background:#1f1f1f;

	border:1px solid #555}

.pagination .null{

	position:relative;

	top:3px;

	font-family:"Trebuchet MS", Arial, Tahoma;

	font-size:14px;

	font-weight:bold;

	text-decoration:none;

	padding:0 .35em 0 .35em;

	color:#3c3c3c;

	background:#2e2e2e;

	border:1px solid #3c3c3c}

.pagination a:hover, .pagination a:active,

.backButton a:hover, .backButton a:active{

	color:#fff;

	border:1px solid #fff;}



#navigation{

	margin:4px 0 0 4px;

	width:246px;

	float:left}

#navigation-o{

	background:#333 url(/_theme/images/menuLongBottom.png) no-repeat center bottom}

#navigation-i{

	position:relative;

	background:url(/_theme/images/menuLongTop.png) no-repeat center top;

	padding:0 0 10px 0;}

.navTitle{

	margin:0 1px 4px 15px;

	padding:12px 0 0 17px;

	width:213px;

	height:19px;

	font-family:"Trebuchet MS", Arial, Tahoma;

	font-weight:bold;

	text-transform:uppercase;

	font-size:14px;

	background:url(images/navigationTitleBg.gif) no-repeat 0 12px;}

.navUs li a, .navUs li a:visited,

.navImages li a, .navImages li a:visited,

.navLayouts li a, .navLayouts li a:visited,

.navTutorials li a, .navTutorials li a:visited,

.navTweaks li a, .navTweaks li a:visited,

.navGens li a, .navGens li a:visited,

.navBasic li a, .navBasic li a:visited{

	display:block;

	width:203px;

	height:16px;

	margin:0 0 0 32px;

	padding:4px 0 0 10px;

	color:#ebebeb;

	font-family:Tahoma, Arial;

	font-size:11px;

	text-decoration:none;

	background:url(images/navigationLinkBg.gif) no-repeat left bottom}


.navFooter li a, .navFooter li a:visited{

	display:block;

	width:144px;

	height:16px;

	margin:0 0 0 32px;

	padding:4px 0 0 10px;

	color:#ebebeb;

	font-family:Tahoma, Arial;

	font-size:11px;

	text-decoration:none;

	background:url(images/navigationLinkBg.gif) no-repeat left bottom}


.form{

	margin:30px 15px 15px 15px;

	font-family:Tahoma, Arial;

	font-size:11px;

	color:#666}

.form p{

	padding:2px 0}

.formTextbox {

	padding:0 5px;

	width:300px;

	font-family:Tahoma, Arial;

	font-size:11px;

	color:#bbb;

	background:#1f1f1f;

	border:1px solid #555}

.formCheckbox{

	margin:0}

.formSubmit{

	display:block;

	width:75px;

	margin:15px auto;

	font-family:Tahoma, Arial;

	font-size:11px;

	color:#555;

	background:#1f1f1f;

	border:3px double #555;

	cursor:pointer}

.formTextboxSmall,

.formSelectSmall{

	font-family:Tahoma, Arial;

	font-size:11px;

	color:#bbb;

	background:#1f1f1f;

	border:1px solid #555}

.formTextboxSmall{

	width:146px;

	padding:1px 2px}

.formSelectSmall{

	width:152px}

.formRadioSmall,

.formCheckboxSmall{

	margin:2px 1px;

	vertical-align:middle}

.formTextareaSmall{

	width:146px;

	height:56px;

	padding:2px;

	font-family:Tahoma, Arial;

	font-size:11px;

	color:#bbb;

	background:#1f1f1f;

	border:1px solid #555}

.formTextareaBig{

	width:440px;

	height:400px;

	padding:2px;

	font-family:"Courier New", Courier, mono;

	font-size:11px;

	color:#bbb;

	background:#1f1f1f;

	border:1px solid #555}

.formUrl{

	text-align:center}



.glyphTable{

	margin:20px;

	font-family:Arial, Tahoma;

	font-size:11px;

	}

.glyphTable table{

	width:100%	}

.glyphTable table tr td{

	padding:0 4px;

	background:#1f1f1f}

.glyphTable table tr td b{

	font-size:16px;}

.glyphTableTitle{

	color:#1f1f1f;

	font-family:"Trebuchet MS", "Times New Roman", "Arial";

	font-size:14px;

	font-weight:bold}



#indexTrain{

	margin-top:5px}

.simpleTrain{

	padding:20px;

	color:#1f1f1f;

	font-family:"Trebuchet MS", "Times New Roman", "Arial";

	font-size:14px;

	font-weight:bold}

.simpleTrain table{

	width:100%}

.simpleTrain table tr td{

	padding:0 5px}



.colorChart{

	margin:20px;

	font-family:Arial, Tahoma;

	font-size:11px}

.colorChart table{

	width:100%}

.colorChart table tr td{

	text-align:center}

.colorChartDark{

	color:#fff}



.colorPicker{

	margin:93px}

.colorPicker table{

	width:100%;

	border:5px solid #fff}

.colorPicker table tr td{

	text-align:center}

.colorPicker table tr td .cp{

	font-family:Arial, Tahoma;

	font-size:11px;

	font-weight:bold;

	text-align:center;

	width:50px;

	padding:0;

	margin:0;

	background:#fff;

	color:#545454;

	font-weight:normal;

	cursor:pointer;

	border:2px solid #fff}

.colorPicker-r1c1{}

.colorPicker-r1c2{}

.colorPicker-r2c1{}

.colorPicker-r2c2{}

.colorPicker-r3c1{}

.colorPicker-b1{}



#footer-o{

	clear:both;

	margin:4px 0px 20px 2px}

#footer-i{

	padding:2px 5px}



#pageGen{

	font-family:Tahoma, Arial;

	font-size:9px;

	padding:5px;

	text-align:left;

	color:#FFDC12}


.themeListTitle h4 {
	font-family:Tahoma, Arial;

	font-size:15px;

	font-weight:bold;

	padding:0px;

	text-align:center;

	color:#FFDC12}

}




#divNewsCont{absolute: 50px; width:300; height:50; overflow:hidden; top:40; left:20; clip:rect(0,300,150,0); visibility:hidden}

#divNewsText{absolute: 50px; top:0; left:0}





.showMarquee{

	padding:0 0 20px 0;

	text-align:center}



.w11{background:#333 url(/_theme/images/onion1-TL.gif) no-repeat top left}

.w12, .w13, .w14{height:100%;width:100%;color:white}

.w12{background:url(/_theme/images/onion1-TR.gif) no-repeat top right}

.w13{background:url(/_theme/images/onion1-BR.gif) no-repeat bottom right}

.w14{background:url(/_theme/images/onion1-BL.gif) no-repeat bottom left}

.w21{background:#464646 url(/_theme/images/onion2-TL.gif) no-repeat top left}

.w22, .w23, .w24{height:100%;width:100%}

.w22{background:url(/_theme/images/onion2-TR.gif) no-repeat top right}

.w23{background:url(/_theme/images/onion2-BR.gif) no-repeat bottom right}

.w24{background:url(/_theme/images/onion2-BL.gif) no-repeat bottom left}







.clearfix:after {

    content: "."; 

    display:block; 

    height:0; 

    clear:both; 

    visibility:hidden}

.clearfix {display:inline-table}

/* Hides from IE-mac \*/

* html .clearfix{height:1%;}

.clearfix{display:block}

/* End hide from IE-mac */



/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 150px;
height: 90px;
padding: 3px;
background-color: #333;
font-family:"Trebuchet MS", Arial, Tahoma;
font-size:13px;
color:#FFFFFF ;
}

#pscroller1 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}

#LayoutIndex{
	margin:5px 0 0 0;
	color:#FFFFFF;
	font-family:"Trebuchet MS", "Times New Roman", "Arial";
	font-size:12px;
	font-weight:bold;
	text-align:center;
	}


#rightad{
float: left; margin: 4px -150px 5px 2px; width: 158px;}