/****
	These are the common page styles found throughout the site.
****/

a:link {
	color: #FFCC66;
}
a:visited {
	color: #CCCCCC;
}

body /** These are for the generic styles throughout the pages. **/
{
	background-color: #000000;
	padding: 0;
	margin: 0;
	color: #ffffff;
	text-align: center;
	font-family: Verdana, Tahoma, Arial, Sans-serif, serif;
	font-size: 100%;
}

img /** This is to make sure no images have borders arround them. **/
{
	border: 0;
}

#mainContainer /** This is the main body container that restricts the page width. **/
{
	width: 815px;
	margin: -20px auto 0px auto;
	padding: 0;
	text-align: left;
	background: #9d0000 url(../images/main_bg.gif) 0 0 repeat-y;
	position: relative;
}

#mainNav /** This is the unordered list for the main nav links at the top of the page. **/
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#mainNav li /** This is to set the height of the navigation links and set them next to each other. **/
{
	height: 23px;
	width: 163px;
	float: left;
}

#mainNav li a /** This sets the main nav links to be blocks and makes their text not show. **/
{
	display: block;
	height: 100%;
	width: 100%;
	text-indent: -1000em;
	background-position: 0 0;
}

#mainNav li.home /** This is for the home link. **/
{
	background: url(../images/home.gif) 0 -23px no-repeat;
}
#mainNav li.home a
{
	background: url(../images/home.gif) 0 0 no-repeat;
}
#mainNav li.home a:hover
{
	background: transparent;
}

#mainNav li.services /** This is for the services link. **/
{
	background: url(../images/services.gif) 0 -23px no-repeat;
}
#mainNav li.services a
{
	background: url(../images/services.gif) 0 0 no-repeat;
}
#mainNav li.services a:hover
{
	background: transparent;
}

#mainNav li.nehalem /** This is for the nehalem link. **/
{
	background: url(../images/nehalem.gif) 0 -23px no-repeat;
}
#mainNav li.nehalem a
{
	background: url(../images/nehalem.gif) 0 0 no-repeat;
}
#mainNav li.nehalem a:hover
{
	background: transparent;
}

#mainNav li.tillamook /** This is for the tillamook link. **/
{
	background: url(../images/tillamook.gif) 0 -23px no-repeat;
}
#mainNav li.tillamook a
{
	background: url(../images/tillamook.gif) 0 0 no-repeat;
}
#mainNav li.tillamook a:hover
{
	background: transparent;
}

#mainNav li.projects /** This is for the projects link. **/
{
	background: url(../images/projects.gif) 0 -23px no-repeat;
}
#mainNav li.projects a
{
	background: url(../images/projects.gif) 0 0 no-repeat;
}
#mainNav li.projects a:hover
{
	background: transparent;
}

#mainNav li.clients /** This is for the clients link. **/
{
	background: url(../images/clients.gif) 0 -23px no-repeat;
}
#mainNav li.clients a
{
	background: url(../images/clients.gif) 0 0 no-repeat;
}
#mainNav li.clients a:hover
{
	background: transparent;
}

#mainNav li.contact /** This is for the contact us link. **/
{
	background: url(../images/contact.gif) 0 -23px no-repeat;
}
#mainNav li.contact a
{
	background: url(../images/contact.gif) 0 0 no-repeat;
}
#mainNav li.contact a:hover
{
	background: transparent;
}

#mainNav li.residential /** This is for the residential link. **/
{
	background: url(../images/residential.gif) 0 -23px no-repeat;
}
#mainNav li.residential a
{
	background: url(../images/residential.gif) 0 0 no-repeat;
}
#mainNav li.residential a:hover
{
	background: transparent;
}

#mainNav li.commercial /** This is for the commercial link. **/
{
	background: url(../images/commercial.gif) 0 -23px no-repeat;
}
#mainNav li.commercial a
{
	background: url(../images/commercial.gif) 0 0 no-repeat;
}
#mainNav li.commercial a:hover
{
	background: transparent;
}

#mainNav li.industrial /** This is for the industrial link. **/
{
	background: url(../images/industrial.gif) 0 -23px no-repeat;
}
#mainNav li.industrial a
{
	background: url(../images/industrial.gif) 0 0 no-repeat;
}
#mainNav li.industrial a:hover
{
	background: transparent;
}

#mainNav li.security /** This is for the security link. **/
{
	background: url(../images/security.gif) 0 -23px no-repeat;
}
#mainNav li.security a
{
	background: url(../images/security.gif) 0 0 no-repeat;
}
#mainNav li.security a:hover
{
	background: transparent;
}

#mainNav li.smarthome /** This is for the smarthome link. **/
{
	background: url(../images/smarthome.gif) 0 -23px no-repeat;
}
#mainNav li.smarthome a
{
	background: url(../images/smarthome.gif) 0 0 no-repeat;
}
#mainNav li.smarthome a:hover
{
	background: transparent;
}

#mainNav li.maintenance /** This is for the maintenance link. **/
{
	background: url(../images/maintenance.gif) 0 -23px no-repeat;
}
#mainNav li.maintenance a
{
	background: url(../images/maintenance.gif) 0 0 no-repeat;
}
#mainNav li.maintenance a:hover
{
	background: transparent;
}

h1 /** This is the background for the main logo. **/
{
	background: url(../images/logoBG.gif) 0 0 repeat-x;
	clear: left;
	width: 100%;
	height: 62px;
	text-align: left;
}

h1 a /** This is the main logo. **/
{
	display: block;
	width: 500px;
	height: 62px;
	background: url(../images/logo.gif) 0 0 no-repeat;
	text-indent: -1000em;
	margin: 0;
	padding: 0;
}

.left-column /** This is for the left column of content. **/
{
	width: 173px;
	margin: 10px 5px 0px 5px;
	text-align: left;
	float: left;
}

.left-column h2 /** This is for the titles on the left column. **/
{
	width: 173px;
	margin: 0 0 4px 0;
	font-size: 1.2em;
	font-weight: normal;
}

.left-column p /** These are the paragraphs in the left column. **/
{
	text-align: center;
	font-size: .8em;
	font-weight: normal;
}

p /** These are for the regular paragraphs. **/
{
	text-align: left;
	font-size: .8em;
	font-weight: normal;
}

h2 /** These are the larger titles. **/
{
	margin: auto;
	font-size: 1.2em;
	font-weight: normal;
}

h3 /** These are the smaller titles. **/
{
	margin: auto;
	font-size: 1em;
	font-weight: bold;
}

.right-column /** This is the right column, the main content area. **/
{
	margin-left: 183px;
	width: 500px;
	padding: 5px;
}