/* CSS Document */

/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }
/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }
/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td,script,hr { margin:0; padding:0; }
/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset {
	border-style: solid;
	}
	
body {
	background-color: #B3EDFB;
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana;
	font-size: 12px;
	color: #003C51;
	text-align: justify;
	font-weight: normal;
	}

#container { width:980px;
	margin: 0 auto;
	background-color: #E0F8FE;
	text-align:center;
	}

#header{
	clear:both;
	width: 980px;
	background-image:url(images/TwinkBoiz_01.jpg);
	background-repeat: no-repeat;
	height: 146px;
	}
	#header span { display: none; }

#body-content { width:980px;
	margin: 0 auto;
	text-align:center;
	}

#column-1 { width:766px;
	margin: 0;
	text-align:center;
	float: left;	
	}
	
#column-2 { width:214px;
	margin: 0;
	text-align:center;
	float: left;
	}

#column-1-spacer { width:766px;
	margin: 0;
	text-align:center;
	float: left;	
	}
		
#col1-header1{
	margin: 0;	
	width: 459px;
	background-image:url(images/TwinkBoiz_02.jpg);
	background-repeat: no-repeat;
	height: 71px;
	float: left;
	padding: 0px;			
	}
	#col1-header1 span { display: none; }


#col1-header1v2{
	margin: 0;	
	width: 459px;
	background-image:url(images/TwinkBoizV2_02.jpg);
	background-repeat: no-repeat;
	height: 71px;
	float: left;
	padding: 0px;			
	}
	#col1-header1v2 span { display: none; }
	
#col1-header1v3{
	margin: 0;	
	width: 459px;
	background-image:url(images/TwinkBoizV3_02.jpg);
	background-repeat: no-repeat;
	height: 71px;
	float: left;
	padding: 0px;			
	}
	#col1-header1v3 span { display: none; }


#col1-header1v4{
	margin: 0;	
	width: 459px;
	background-image:url(images/TwinkBoizV4_02.jpg);
	background-repeat: no-repeat;
	height: 71px;
	float: left;
	padding: 0px;			
	}
	#col1-header1v4 span { display: none; }
	
#col1-header1v5{
	margin: 0;	
	width: 459px;
	background-image:url(images/TwinkBoizV5_02.jpg);
	background-repeat: no-repeat;
	height: 71px;
	float: left;
	padding: 0px;			
	}
	#col1-header1v5 span { display: none; }


#col1-header1v6{
	margin: 0;	
	width: 459px;
	background-image:url(images/TwinkBoizV6_02.jpg);
	background-repeat: no-repeat;
	height: 71px;
	float: left;
	padding: 0px;			
	}
	#col1-header1v6 span { display: none; }

#col1-header1v7{
	margin: 0;	
	width: 459px;
	background-image:url(images/TwinkBoizV7_02.jpg);
	background-repeat: no-repeat;
	height: 71px;
	float: left;
	padding: 0px;			
	}
	#col1-header1v7 span { display: none; }
	
#col1-header1v8{
	margin: 0;	
	width: 459px;
	background-image:url(images/TwinkBoizV8_02.jpg);
	background-repeat: no-repeat;
	height: 71px;
	float: left;
	padding: 0px;			
	}
	#col1-header1v8 span { display: none; }	
						
#col1-header2{
	margin: 0;	
	width: 307px;
	background-image:url(images/TwinkBoiz_03.jpg);
	background-repeat: no-repeat;
	height: 71px;
	float: left;	
	padding: 0px;		
	}
	#col1-header2 span { display: none; }	
	
#col1-body{
	clear:both;
	width: 766px;
	background-image:url(images/TwinkBoiz_05.jpg);
	background-repeat: repeat-y;
	padding: 0 0 0 0px;
	}
	#col1-body span { display: none; }
	
#col1-footer{
	clear:both;
	width: 766px;
	background-image:url(images/TwinkBoiz_07.jpg);
	background-repeat: no-repeat;
	height: 23px;
	}
	#col1-footer span { display: none; }
	
#col2-header1{
	clear:both;
	width: 214px;
	background-image:url(images/TwinkBoiz_04.jpg);
	background-repeat: no-repeat;
	height: 71px;
	}
	#col2-header1 span { display: none; }
	
#col2-body{
	clear:both;
	width: 214px;
	background-image:url(images/TwinkBoiz_06.jpg);
	background-repeat: repeat-y;
	}
	#col2-body span { display: none; }
	
#col2-footer{
	clear:both;
	width: 214px;
	background-image:url(images/TwinkBoiz_08.jpg);
	background-repeat: no-repeat;
	height: 23px;
	}
	#col2-footer span { display: none; }	
	
#footer{
	clear:both;
	width: 980px;
	height: 10px;
	}
	#footer span{display: none}
	
/* ******************************************************************************************************************* */	

#thumbs {

	width: 744px;	
	clear: both;
	margin: 0 auto;
	padding: 0px;
	position: relative;	
	text-align: justify;
	padding-top: 0px;
	}

#thumbs li {
	float: left;
	font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #929292;
	margin: 0 auto;
	position: relative;	
	padding: 2px 2px 2px 2px;
}
#thumbs ul {
	clear: both;
	margin: 0 auto;
	position: relative;	
	width: 744px;
	padding: 0px;
}

#thumbs img {
	display: block;
	border: 1px solid #666666;
		float: left;
}

/* ******************************************************************************************************************* */	

#links {

	width: 184px;	
	clear: both;
	margin: 0 auto;
	padding: 0px;
	position: relative;	
	padding-top: 0px;
	font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: justify;
}
	#links p {text-align:center;}
#links a{
	font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: justify;
}
#links ul {
	clear: both;
	margin: 0 auto;
	position: relative;	
	width: 184px;
	padding: 0px;
}

#links img {
	display: block;
	border: 1px solid #666666;
}

/* extras ################################################################################################### */

#buttons li, #buttons a { height: 46px; display: block; }

#buttons li { float: right; list-style: none;}

#buttons-01 { width: 112px; }
#buttons-02 { width: 175px; }

a {color: #003C51; text-decoration: none; font-size: 16px; font-weight: bold;}
a:hover {color: #003C51; text-decoration: none; font-size: 16px; font-weight: bold;}

#bookmark {
	width: 214px;
	height:40px;
	position: relative;
	top: 12px;
	right: 13px;
	float: right;
	}
#spacer { width: 980px; height:45px; }

p.links { font-weight: normal; color:#003C51; text-align: left; font-size:10px; text-decoration: none;}
p.links a{ font-weight: normal; color:#003C51; text-align: left;font-size:10px; text-decoration: underline;}
p.links a:hover{ font-weight: normal; color:#003C51; text-align: left; font-size:10px; text-decoration: none;}

p.fave { font-weight: normal; color:#003C51; text-align: left; font-size:14px; text-decoration: none;}
p.fave a{ font-weight: bold; color:#003C51; text-align: left;font-size:14px; text-decoration: none;}
p.fave a:hover{ font-weight: bold; color:#003C51; text-align: left; font-size:14px; text-decoration: underline;}

p.footer {font-weight: bold; text-decoration: none; text-align: center; color: #003C51; padding: 25px 0 0 0; }
p.footer2 {font-weight: bold; text-decoration: none; text-align: center; color: #003C51; }

p.links2 { font-weight: normal; color:#003C51; text-align: justify; font-size:11px; text-decoration: none; padding: 0 5px 10px 0;}
p.links2 a{ font-weight: bold; color:#003C51; text-align: left;font-size:12px; text-decoration: underline; padding: 0 0 6px 0;}
p.links2 a:hover{ font-weight: bold; color:#003C51; text-align: left; font-size:12px; text-decoration: none;}