/* zero off the defaults to get a clean starting point*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, formfield {  
margin: 0; 
padding: 0; 
border: 0; 
}

body {
	font-size: 100.01%;/* fix for IE scaling error at small font sizes*/
	text-align: center;/* centers the wrapper in IE 5.x*/
	font-family: Grorgia, Arial, Helvetica, sans-serif;
	color: #666;
	background: #FFF;
}

body.home {
	background-image: url(images/body_home.jpg);
	background-repeat: repeat-x;
}

body.company {
	background-image: url(images/body_company.jpg);
	background-repeat: repeat-x;
}

body.services {
	background-image: url(images/body_services.jpg);
	background-repeat: repeat-x;
}

body.process {
	background-image: url(images/body_process.jpg);
	background-repeat: repeat-x;
}

body.portfolio {
	background-image: url(images/body_portfolio.jpg);
	background-repeat: repeat-x;
}

body.contact {
	background-image: url(images/body_contact.jpg);
	background-repeat: repeat-x;
}
/***** Begin laying out the wrappers *****/

#wrapper {
	margin:0 auto; /*centers the wrapper in compliant browsers*/
	width: 775px;
	background: #fff;
	text-align: left;
	float: left;
}


#navigation {
	margin: 0 auto;
	width: 100%;
	height: 29px;
	background: #666;
	text-align: center;
	position: relative;
}


#content {
	width: 530px;
	background-image: url(images/content_bg.gif);
	background-repeat: repeat-y;
}


#content a{
	color: #666;
	text-decoration: underline;
	font-weight: bold;
}

#content a:visited {
	color: #999;
	text-decoration: none;
	font-weight: bold;
}

#content a:hover {
	color: #9D2C32;
	text-decoration: underline;
	font-weight: bold;
}

#contentend {
	width: 530px;
	height: 29px;
	background-image: url(images/contentbottom.gif);
	background-repeat: no-repeat;
}

#sidebar {
	float: right;
	display: inline;
	width: 230px;
	margin-top:35px;
	background:#fff;
	text-align: left;
}

.testimonial {
	width: 210px;
	height: 193px;
	background-image: url(images/testimonial_quotes.gif);
	background-repeat: no-repeat;
	padding: 10px;
	font-family: Georgia, Arial, helvetica, sans-serfi;
	font-style: italic;
	font-size: 0.9em;
	color: #999;
	text-align: left;

}

#sidebar p.signature {
	padding-top: 8px;
	font-family: Arial, helvetica, sans-serfi;
	font-style: normal;
	line-height: 95%;
	color: #666;
	text-align: right;
}


table.content {
	margin:10px 0 10px 50px;
	border: 1px solid #9D2C32;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	 color: #666;
	 text-align: left;
}


table.content td {
	padding: 5px;
}

 td.red {
	color: #9D2C32;
}


h1 {
	 font-family: Georgia, Arial, Verdana, Helvetica, sans-serif;
	 font-weight: normal;
	 font-size: 130%;
	 color: #9D2C32;
	 padding: 10px 10px 0 50px;
	 text-align: left;
}


h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	 font-size: 0.8em;
	 color: #666;
	 padding: 5px 0 0 50px;
	 text-align: left;
}


h3 {
	 font-family: Georgia, Arial, Verdana, Helvetica, sans-serif;
	 font-weight: normal;
	 font-size: 110%;
	 color: #9D2C32;
	 padding: 10px 5px 0 45px;
	 text-align: left;
}


#content p {
	font-family: Georgia, Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666;
	padding: 10px 25px 0 65px;
	text-align: left;
}


ul {
	font-family: Georgia, Arial, Verdana, Helvetica, sans-serif;
	color: #666;
	 padding: 5px 25px 3px 85px;
	 list-style: disc;
}


li {
	 font-size: 0.9em;
	 color: #666;
	 text-align: left;
}


.ImgDisplay {
	display: block;
}

/** try the swap class menu from Project Seven **/

#p7swapmenu {
	width: 230px;
}

/* Turns off Margin, Padding, and Bullets for the Menu List */
#p7swapmenu ul {margin: 0px; padding: 0px;}
#p7swapmenu li {margin: 0px; padding: 0px; list-style-type: none;}

/* Rules to copy if you use the WriteStyles Command */
.closed ul{display:none;}
.open ul{display:block;}

/* Link Styles for the Menu */
.closed a, .open a {
	background-repeat: no-repeat;
	background-position: 3px 50%;
	background-color: #FFF;
	color: #666;
	display: block;
	padding: 2px 0px 2px 16px;
	font-size: 1em;
	text-decoration: none;
}

/* Hover and Active styles for the menu */
.closed a:hover, .open a:hover, .closed a:active, .open a:active {
	background-color: #fff;
	color: #9D2C32;
}

/* Plus Sign for Trigger Links in Closed State */
.closed a {background-image: url(images/menplus.gif);}

/* Minus Sign for Trigger Links in Open State */
.open a {background-image: url(images/menminus.gif);}

/* Link Styles for the Submenus */
.closed ul a, .open ul a {
	background-color: transparent;
	background-image: url(images/pagemarker.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border: 0;
	color:#666;
	font-size: .9em;
	font-weight:normal;
	text-decoration: none;
	padding: 0 0 0 12px;
	margin: 0 0 0 16px;
}

.open ul a:hover {
	background-color: transparent;
	text-decoration: underline;
}


/* Optional ID to assign the <a> to highlight a "Current Page" link */
#p7current {font-weight: bold;}


#footer {
	clear: both;
	width: 530px;
	background: #fff;
	padding: 5px 0 10px 0;
	margin: 0 0 0 0;
}


#footer p {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	color:#666;
	text-align: center;
}


#footer a{
	color: #666;
	text-decoration: none;
	font-weight: normal;
}


#footer a:visited {
	color: #000;
	text-decoration: underline; 
}


#footer a:hover {
	color:#9D2C32;
	text-decoration: underline; 
}