/* 
	CSS Author: Drew Bartlett
*/

body
{
	background: #ccc url(images/mainbg.png) repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0;
	padding: 5px 0 0 0;
}

#wrap
{
	margin: 0 auto;
	width: 950px;
}

#top
{
	background: transparent;
	height: 152px;
	text-align: left;
	width: 950px;
}

#nav
{ 
	background: transparent;
	border-bottom: solid #5d0000 1px;
	border-left: 0;
	height: auto;
	padding-top: 1px;
	width: 950px;
}

	#slidingDiv
	{
		background: #fff;
		border-bottom: solid #5d0000 1px; 
		border-top: solid transparent 1px; 
		display: none; 
		font-size: 14pt;
		height: auto; 
		padding: 0px 8px;
		width: 934px; 
	}
		#slidingDiv div.form
		{
			margin: 10px auto;
			width: 865px
		}
		
		#slidingDiv .textfield
		{
			font-size: 14pt;
			width: 270px;
		}
		/* ----- form button ----- */
		.formbutton
		{
			background: #9a0003;
			border: solid #5d0000 1px;
			color: #fff;
			font-size: 14pt;
			padding: 3px 8px;
			text-decoration: none;	
		}

		.formbutton:hover
		{
			background: #aa1a1d;
			border: solid #5d0000 1px;
			color: #fff;
			cursor: pointer;
			font-size: 14pt;
			padding: 3px 8px;
			text-decoration: none;
		}

		.formbutton:active
		{
			background: #bb1b1e;
			border: solid #5d0000 1px;
			color: #fff;
			cursor: pointer;
			font-size: 14pt;
			padding: 3px 8px;
			text-decoration: none;
		}
		

#content
{
	background: #fffdf5;
	padding: 25px;
	width: 900px;
}

.mainImg
{
	border: solid 1px #5d0000;
	height: 360px;
	margin: 0 auto 25px auto;
	width: 900px;
}

	#slideshow
	{
		background: #fff;	
	}


/* top and bottom caps -------------------*/
.fullCapTop
{
	background: transparent url(images/fullCapTop.png) no-repeat top;
	height: 35px;
	margin: 0 auto;
	width: 900px;	
}

	.fullCapTop h1
	{
		color: #fff;
		font-size: 20pt;
		margin: 0 0 0 20px;
		padding-top: 1px;
	}

.fullCapBot
{
	background: transparent url(images/fullCapBot.png) no-repeat center;
	height: 37px;
	margin: 0 auto;
	width: 900px;	
}

#full
{
	background: #ddd repeat-x top;
	border: solid 1px #5d0000;
	float: left;
	height: auto;
	margin: 0px auto;
	padding: 0px 10px 0px 10px;
	width: 878px;
}

	#full a, #full a:visited
	{
		color: #454545;	
		text-decoration: underline;
	}
	
	#full a:hover, #full a:active
	{
		color: #565656;	
		text-decoration: none;
	}
	
	#left
	{
		border-right: #5d0000 solid 1px;
		float: left;
		height: auto;
		padding-right: 5px;
		width: 580px;
	}
		
	#right
	{
		float: right;
		height: auto;
		padding-left: 10px;
		width: 280px;
	}
	
	#full h1
	{
		color: #5d0000;
		font-size: 12pt;
		margin: 0;
		text-decoration: underline;
	}
	
	#full p.service
	{
		padding-left: 40px;	
	}

	/*----------- remote support button ------------*/
		
		#right a#remote, #right a#remote:visited
		{
			background: transparent url(images/remoteSupport.png) center no-repeat;
			float: left;
			height: 70px;
			margin: 10px 0px 0px 0px;
			padding: 0;
			text-decoration: none;
			width: 280px;
		}
		
		#right a#remote:hover, #right a#remote:active
		{
			background: transparent url(images/remoteSupport_over.png) center no-repeat;
			float: left;
			height: 70px;
			margin: 10px 0px 0px 0px;
			padding: 0;
			text-decoration: none;
			width: 280px;
		}


	#full h2
	{
		background: #999 url(images/descriptionTop.png) repeat-x top;
		border: solid 1px #5d0000;
		color: #fff;
		font-size: 18pt;
		margin: 5px 0px 0px 0px;
		padding: 5px;
		width: 350px;
	}
	
	p.shop
	{
		margin-left: 40px;	
	}


#footer
{
	background: transparent url(images/footerbg.png) no-repeat center;
	color: #fff;
	height: 30px;
	padding: 10px;
	margin: 0 auto 25px auto;
	width: 930px;	
}

#bottom
{
	background: #c1b194;
	height: 100px;
	margin: 0 auto;
	width: 100%;

}
/*----------- portfolio page -------------*/
.sites
{
	background: #d8d8d8;	
	border: solid #acacac 1px;
	float: left;
	margin: 6px;
	padding: 5px;
	width: 260px;		
}

.sites:hover
{
	background: #c7c7c7;	
	border: solid #acacac 1px;
	float: left;
	margin: 6px;
	padding: 5px;
	width: 260px;		
}

	.sites a, .sites a:visited
	{
		color: #454545;	
		text-decoration: underline;
	}
	
	.sites a:hover, .sites a:active
	{
		color: #565656;	
		text-decoration: none;
	}
	
	.sites img
	{
		height: 182px;
		width: 260px;	
	}

.portCol
{
	background: #transparent;	
	margin: 5px auto;
	padding: 10px 5px 10px 10px;
	text-align: center;
	width: 893px;	
}


/*----------nav---------------*/
#nav ul
{
	border-right: solid #5d0000 1px;
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
}
/*-- for top navigation --*/
#nav ul li.normalNav
{
	float: left;
	list-style: none;
	margin: 0;
}

#nav ul li.normalNav a, #nav ul li.normalNav a:visited
{
	background: #5d0000 url(images/navbg.png) repeat-x center;
	border-left: solid #5d0000 1px;
	color: #fff;
	display: block;
	font-size: 10pt;
	font-weight: 600;
	padding: 9px 14px 10px 14px;
	text-decoration: none;
	text-transform: uppercase;
}

#nav ul li.normalNav a:hover, #nav ul li.normalNav a:active
{
	background: #9a0003 url(images/navbg_over.png) repeat-x center;
	border-left: solid #5d0000 1px;
	color: #fff;
	display: block;
	font-size: 10pt;
	font-weight: 600;
	padding: 9px 14px 10px 14px;
	text-decoration: underline;
	text-transform: uppercase;
}

#nav ul li.normalNav a.current
{
	background: #9a0003 url(images/navbg_over.png) repeat-x center;
	border-left: solid #5d0000 1px;
	color: #fff;
	display: block;
	font-size: 10pt;
	font-weight: 600;
	padding: 9px 14px 10px 14px;
	text-decoration: underline;
	text-transform: uppercase;
}

/*-- footer navigation --*/
#footer a, #footer a:visited, a, a:visited
{
	color: #fff;	
	text-decoration: underline;
}

#footer a:hover, #footer a:active, a:hover, a:active
{
	color: #bbb;	
	text-decoration: none;
}

/*---- common elements---*/
.clear
{
	clear: both;	
}

a img
{
	border: 0;	
}