body {
	background:#fff;
}


#header {
	background:transparent url(../images/header.gif) repeat-x;
}

.logo {
	margin:10px 0 7px 0;
}

.right {
	float:right;
}

.left {
	float:left;
}

/* Login form */
.login {
	
	text-align: center;
	margin:0 auto; 
	}

	.login a  {
		display:block;
		background:#333;
		padding:5px 0;
		
	}
	
	.login h1 {
		margin:18px 0 20px 0;
		font-weight: bold;
		font-size:2.1em;
		line-height:1em; 
		}

	.login form { 
		width: 500px;
		border-top:1px solid #999;
		padding:20px 0 0 0;
		text-align: center;
		margin:0 auto; 
		}

	.login div { 
		float:left;
		width:250px;
		position: relative; 
		}

	.login label {
		font-size:11px;
		font-weight:700;
		text-align: left;
		float:left;
		padding-bottom:2px;
		}

	.login input[type="text"], .login input[type="password"]  {
		font-family: Arial, sans-serif;
		color: #666;
		display:block;
		width:235px;
		height:23px;
		padding:6px 4px 0px 4px;
		font-size:1em;
		border:2px solid #999;
		}

	.login button {
		position:relative;
		display:block;
		float:right;
		width:auto;
		height:31px;
		padding:0 10px;
		margin:25px 10px 0 0; 
		border:1px solid #5381ac;
		font-size:12px;
		font-weight: bold;
		color:#fff;
		text-align:center;
		line-height:25px;
		vertical-align:middle;
		background:#999; 
		}

	.login button:hover {
		color:#fff;
		cursor: pointer;
		text-shadow: 0 1px 0 #000;
		border:1px solid #343434;
		background:#343434; 
		}

/* Menu */
.ddsmoothmenu{
font: bold 14px Arial;
width: 100%;
position:relative;
z-index:1000;
}

	.ddsmoothmenu ul{
	z-index:1000;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

	/*Top level list items*/
	.ddsmoothmenu ul li{
	position: relative;
	display: inline;
	float: left;
	}

	/*Top level menu link items style*/
	.ddsmoothmenu ul li a{
	display: block;
	color: #999;
	padding: 13px 10px;
	text-decoration: none;
	}

	* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	}

	.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
	color: #666;
	}

	.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	color: navy;
	}

	.ddsmoothmenu ul li a:hover{
	background: none; /*background of menu items during onmouseover (hover state)*/
	color:#333;
	}
		
	/*1st sub level menu*/
	.ddsmoothmenu ul li ul{
	background: #414141; /*background of menu items (default state)*/
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	z-index:1000;
	}

	.ddsmoothmenu ul li ul a{
		color:white !important;
	}
	
	.ddsmoothmenu ul li ul a:hover{
		color:#999 !important;
	}

	/*Sub level menu list items (undo style from Top level List Items)*/
	.ddsmoothmenu ul li ul li{
	display: list-item;
	float: none;
	z-index:1000;
	}

	/*All subsequent sub menu levels vertical offset after 1st level sub menu */
	.ddsmoothmenu ul li ul li ul{
	top: 0;
	}

	/* Sub level menu links style */
	.ddsmoothmenu ul li ul li a{
	font: normal 13px Ariel;
	color:white;
	width: 160px; /*width of sub menus*/
	padding: 5px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid gray;
	}

	/* Holly Hack for IE \*/
	* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


	/* ######### CSS classes applied to down and right arrow images  ######### */

	.downarrowclass{
	position: absolute;
	top: 10px;
	right: 5px;
	}

	.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 0px;
	}

	/* ######### CSS for shadow added to sub menus  ######### */

	.ddshadow{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: silver;
	}

	.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
	opacity: 0.8;
	}
	
	.ddsmoothmenu ul li a.active{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	color: navy;
	}

/* Banner */
#banner-blue {
	background:url(../images/banner-blue.jpg) repeat-x;
	padding:15px 0;
}

#banner-gray {
	background:url(../images/banner-gray.png) repeat-x;
	padding:15px 0;
}

#banner-red {
	background:url(../images/banner-red.png) repeat-x;
	padding:15px 0;
}

#banner-gold {
	background:url(../images/banner-gold.png) repeat-x;
	padding:15px 0;
}

#banner-green {
	background:url(../images/banner-green.png) repeat-x;
	padding:15px 0;
}

	h1.banner-head {
		color:#eaeaea;
		margin:0;
		margin-right:10px;
		padding:10px 0;
		text-align:right;
		text-transform:uppercase;
	}
	

/*slides*/
	#slides {
		position:relative;
		z-index:10;
	}
	
	.banner {
		height:220px;
		z-index:1;
	}
	
	.hidden {
		display:none;
	}
	
	.banner-txt {
		position:relative;
		margin-top:-210px;
		margin-left:580px;
		width:340px;
		text-align:left;
	}
	
	.banner-txt h2 {
		margin:0;
		color:navy;
	}
	
	.banner-txt p{
		color:#666;
		font-weight:200;
	}
	
	.banner-txt a.more{
		color:#666;
		font-weight:700;
		text-decoration:none;
		float:right;
	}
	
	.banner-txt a.more:hover{
		color:navy;
	}
	
	.banner-txt p span.big{
		color:#9e2e31;
		font-size:30px;
		font-weight:700;
	}
	
	
/* Content */
#content {
	padding:0;
	padding-top:15px;
}

	#content p {
		padding-right:20px;
		margin-bottom:10px;
		padding-bottom:10px;
	}
		
		#content p.intro {
			font-style:italic;
			font-weight:700;
		}
		
	#content h1 {
		color:#000;
	}
	
	#content h4 {
		color:#333;
	}

	#content a {
		text-decoration:none;
	}
	
	#content .divider {
		border-top:1px solid #ccc;
		margin:0 10px;
	}
	
	#content .box {
		background:#e4e4e4;
		margin-bottom:20px;
	}
		#content .box h2 {
			margin-bottom:5px;
			padding:0;
			padding:5px 0;
			text-align:center;
			font-weight:200;
			border-bottom:1px dashed #dadada;
		}
		
		#content .box img {
			float:left;
			margin:0 10px;
		}
		
		#content .box span.price-box {
			float:right;
			margin-bottom:0;
			margin-right:20px;
			display:block;
		}
		
		#content .box span.price {
			float:right;
			display:block;
			text-align:right;
			color:#9e2e31;
			font-size:18px;
			margin-top:-5px;
			margin-right:20px;
		}
				
		#content .box span.start a {
			padding:0;
			margin:0;
			background:url(../images/start-bg.jpg) repeat-x;
			line-height:16px;
			font-size:16px;
			text-align:center;
			color:#fff;
			text-decoration:none;
			display:block;
			margin-top:5px;
			padding:5px 0;
		}
		
		#content .box span.start a:hover {
			color:#eee;
		}
		
		#content .col h3 {
			margin:0;
			color:#000;
			font-weight:200;
		}
		
		#content img.left {
			float:left;
			margin:5px 10px 0 0;
			padding:3px;
			border:1px solid #ccc;
		}
		#content img.right {
			float:right;
			margin:5px 0 0 10px;
			padding:3px;
			border:1px solid #ccc;
		}
		
			/* expanding boxes */
			.feature_list {
				margin: 20px 0;
				padding: 0;
			}
			.feature_head {
				padding: 5px;
				cursor: pointer;
				position: relative;
				padding-left:25px;
				border-bottom:1px solid #dadada;
				margin:1px;
				color:#999;
				font-weight:700;
				background:url(../images/plus.png) no-repeat;
				background-position: 5px 6px;
			}
			
			.feature_head:hover {
				color:#333;
			}
			
			.feature_head img{
				padding-right:10px;
				vertical-align:middle;
				margin-bottom:3px;
			}
			
			.feature_body {
				padding: 5px 10px 15px;
				height:130px;
				border-bottom:1px solid #dadada;
			}
			
			#content .feature_body img {
				border:none;
			}
			
			#content .feature_body ul.feature {
				margin:0;
				margin:10px 30px;
				list-style:square;
			}
			
				/* product table */
				
				#content table {
					width:100%;
					margin: 0;
				}
				
				#content table tr th {
					background: #333 url(../images/thead.png) repeat-x;
					color:#eee;
					font-size:20px;
				}
				
				#content table tr.odd td{
					background:#dadada;
				}
								
				#content table tr td {
					text-align:center;
					padding:5px 0;
					background:#eee;					
				}
				
				#content table tr.price td {
					font-size:14px;
					color:navy;
					font-weight:700;
				}
				
				#content table tr.price td span{
					font-size:10px;
				}
				
				
				#content table tr td.first {
					font-weight:700;
					color:#000;
				}
				
				#content table tr.tfoot td {
					padding-top:10px;
				}
				
				#content table tr.tfoot td{
					padding-top:10px;
				}
				
				#content table tr.tfoot td a{
					color:#666;
					font-weight:700;
				}
				
				#content table tr.tfoot td a:hover{
					text-decoration:underline;
				}
				
			/* side bar */	
			#content .right_side h3 {
				margin-bottom:5px;
				padding:0;
			}
			
			#content ul.side_nav {
				margin-bottom:10px;
			}
			
			#content ul.side_nav li {
				border-bottom:1px solid #999;
			}
			
			#content ul.side_nav li:hover{
				color:#666;
			}
			
			#content ul.side_nav li:last-child{
				border-bottom:none;
			}
			
			#content ul.side_nav li a{
				color:#666;
				display:block;
				padding:5px;
			}
			
			#content ul.side_nav li a:hover{
				color:navy;
			}
			
			#content ul.side_nav li a.active{
				color:navy;
			}
				
				#content p.testimonial {
					margin-top:10px;
					background:#eee url(../images/quote.png) no-repeat;
					background-position:5px 10px;
					padding:10px 10px 20px 30px;
					color:#666;
					font-style:italic;
					border:1px solid #ccc;
				}

				#content p span.signature {
					display:block;
					font-weight:700;
					position:relative;
					left:80px;
				}
				
		/* portfolio */
		#content .portfolio {
		}
		
		#content .folio-img {
			margin-top:20px;
			background:url(../images/folio-img.png) repeat-x;			
			display:block;
		}
		
		#content .folio-img img {
			border:1px solid #999;
		}
		
		#content .portfolio h5 {
		margin:0;
		padding:0;
		}
		
		#content .portfolio p {
		margin:0;
		padding:0;
		font-size:11px;
		}
		
		#content .spacer {
			height:20px;
		}
						
/* footer */
#footer {
	background:url(../images/footer-bg.png);
	height:276px;
	margin-top:20px;
}
	
	#footer .foot-img {
		height:142px;
		margin-top:20px;
		background:url(../images/footer-img.png) no-repeat;
		
	}
	
	#footer  .partners {
		margin-top:-15px;
		background:url(../images/border.gif) repeat-x;
		padding-top:15px;
		height:60px;
		width:940px;
		text-align:center;
	}
	
	#footer  .partners a{
		color:#999;
		padding:10px;
		font-size:18px;
		font-weight:700;
		text-decoration:none;
	}
	
	#footer  .partners a:hover{
		color:#eee;
	}
	
	#footer .partners img {
		margin-left:20px;
	}
	
		#footer .links p {
			text-align:left;
			color:#ccc;
			padding-top:15px;
			margin-bottom:0;
		}
		
		#footer .links p a {
			text-align:left;
			color:#ccc;
			text-decoration:none;
		}
		
		#footer .links p a:hover {
			text-align:left;
			color:#999;
		}
		
		#footer .copy p {
			text-align:right;
			color:#ccc;
			padding-top:15px;
			margin-bottom:0;
		}
		
		#footer .copy p a {
			text-align:left;
			color:#ccc;
			text-decoration:none;
		}
		
		#footer .copy p a:hover {
			text-align:left;
			color:#999;
		}