@import url("master.css");

/***** General Formatting *****/
body {
	background-image:url(../images/background-gradient.jpg); 
	background-repeat:repeat-x;
	}

#wrapper {
	width:841px;
	margin:0 auto;
	}

.wrapper {width:841px;}

/***** TopNav Formatting *****/

#topnav {
    width: 820px; height: 21px;
	background: url(../images/topnav.jpg) no-repeat right top;
	padding: 0;
	margin:17px 0 0 0px;
    position: relative;
	}
	
#topnav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0px;
	}
	
#topnav li span {display: none;}	
#topnav a {height: 21px; display: block;}


#home {left:275px; width:130px;}
#about {left:405px; width:143px;}
#services {left:548px; width: 140px;}
#contact {left:688px; width: 132px;}

  
#home a:hover, #home .on {background: transparent url(../images/topnav.jpg) -275px -21px no-repeat;}
#about a:hover, #about .on {background: transparent url(../images/topnav.jpg) -405px -21px no-repeat;}
#services a:hover, #services .on {background: transparent url(../images/topnav.jpg) -548px -21px no-repeat;}
#contact a:hover, #contact .on {background: transparent url(../images/topnav.jpg) -688px -21px no-repeat;}


/*Drop Down Menu Styles  Start*/
#topnav li ul {
	list-style: none;
	}
		
#topnav li ul li {/* Stops the drop down menu li text from floating left */
	float:none;
	}
	
#topnav ul li {
	position: relative;/*Makes the drop down menu postion 0,0 on the parent li instead of the browser window*/
	}

#topnav li ul {
	position: absolute;
	left: 0px;
	top: 21px;
	display: none;
	width:125px;
	background-color:#ffffff;
	}

#topnav li ul li a { 
	color:#000000;
	font-size:0.8em;
	font-weight:bold;
	text-decoration:none;
	height:10px;
	display:block;
	padding:5px;
	border-bottom: 1px solid #c8a17a;
	}

#topnav li ul li a:hover { 
	background:#c8a17a; 
	}

#topnav li:hover ul, #mainNav li.over ul { display: block; }
#topnav li:hover ul, li.over ul { display: block; }


/***** SideNav Formatting *****/

#sidenav {
  width: 21px; height: 280px;
	background: url(../images/sidenav-corp-full.gif) no-repeat;
	padding:0;
	margin:0;
  position: relative;
	}
	
#sidenav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: 0px;
	}
	
#sidenav li span {display: none;}	
#sidenav li a {width: 21px; height:123px;display:block;}


#freelance {top:13px;}
#corporate {top:153px;}

  
#freelance a:hover, #freelance .on {background: transparent url(../images/sidenav-corp-full.gif)  -22px -13px no-repeat;}
#corporate a:hover, #corporate .on {background: transparent url(../images/sidenav-corp-full.gif)  -22px -153px no-repeat;}

/***** Content Formatting *****/

#content {
	background-color:#fefdf6;
	width:551px;
	min-height:800px;
	height:auto !important;
	height:800px;
	font-size:1em;
}

#content-bg{
	width:799px;
	background-color:#fefdf6;
	margin:0px;
	margin-right:21px;
	padding:0px;
	}

#content p{
	margin:10px;
	}
	
#content a{
	color:#FF9933;
	text-decoration:underline;
	}
	
#content a:hover{
	color:#000000;
	}

#content h1{
	margin-left:10px;
	}
	
#content h2{
	margin-left:10px;
	font-family:"Times New Roman", Times, serif;
	}
	
#samples {
	margin-left: 10px;
	border-top: 2px double #c1976e;
}

.sampleitem{
	text-align:center;
	width:100px;
	float:left;
	padding-top:10px;
}

.imgcontent {border:1px #000000 solid;}

/***** Menu Formatting *****/	

#menu {
	background-color:#fefdf6;
	width:248px;
	}

#menu ul{
	margin:10px 0 0 0;
	}

#menu li a{
	font-size:1.2em;
	margin-left:5px;
	color:#000000;
	}
	
.menubg {
	background-image:url(../images/menu-li.gif);
	height:23px;
	width:240px;
	}
	
#menu a:hover {
	color:#FFFFFF;
	}

#menu ul li img {
	vertical-align:top;
	}

/***** Footer Formatting *****/	
#footer {
    width:842px;
	background-image:url(../images/footer.png);
	background-repeat:no-repeat;
	height:125px;
	color:#f3f1f0;
	font-size:0.8em;
	margin:0px auto;
}

#footer p {
	margin-left:190px;
	}

#footer ul{
	margin:0 auto 0 260px;
	}
	
#footer li{
	float:left;
	margin-top:10px;
	display:block;
	}

#footer a{
	color:#f3f1f0;
	position:relative; /* IE 6 needs this in order for the links to work */
	}

#footer a:hover{
	color:#e6bb6a;
	text-decoration:none;
	}