/*
Ugly Designs' CSS - www.uglydesigns.info
*/
@import url(http://www.uglydesigns.info/css/ugly_relative.css);

/* ===================== S T Y L E ============================== */
/* ===================== S T Y L E ============================== */

/* U N I V E R S A L----------------------------------------------*/
body{
   font-family:verdana,helvetica,arial,sans-serif;
   background-color:#9c6;
}
p, a, td, ul, ol, li, dl, dt, dd {
   font:12px verdana, arial, helvetica, sans-serif; /* Be kind to Netscape 4 */
   text-align:left; /* due to bug */
}
img {border:0;}
.hide {display:none;}
/* H E A D I N G S-----------------------------------------------*/
h1 {
   font-size:14px;
   line-height:18px;
   text-align:left;
   text-transform:lowercase;
   color:#666; 
   padding:3px 10px 3px 10px;
   border:1px solid #9c6;
   background-color:#eee;
}
h2 {
   font-size:14px; 
   font-weight:bold; 
   text-align:left; 
   color:#000; 
   background-color:#fff;
}
/* P A R A G R A P H S  &  L I N K S----------------------------*/

p, ul, ol {padding:5px;}
ul {list-style-type: none;}
a{font-weight:bold;}
a:link {color:#9c6;}
a:visited {color:#999;}
a:hover{color:#ccc;}

/* F O O T E R S-----------------------------------------------*/
p.foot{
			color:#999;
   font-size:10px; 
   font-weight:normal; 
   text-align:center;
   background-color:#ffc; 
   text-decoration:none;
			border:1px solid #ccc;
}
a.foot {
   font-weight:bold; 
   text-align:center;
			font-size:10px;  
   background-color:#ffc;
			}
a.foot:link{color:#9c6;}
a.foot:visited{color:#999;}
a.foot:hover	{color:#ccc;}


/* ===================== S T R U C T U R E ============================== */
/* ===================== S T R U C T U R E ============================== */

/* W R A P P E R----------------------------------------------------------*/
#wrapper {
   position:absolute;
   top:15px;
   left:50%;
   margin-left:-270px;
   margin-top:0;
			margin-bottom:15px;
   width:540px;
   padding:0;
			background-color:#fff;
}
/* H E A D E R------------------------------------------------------------*/
#Header {
   height:108px;
   padding:0;
   border:0;
   margin:0;
			text-indent: -9999px;
			}
div#Header a#logo 	{
	display: block;
	margin:0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: transparent url(/i/masthead.jpg) top left no-repeat;
	}			
div#Header a:hover#logo 	{
	background: transparent url(/i/masthead.jpg) 0 -108px no-repeat;
	}	
				
/* N A V  M E N U-------------------------------------------------------*/
#nav {
   width:100%;
   padding:0;
			margin:0;
			border:0;	
	}
#nav ul {
   background-color:#666;
			list-style:none;
   margin:0;
   padding:5px;
   border:0;
}
#nav li {
   display:inline;
   background-color:#666;
   margin-left:15px; 
}	
#nav li a {
   background: url(/i/button.jpg) no-repeat 0px;
   padding:5px 3px 5px 22px;
   font-size:14px;
   line-height:28px;
   text-decoration:none;
   color:#ffc;
}
#nav li a:hover {
   background: url(/i/button_rollover.jpg) no-repeat 0px;
   color:#99cc66;
}
/* M A I N  W R A P P E R------------------------------------------------*/
#main {
   padding:0;
   border:0;
   background-color:#fff;
			margin:0;
}
/* C O N T E N T-------------------------------------------------------*/	
#content {
   padding:0 8px 4px 8px;
   background-color:#fff;
   margin-top:0;
}
/* F L O A T S--------------------------------------------------------*/
#floatRight {
   border:3px solid #9c6;
   float:right;
   background:#ffc;
   margin:0 0 10px 10px;
   padding:3px;
   overflow:hidden;
   width:312px;/*300+6+6=312*/
   voice-family:"\"}\"";
   voice-family:inherit;
   width:300px;
}
html>body #floatRight {
   width:300px;
}
#floatRightContact {
   border:3px solid #9c6;
   float:right;
   background:#ffc;
   margin:0 0 10px 10px;
   padding:3px;
   overflow:hidden;
   width:312px;/*300+6+6=312*/
   voice-family:"\"}\"";
   voice-family:inherit;
   width:300px;
}
html>body #floatContact {
   width:300px;
}
#portfolio {
   border:1px dashed #fff;
   padding:3px;
   background:#9c6;
}
#portfolio a {
   background-color:#9c6;
   text-align:center;
   padding:3px;
   color:#ffc;
   width:100%;
}
#portfolio a:hover {
   color:#666;
}