@charset "utf-8";
/* SH Web Design CSS */

/* DEFAULT SKIN - RED */

/* OPERA AND MOZILLA/GECKO */

/* Tags */

body {
background: #FFFFFF;
font-family: "Century Gothic", Century, "Trebuchet MS";
font-size: 10pt;
margin-top: 0;
padding-top: 0;
}

img {
border: 0;
}

td {
border-right: 4px solid #b8b8b8;
}

/* Classes */

.sitetbl {
border: 4px solid #b8b8b8;
border-right: 0;
min-width: 500px;
}

.sitetblhead {
text-align: center;
font-weight: bold;
color: #FFFFFF;
background-color: #800505;
border-bottom: 4px solid #b8b8b8;
}

.portfolio-img {
float: left;
}

.borderright {
border-right: 4px solid #b8b8b8;
}

/* Links */

a:link, a:visited {
color: inherit;
text-decoration: none;
}

a:hover, a:active {
text-decoration: underline;
}

/* Classes */

.clear {
clear: both;
}

/* Layout divs */

#container {
width: 80%;
background-color: #b8b8b8;
margin: auto;
padding: 0;
}

	#banner {
	height: 160px;
	background: url('../images/red/banner-rep.png') repeat-x;
	border-left: 4px solid #b8b8b8;
	border-right: 4px solid #b8b8b8;
	border-bottom: 4px solid #b8b8b8;
	}
	
		#banner-left {
		width: 489px;
		float: left;
		}
				
		#skins {
		color: #FFFFFF;
		float: right;
		margin-top: 140px;
		}
	
	#nav {
	height: 40px;
	background: url('../images/red/nav-rep.png') repeat-x;
	border-left: 4px solid #b8b8b8;
	border-right: 4px solid #b8b8b8;
	border-bottom: 4px solid #b8b8b8;
	}
		#nav-links {
		width: 296px;
		margin: auto;
		}
		
			#home {
			width: 42px;
			float: left;
			}
			#portfolio {
			width: 63px;
			float: left;
			}
			#services {
			width: 60px;
			float: left;
			}
			#contact {
			width: 62px;
			float: left;
			}
			#client-login {
			width: 69px;
			float: left;
			}
			
	#content {
	background: #f4f4f4 url('../images/red/content-splat.png') no-repeat;
	background-position: 100% 100%;
	border-left: 4px solid #b8b8b8;
	border-right: 4px solid #b8b8b8;
	border-bottom: 4px solid #b8b8b8;
	}
	
		#bars {
		width: 100%;
		}
			
			#dropdown-left {
			color: #FFFFFF;
			text-align: center;
			float: left;
			background: #800505;
			border-right: 4px solid #b8b8b8;
			border-bottom: 4px solid #b8b8b8;
			}
			
			#dropdown-right {
			color: #FFFFFF;
			text-align: center;
			float: right;
			background: #800505;
			border-left: 4px solid #b8b8b8;
			border-bottom: 4px solid #b8b8b8;
			}
			
			#menu-left {
			background: #6e0404;
			border-right: 4px solid #b8b8b8;
			border-bottom: 4px solid #b8b8b8;
			}
			
			#menu-right {
			background: #6e0404;
			border-left: 4px solid #b8b8b8;
			border-bottom: 4px solid #b8b8b8;
			}
			
			#drops, #drops ul {
			padding: 0;
			margin: 0;
			list-style: none;
			}
			
			#drops a {
			display: block;
			width: 200px;
			}
			
			#drops li {
			float: left;
			width: 200px;
			}
			
			#drops li ul {
			position: absolute;
			width: 200px;
			left: -999em;
			}
			
			#drops li:hover ul {
			left: auto;
			}
			
			#drops li:hover ul, #drops li.sfhover ul {
			left: auto;
			}
				
	#copyright {
	height: 40px;
	background: url('../images/red/copy-rep.png') repeat-x;
	border-left: 4px solid #b8b8b8;
	border-right: 4px solid #b8b8b8;
	border-bottom: 4px solid #b8b8b8;
	}
	
		#copy-info {
		width: 178px;
		margin: auto;
		}