html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END RESET STYLES */

textarea
{
	resize:none;
	height: 100px;
}

*
{
	margin: 0px;
	padding: 0px;
}

a
{
	color: #000;
}

a:hover
{
	color: #909090;
}

a:active
{
	color: #909090;
}

a.light
{
	text-decoration: none;
	color: #ccc;
}

a.light:hover
{
	color: #ccc;	
}

a.light:active
{
	color: #ccc;	
}

body
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:12px;
	background-color: #1F91C6;
}

p
{
	text-indent: 20px;
}

input
{
}

#divMain
{
	margin: 0 auto;
	margin-top: 40px;
	width: 800px;		
}

#divHeaderWrapper
{
	float: left;
	height: 120px;
	width: 800px;
	background: url(../images/Web-Design-Header-Right.jpg) no-repeat top right;
	background-color: #fff;	
        display: inline;	
}

#divHeader
{
	float: left;
	height: 120px;
	width: 800px;
	background: url(../images/Web-Design-Header-Left.jpg) no-repeat top left;	
        display: inline;	
}

#divContentWrapper
{
	float: left;
	margin-top: 10px;
	width: 800px;
	height: 290px;
	background: url(../images/Web-Design-Layer-Top-Left.jpg) no-repeat top left;
	background-color: #fff;			
        display: inline;
}

#divContent
{
	float: left;
	width: 800px;
	height: 290px;
	background: url(../images/Web-Design-Layer-Top-Right.jpg) no-repeat top right;	
        display: inline;
}

#divContentRight
{
	float: left;	
	width: 500px;
	height: 290px;
	background: url(../images/Web-Design-Layer-Bot-Right.jpg) no-repeat bottom right;
        display: inline;		
}

#divContentLeft
{
	float: left;
	width: 300px;
	height: 290px;
	background: url(../images/Web-Design-Layer-Bot-Left.jpg) no-repeat bottom left;
        display: inline;
		overflow: hidden;	
}

#divSubContentWrapper
{
	float: left;
	margin-top: 10px;
	width: 800px;
	height: 200px;
	background: url(../images/Web-Design-SubContent-Left2.jpg) no-repeat top left;		
        display: inline;		
}

#divSubContent
{
	float: left;
	width: 800px;
	height: 200px;
	background: url(../images/Web-Design-SubContent-Right.jpg) no-repeat top right;
        display: inline;
}

#divSubContentRight
{
	float: right;
	margin-right:10px;		
	width: 290px;
	height: 200px;
	background: url(../images/Web-Design-SubContent-Left.jpg) no-repeat top left;
	background-color: #C68A1F;
        display: inline;	
}

#divSubContentLeft
{
	float: left;
	margin-right:10px;
	margin-left:10px;	
	width: 480px;
	height: 200px;
	background: url(../images/Web-Design-SubContent-Righ2.jpg) no-repeat top right;
	background-color: #C6531F;
	color: #fff;
        display: inline;		
}

#divFooter
{
	float: left;
	width: 800px;
	margin-top: 5px;
	height: 45px;
	font-size: 10px;
	color: #ccc;	
}

#divHeader h1
{
	padding-top: 40px;
	padding-left: 20px;
	color: #C6531F; /*82cb39;*/
	font-size: 30px;		
}

#divHeader ul
{
	width: 600px;
	padding-top: 4px;
	padding-left: 20px;		
}

#divHeader li
{		
	display: inline;
}

#divHeader li a
{
	margin-left:2px;
	margin-right:2px;	
	float: left;
	height: 46px;
        display: inline;
}

#navigation a
{
		color: #1F91C6;
		width: 80px;
		text-decoration: none;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		line-height: 46px;
}

#navigation a:hover
{
		background: url(../images/Button_Blank_Over.jpg) no-repeat top left;
		color: #fff;	
}

#navigation a.selected
{
		background: url(../images/Button_Blank_Over.jpg) no-repeat top left;
		color: #fff;	
}

#divHeader li a.whyus
{
		width: 80px;
		background: url(../images/Button_WhyUs_Off.jpg) no-repeat top left;
}

#divHeader li a.whyus:hover
{
		background: url(../images/Button_WhyUs.jpg) no-repeat top left;
}

#divHeader li a.whyusselected
{
		width: 80px;
		background: url(../images/Button_WhyUs.jpg) no-repeat top left;
}

#divHeader li a.clients
{
		width: 60px;
		background: url(../images/Button_Clients_Off.jpg) no-repeat top left;
}

#divHeader li a.clients:hover
{
		background: url(../images/Button_Clients.jpg) no-repeat top left;
}

#divHeader li a.clientsselected
{
		width: 60px;
		background: url(../images/Button_Clients.jpg) no-repeat top left;
}

#divHeader li a.faqs
{
		width: 50px;
		background: url(../images/Button_FAQs_Off.jpg) no-repeat top left;
}

#divHeader li a.faqs:hover
{
		background: url(../images/Button_FAQs.jpg) no-repeat top left;
}

#divHeader li a.faqsselected
{
		width: 50px;
		background: url(../images/Button_FAQs.jpg) no-repeat top left;
}

#divHeader li a.contact
{
		width: 65px;
		background: url(../images/Button_Contact_Off.jpg) no-repeat top left;
}

#divHeader li a.contact:hover
{
		background: url(../images/Button_Contact.jpg) no-repeat top left;
}

#divHeader li a.contactselected
{
		width: 65px;
		background: url(../images/Button_Contact.jpg) no-repeat top left;
}

a.imgWebsiteDesignQuoteButton
{
		margin-left: 70px;
		margin-top: 18px;	
		float: left;
		width: 160px;
		height: 90px;
		background: url(../images/Website-Quote-Button.jpg) no-repeat top left;
		text-decoration: none;
		color: #fff;
        display: inline;
}

a.imgWebsiteDesignQuoteButton:hover
{
		color: #E0E0E0;
}

a.imgWebsiteDesignQuoteButton h3
{
		font-size: 20px;
		margin-right: 10px;
		margin-top: 15px;
		text-align: center;
}

a.imgWebsiteDesignButton
{
		margin-left: 50px;
		margin-top: 30px;	
		float: left;
		width: 200px;
		height: 160px;
		background: url(../images/Website-Design-Button.jpg) no-repeat top left;
		text-decoration: none;
		color: #1F91C6; /*c6531f;*/
        display: inline;
}

a.imgWebsiteDesignButton:hover
{
		text-decoration: none;
		color: #c68a1f;		
}

a.imgWebsiteDesignButton h3
{
		font-size: 20px;
		margin-top: 10px;
		text-align: center;
}

a.imgWebsiteDesignButton h4
{
		margin-left: 120px;
		margin-top: 15px;
}

#imgBuilding
{
	margin: 10px;
	width: 480px;
	height: 270px;
}

#imgMouse
{
	margin-top: 10px;
	width: 280px;
	/*height: 270px;*/
}

#actualContentBox
{
	margin: 10px;
	width: 280px;
	height: 270px;
	float: left;
	display: inline;
	overflow: hidden;
	/*height: 270px;*/
}

#actualContentBox h2
{
	color: #1F91C6;
	margin-top: 20px;
	margin-left: 20px;
	font-size: 20px;
}

#divContent strong
{
	color: #C6531F;
}

#divContent strong.alt
{
	color: #1F91C6;
}

#divContentLeft p
{
	text-align: justify;
	margin-left: 20px;
	margin-top: 10px;
}

#divContentRight p
{
	text-align: justify;
	margin-top: 10px;
}

#divSubContentLeft p
{
	text-align: justify;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
}

#commonLinks
{
	float: right;
	margin-bottom: 5px;
	color: #ccc;
	font-size: 10px;	
}

#commonLinks li
{
	float: left;
	list-style-type: none;
	padding-left: 5px;
	display: inline;
}

#siteMapLink
{
	color: #ccc;
	float: right;
	text-decoration: none;
}

#siteMapLink:hover
{
	color: #000;
	text-decoration: underline;
}

#footerLeft
{
	width: 400px;
	float: left;
}

#footerCenter
{
	width: 800px;
	float: left;
	text-align: center;
}

#footerRight
{
	width: 400px;
	float: right;
}