@charset "utf-8";
/* CSS Document */



/* Basic Layout Settings with Sticky Footer 
-----------------------------------------------*/

* 							{ margin: 0; padding: 0; }

html, body 					{ height: 100%;  /* Required */  }


body 						{ color: #333; font: 11px Verdana, sans-serif; background-image:url(../media/images/bg_gradient.gif); background-repeat:repeat-y; background-position:center; text-align: center; }

#dirt { background-image:url(../media/images/bg_dirt.gif); background-repeat: repeat-y;}


#container-page 			{ margin: 0 auto; width: 100%; text-align: left; position: relative; min-height: 100%; /* For Modern Browsers */ height: auto !important; /* For Modern Browsers */ height: 100%; /* For IE */ }

#container-head 			{}
#head 						{ padding: 0em; }

#container-content 			{ padding: 0 0em 161px 0em; }
#container-content:after 	{  }

#navArea 					{ position:absolute; float: left; z-index:1000;}
#contentArea 				{ position: relative; padding-left:375px; text-align:left;}




br.clear 					{ clear:both; }




#dropBox						{ margin:0; padding:0; position:relative; }
#dropBox  strong 				{ padding-left:2px;background-color:#FFF; color:#000; font-weight:bold; padding-right:2px;}
#mainnavi_area #dropBox a 		{ color:#666; display:inline; padding-left:0px; line-height:14px; background-color:#FFFFFF;  }
#mainnavi_area #dropBox a:hover { color:#fff; display:inline; padding-left:0px; background-color:#ff3366; font-weight:bold;}


/* Center Everything
-----------------------------------------------*/

#centerMe 					{ margin:0 auto 0 auto; width:980px; text-align:left; }
#centerMe2 					{ margin:0 auto 0 auto; width:80%; text-align:left; }


/* Logo Area
-----------------------------------------------*/

#logo 						{
	background-image:url(../media/images/logo2.gif);
	background-repeat:no-repeat;
	width:181px;
	height:122px;
	margin:15px 0px;
}







/* Navigation
-----------------------------------------------*/
#mainnavi_area 					{ margin: 0px 0px 0px 0px;}
#mainnavi_area a 				{ height:32px; display:block; margin: 1px 0px 0px 0px; line-height:32px; background-repeat:no-repeat;  text-decoration:none;}
#mainnavi_area a:hover 			{ text-decoration:none; } 	

a#mainnavi_area_01_01.active	{ background:url(../media/images/navi_01_on.gif); }						
a#mainnavi_area_01_01			{ width:188px; background:url(../media/images/navi_01_off.gif) no-repeat; }	
a#mainnavi_area_01_01:hover		{ background:url(../media/images/navi_01_on.gif); }

a#mainnavi_area_01_02.active	{ background:url(../media/images/navi_02_on.gif); }						
a#mainnavi_area_01_02			{ width:108px; background:url(../media/images/navi_02_off.gif) no-repeat; }	
a#mainnavi_area_01_02:hover		{ background:url(../media/images/navi_02_on.gif); }

a#mainnavi_area_01_03.active	{ background:url(../media/images/navi_03_on.gif); }						
a#mainnavi_area_01_03			{ width:314px; background:url(../media/images/navi_03_off.gif) no-repeat; }	
a#mainnavi_area_01_03:hover		{ background:url(../media/images/navi_03_on.gif); }

a#mainnavi_area_01_04.active	{ background:url(../media/images/navi_04_on.gif); }						
a#mainnavi_area_01_04			{ width:127px; background:url(../media/images/navi_04_off.gif) no-repeat; }	
a#mainnavi_area_01_04:hover		{ background:url(../media/images/navi_04_on.gif); }



#artWrap { position:relative; width:100%; float:left;}

/* Labels
-----------------------------------------------*/

#label { position:relative;  float:right; width:180px; margin-top:10px; margin-left:-30px; line-height:14px;   }
#label #lines { color:#000000; height:13px; font-weight:bold; display: block; background-image:url(../media/images/bg_label_lines.gif); background-repeat:repeat; margin-bottom:1px;}
#label #headline { color:#000000; font-weight:bold; background-color:#FFFFFF; display: inline; }
#label #content { background-color:#FFFFFF; color:#999999; display:inline;}
#label #footer { background-color:#ff3366; color:#FFFFFF; font-weight:bold; display:inline;}





#thatsMe {   float:left; margin-right:20px;width:192px;}
#thatsMe img{margin-bottom:5px;border:5px solid white;}
#aboutMeTxt { width: 275px; float:left; line-height:14px; }
#aboutMeTxt p { background-color:#FFFFFF; display:inline; }




/* Artwork
-----------------------------------------------*/

#ArtWork 				{ position:relative;float:left; width:505px; margin-left:-56px;}
* html #ArtWork 		{ position:relative;float:left; width:505px; margin-left:-29px;}
#ArtWork #top 			{ width:505px; text-align:center; background-image:url(../media/images/shadow_top.png); background-repeat:no-repeat;  height:11px; background-position:center;}
* html #ArtWork #top 	{ width:505px; text-align:center; background-image:none; height:11px; }
#ArtWork #center img 	{ border:1px solid #666; } 	
#ArtWork #center 		{ width:505px; text-align:center; background-image:url(../media/images/shadow_center.png); background-repeat:no-repeat; background-position:bottom;}
* html #ArtWork #center { width:505px; text-align:center; background-image:none;}
#ArtWork #bottom 		{ width:505px; text-align:center; background-image:url(../media/images/shadow_bottom.png); background-repeat:no-repeat; height:58px; background-position:center;}
* html #ArtWork #bottom { width:505px; text-align:center; background-image:none; height:58px; }



/* Footer Area
-----------------------------------------------*/


#container-foot 			{ width: 100%; position: absolute; bottom: 0 !important; bottom: -1px; /* For Certain IE widths */ background-image:url(../media/images/bg_footer.gif); height: 161px; }
#container-foot-shine		{ width: 100%; position: absolute; bottom: 0 !important; bottom: -1px; /* For Certain IE widths */ background-image:url(../media/images/bg_shine.jpg); background-repeat:no-repeat; background-position:center; height: 161px; }
#foot 						{ font-family:Arial, Helvetica, sans-serif;  padding-left:235px; color:#999; font-size:10px; padding-top:60px; background-image:url(../media/images/asterix.gif); background-repeat: no-repeat; background-position:center right; }
#foot a 					{ color:#666; text-decoration:none; }
#foot a:hover 				{ color:#fff; text-decoration:none; }

}