body {
	font-family: Arial, Helvetica, sans-serif;
	background: url('../images/design/bg.jpg') repeat-x;
	background-color: #203f6d;
	margin: 0 auto;
	font-size: 75%;
	line-height: 18pt;
	color: #000000;
}

p { font-size: 100%; }

a { text-decoration: none; color:#3264ab; }

h1 { font-size: 145%; color: #3264ab; }

.red { color: #aa1e23; }

.formbox { background-color: #f4f4f4; color: #aa1e23; border: 1px solid #e4e4e4; }

.formbutton { color: #ffffff; background-color: #3264ab; border: 1px solid #ffffff; padding: 2px; }

.pimage { border: 1px solid #cccccc; margin-top: 5px; margin-bottom: 5px;}

.clear-both { clear: both; }

#wrapper { width: 990px; height: auto; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 30px; }

#wrapper-top { width: 990px; height: 39px; background: url('../images/design/wrapper-top.gif') no-repeat; }

#wrapper-mid { width: 990px; height: auto; background: url('../images/design/wrapper-mid.gif') repeat-y; }

#wrapper-bottom { width: 970px; padding-left: 20px; height: 39px; background: url('../images/design/wrapper-bottom.gif') no-repeat; }

#container { width: 941px; height: auto; overflow: auto; margin-top: -5px; margin-bottom: -15px; margin-left: auto; margin-right: auto; }

#top { width: 941px; height: 143px; margin-top: 20px;}

#left { width: 203px; height: auto; float: left; }

.right { width: 712px; height: auto; float: right; }

#logo { width: 204px; height: 74px; margin-top: 34px; float: left;}

#banner { width: 712px; height: 143px; float: right;}

h3#call-us { color: #3264ab; font-size: 15px; }
h3#call-us span { color: #aa1e23; font-size: 22px; }

#menu { background: url("../images/design/menu-bg.gif"); width: 203px; height: auto; }

#menu-top { background: url("../images/design/menu-top.gif"); width: 203px; height: 18px; }

#menu-bottom { background: url("../images/design/menu-bottom.gif"); width: 203px; height: 18px; }

#menu a {
	color: #ffffff;
	font-size: 140%;
	font-weight: bold;
	padding: 5px 20px 5px 0;
	text-decoration: none;
	text-transform: lowercase;
	display: block;
	width: 180px;
}

#menu a:hover { background-color: #aa1e23; }

#menu ul { padding: 0; margin: 0; text-align: right; }

#menu li {
	list-style-type: none;
	display: block;
	background-position: bottom;
	background: url("../images/design/menu-divider.gif") no-repeat;
}

#logos {
	background: url("../images/design/side-top.gif") no-repeat;
	width: 203px;
	height: auto;
	text-align: center;
	padding-top: 10px;
	margin-top: 15px;
}

#content-wide {
	width: 712px;
	height: auto;
	margin-top: 10px;
}

#content-left {
	width: 350px;
	height: auto;
	border-right: 1px dotted #b2b2b2;
	padding-right: 10px;
	margin-top: 30px;
	float: left;
}

#content-right {
	width: 335px;
	height: auto;
	margin-top: 30px;
	float: right;
}

#project-header { background: url("../images/design/project-header.gif"); width: 333px; height: 16px; }
#projects { background: url("../images/design/project-bg.gif") repeat-x; width: 333px; height: auto; display: table; }
#project-image { background: url("../images/design/project-image.gif") no-repeat; margin-top: 2px; padding: 5px; margin-left: auto; margin-right: auto; width: 282px; height: 78px; } 
#project-nav-cntr { width: 255px; margin-left: auto; margin-right: auto; margin-top: 3px; }
.project-nav { background: url("../images/design/prev-next.gif") no-repeat; width: 51px; height: 26px; padding-left: 15px; color: #3264ab; float: left;}
#projects a:hover { font-weight: bold;}
#view-project { background: url("../images/design/view-project.gif") no-repeat; margin-left: 2px; width: 94px; height: 26px; padding-left: 25px; color: #aa1e23; float: left;}
#view-project a { color: #aa1e23;}
#view-project a:hover { font-weight: bold; color: #aa1e23;}
#projects h2 { margin: 5px 10px 0px 10px; color: #3264ab; font-size: 105%; }
#projects p { margin: 5px 10px 0px 10px; color: #3264ab; }

#services {
	width: 317px;
	height: auto;
	float: right;
	margin-top: 15px;
	margin-right: 10px;
}


#portfolio-left { width: 200px; text-align: right; float: left; margin-right: 2px; border-right: 2px solid #e2e2e2; }
#portfolio-right { width: 495px; margin-left: 10px; float: left;}
#portfolio-header{ background: url("../images/design/portfolio-header.gif"); width: 493px; height: 15px; }
#portfolio-bg { background: url("../images/design/portfolio-bg.gif"); padding: 0 3px 0 3px; width: 487px; height: auto; }
#portfolio-footer{ background: url("../images/design/portfolio-footer.gif"); width: 493px; height: 15px; }
#portfolio-desc { background: url("../images/design/pb-bg.gif") repeat-x;  width: 482px; height: auto; padding: 2px; border-top: 1px dashed #ccc;}

.p-item { background: url("../images/design/pb-bg.gif") repeat-x; padding-right: 10px; color: #3264ab; display: block; }

.p-item a:hover { background-color: #aa1e23; color: #ffffff; padding: 2px 10px 2px 10px; }




#footer { width: 712px; height: 115px; background: url("../images/design/footer-bg.gif"); } 
#footer-left { width: 21px; height: 115px; background: url("../images/design/footer-left.gif"); float: left; } 
#footer-right { width: 21px; height: 115px; background: url("../images/design/footer-right.gif"); float: left; } 
#footer-text { width: 670px; height: 100px; margin-top: 15px; float: left; color: #aa1e23; }
#footer ul { margin: 0; padding: 0;}
#footer li { display: inline; padding: 0 10px 0 10px; border-right: 1px solid #3264ab; list-style-type: none; }
#footer a { color: #3264ab; text-decoration: none; }
#footer a:hover { color: #aa1e23; text-decoration: none; }
