/* Global */

*	{margin: 0;
	 padding: 0;}
	 
body	{background-color: black;
		 color: #FFFFFF;
		 font-family: "gill sans", "gill sans mt";
		 font-weight: 100;
		 font-size: 100%;}
		 
p	{font-size: 10.5pt;
	 font-family: "gill sans", "gill sans mt";
	 color: #FFFFFF;
	 font-weight: 100;
	 float: left;}

a, a:visited	{color: #FFFFFF;
				 text-decoration: underline;
				 font-size: 12pt;}
				 
a:hover, a:visited:hover	{color: #FFFFFF;
							 text-decoration: none;}


/* DIVs */


#body	{position: relative;
		 margin-top: 15px;
		 background: url('images/body_lg.png');
		 background-repeat: no-repeat;
		 width: 800px;
		 height: 650px;}
		 
#nav	{position: absolute;
		 width: 116px;
		 height: 464px;
		 max-width: 116px;
		 max-height: 476px;
		 top: 81px;
		 left: 25px;
		 border: 0px solid green;
		 clear: right;
		 text-align: right;
		 padding-top: 20px;}

#mainbody	{position: absolute;
			 width: 634px;
			 height: 486px;
			 max-width: 634px;
			 max-height: 486px;
			 top: 81px;
			 left: 142px;
			 border: 0px solid yellow;}
			 
#socialnet	{position: absolute;
			 width: 367px;
			 height: 45px;
			 max-width: 367px;
			 max-height: 45px;
			 top: 569px;
			 left: 24px;
			 border: 0px solid red;
			 padding-top: 5px;
			 padding-left: 35px; 
			 text-align: left;}
			 
#footer	{position: absolute;
		 width: 352px;
		 height: 50px;
		 max-width: 352px;
		 max-height: 50px;
		 top: 569px;
		 left: 424px;
		 border: 0px solid aqua;}
			 
/* classes */

img.subtitle	{margin-right: 15px;
				 margin-top: 10px;
				 margin-bottom: 10px;
				 float: right;
				 clear: both;
				 padding-left: 280px;}

img.bracket	{clear: none;
			 float: left;}
			 
img.header	{margin-top: 10px;
			 margin-bottom: 10px;}
				 
#mainbody p	{text-align: left;
			 margin-left: 25px;
			 margin-right: 15px;
			 font-size: 10.5pt;
			 line-height: 1.3em;
			 padding-bottom: 10px;
			 clear: both;
			 font-weight: 100;}
			 
#mainbody a	{font-size: 10.5pt;}

#mainbody ul li	{text-align: left;
				 margin-left: 25px;
				 margin-right: 15px;
				 font-size: 10.5pt;
				 line-height: 1.3em;
				 padding-bottom: 10px;
				 list-style-type: square;
				 list-style-position: inside;
				 clear: both;}
				 


.socialnet		{float: auto;
				 position: relative;
				 top: -18px;
				 font-size: 9pt;
				 margin-left: 5px;}

#footer p {float: right;
		   margin-top: 17px;
		   font-size: 9pt;
		   margin-right: 15px;}
		   
#socialnet table	{float: auto;
					 clear: none;
					 height: 32px;
					 display: inline;
					 position: relative;
					 top: 14px;}
					 
#nav a	{text-decoration: none;
		 font-weight: 200;
		 font-size: 12pt;
		 background-color: #000000;
		 display: table-cell;
		 line-height: 1em;
		 width: 111px;
		 padding-top: 14px;
		 padding-bottom: 14px;
		 padding-right: 5px;}
		 
#nav a:hover, #nav p.at	{text-decoration: none;
						 font-weight: 200;
						 background-color: #FFFFFF;
						 color: #000000;}
						 
#nav p.at	{background-color: #CCCCCC;
			 color: #000000;
			 display: table-cell;
			 line-height: 1em;
			 font-size: 12pt;
			 width: 111px;
			 padding-top: 14px;
			 padding-bottom: 14px;
			 padding-right: 5px;}
		   
.name	{font-weight: 400;
		 font-size: 13pt;}
		 
a.thumb {float: left;
		 clear: left;
		 display: inline;
		 margin-left: 15px;}

img.thumb	{border: 1px solid #CCCCCC;
			 margin-left: 10px;}

/* mouseover effects */

				 
#facebook	{margin-left: 5px;
			 display: block;
			 width: 32px;
			 height: 32px;
			 background: url("images/socialnet/facebook_hov.png") no-repeat 0 0;}
			 
#youtube	{margin-left: 5px;
			 display: block;
			 width: 32px;
			 height: 32px;
			 background: url("images/socialnet/youtube_hov.png") no-repeat 0 0;}

#linkedin	{margin-left: 5px;
			 display: block;
			 width: 32px;
			 height: 32px;
			 background: url("images/socialnet/linkedin_hov.png") no-repeat 0 0;}

#flickr		{margin-left: 5px;
			 display: block;
			 width: 32px;
			 height: 32px;
			 background: url("images/socialnet/flickr_hov.png") no-repeat 0 0;}
			 
#facebook:hover, #youtube:hover, #linkedin:hover, #flickr:hover	{background-position: 0 -32px;}