a {
	color: #336699;
	text-decoration: none;
}

a:hover {
	color: #6699cc;
	text-decoration: none;
}

body {
	background: #ffffff url(http://podcomplex.com/images/img01.gif) repeat-x fixed top center;
	color: #666666; margin: 10px 0; 
        text-align: center; 
        font: normal 0.8em sans-serif,Arial;
	
}

.main {
	background: #FFFfff; 
	border: 5px double #EEE; 
 	border-color: #E4E4E4 #CFCFCF #CCC #CFCFCF; 
	margin: 10px auto 12px auto; 
	text-align: left;
	width: 770px; 
}


.container {
	background: #ffffff;
        margin: 10px;
	
}


.header	{
	background: #ffffff url(http://podcomplex.com/images/header-bg2.jpg) no-repeat; 
	width: 750px; height: 170px;
	background-position: top center;
        margin-top: -4px;
        margin-bottom: 15px;

	
}



/* THE MENU SECTION */


.menu 	{
	
	width: 88%;
	
	padding-top: 52px;
	padding-left: 5px;
	text-align: left; font: bold 0.9em sans-serif,Arial;
}





.menu a {
	background: #ffffff url(http://podcomplex.com/images/podhelmet-off.jpg) no-repeat;
	
	
	color: #888;
	float: right;
	padding-top: 84px;
	padding-left: 12px;
	padding-right: 12px;
	color: #666666;
	width: 60px; 

}


.menu a:hover {
	background: #ffffff url(http://podcomplex.com/images/podhelmet-on.jpg) no-repeat;
	color: #336699;
}







.menu a#pc {
	width: 60px;
	background: #ffffff url(http://podcomplex.com/images/podhelmet-on.jpg) no-repeat;
	padding-left: 12px;
	
}

.menu a#shop {
	width: 60px;
	
	
}

.menu a#blog {
	width: 60px;
	padding-right: 5px;
	
}












.footer {
	background: #cccccc url(http://podcomplex.com/images/bg.gif) repeat-y fixed bottom center;
	color: #666666;
	text-align: center; font: bold 0.8em sans-serif,Arial;
        margin-top: 0px;
        word-spacing: 2px;
} 


.footer p {
	margin-top: 0px;
        margin-bottom: 0px;
        padding: 5px;
	background: #FCFCFC;
        text-align: right;
        word-spacing: 2px;
	
	}

.footer span {
	margin: 12px;
	color: #666666;
	float: right; font: bold 0.9em sans-serif,Arial;
        word-spacing: 2px;
} 





/* THE PC MENU SECTION */

.pcmenu 	{
	
	
	text-align: center; font: bold 0.9em sans-serif,Arial;
	color: #336699;
	padding-left: 4px;
}

.pcmenu a {
	
	
	text-align: center; font: normal 1em sans-serif,Arial;
	color: #336699;
	
}
.pcmenu a:hover {
	
	
	text-align: center; font: normal 1em sans-serif,Arial;
	color: #99ccff;
	
}

 
 /* PC CONTENT SECTION */
 
 
 
 .content {
 	background: #cccccc;
 	border-top: 1px solid #E5E5E5;
 	clear: both;
 }
 .content h1 {
 	
 	font: bold 1.1em sans-serif,Arial;
 	color: #336699;
 }
 .content p {
 	margin: 3px 0 6px; color: #666;
 	padding: 0px;
 }
 .item {
 	background: #FCFCFC url(../images/bgmenu.gif);
 	padding: 5px;
 	text-align: center;
 	
 }
 
 .pclink {
 	background: #FCFCFC  no-repeat;
 	
 	padding: 30px;
 	
 	font: bold 1em sans-serif,Arial;
 	text-align: center;
 }
 
 .pclink  a {
 	
 	font: bold 1.2em sans-serif,Arial;
 	color: #6699cc;
 	padding: 0px;
 }
 
 .pclink  a:hover {
 	
 	font: bold 1.2em sans-serif,Courier;
 	color: #99CCFF;
 	
 }
 
 .pclink  p {
 	padding-top: 10px;
 	padding-left: 0px;
 	padding-right: 0px;
 }
 
 .pclink  p#intro {
 	padding-top: 0px;
 	padding-bottom: 20px;
 	padding-left: 10px;
 	padding-right: 10px;
 	font: italic 0.9em sans-serif,Courier;
 	color: #9a9a9a;
 }
 
 
 .tweak {
 	background: #FCFCFC  no-repeat;
 	
 	padding: 30px;
 	
 	font: bold 1em sans-serif,Arial;
 	
 }
 
 .tweak  a {
 	
 	font: bold 1.2em sans-serif,Arial;
 	color: #6699cc;
 	padding: 0px;
 }
 
 
 .tweak  a:hover {
 	
 	font: bold 1.2em sans-serif,Courier;
 	color: #99CCFF;
 	
 }
 
 .tweak  h2 {
 	
 	font: bold 1.5em sans-serif,Arial;
 	color: #336699;
 	padding: 0px;
 	text-align: left;
 }
 
 
 .tweak  p#menulink {
 	padding-top: 10px;
 	padding-left: 0px;
 	padding-right: 0px;
 	text-align: right;
 	font: bold 0.7em sans-serif,Arial;
 }