﻿/* CSS layout */

body{
	background-color: #674304;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

a:link {
	font-weight:bold;
	color:white;
}
a:visited {
	font-weight:bold;
	color:white;
}
a:active {
	font-weight:bold;
	color:white;
}

a:hover {
	font-weight:bold;
	color:black;
}

ul li {
	list-style: square;
}

div#container
{
margin-left: auto;
margin-right: auto;
width: 781px;
text-align: left;
}

#masthead {
	height:227px;
	width:781px;
	}

#top_nav {
	height: 30px;
	width: 781px;
	font-weight: bold;
	color: white;
	padding-top: 10px;
}

#top_nav a{
	font-weight: bold;
	color: white;
	text-decoration:none;
}


#content {
	position: relative;
	width: 100%;
}

#left_col {
	width: 257px;
	height:277px;
	position:absolute;
	left: 0px;
	top: 0px;
	background-image:url('images/services_box.gif');
}

#middle_col {
	position:relative;
	float:left;
	margin-right: 0px;
	margin-left: 263px;
	margin-top:0px;
	background-image:url('images/about_box.gif');
	width: 257px;
	height:277px;
}

#right_col {
	position:absolute;
	right: 0px;
	top: 0px;
	background-image:url('images/portfolio_box.gif');
	width: 257px;
	height:277px;
}

#text_box_left {
	position:relative;
	background: transparent;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 10px;
	margin-top: 50px;
	font-size:12px;
}

#text_box_middle {
	background: transparent;
	position: relative;
	margin:50px 10px 10px 15px;
	font-size:12px;
}

#text_box_right {
	background: transparent;
	position: relative;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 10px;
	margin-top: 50px;
	font-size:12px;
}

#footer {
	width:800px;
	position:absolute;
	top:550px;
	color:#FEFCE3;
	font-size:12px;
	text-align:center;
}

#footer a {
	color:#FEFCE3;
	font-size:12px;
}

#sub_page_footer {
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	width:516px;
	color:#FEFCE3;
	font-size:12px;
}

#sub_page_footer a{
	color:#FEFCE3;
	font-size:12px;
	text-decoration:underline;
}
#footer_nav { //*sub_page only*//
	width:516px;
	position:relative;
	float:left;
	text-align:center;
}


h1 {
	font-size: 14px;
	font-weight: bold;
}

#sub_page_text {
	margin-top: 15px;
	margin-left: 15px;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-right: 30px;
}

#sub_page_text a {
	color:#DE820D;
}

#sub_page_right_text {
	margin-top:25px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
}

#services_page_content {
	margin-right: 265px;
	background-image:url('images/content_bg.gif')
}

#services_right_col {
	width: 257px;
	height:277px;
	position: absolute;
	right: 0px;
	top: 0px;
	background-image:url('images/blue_box.gif');
}

#about_page_content {
	margin-right: 265px;
	background-image:url('images/content_bg.gif')
}

#about_right_col {
	width: 257px;
	height: 277px;
	position: absolute;
	right: 0px;
	top: 0px;
	background-image: url('images/green_box.gif');
}

#portfolio_page_content {
	margin-right: 265px;
	background-image:url('images/content_bg.gif')
}

#portfolio_right_col {
	width: 257px;
	height: 277px;
	position: absolute;
	right: 0px;
	top: 0px;
	background-image: url('images/orange_box.gif');
}

#contact_page_content {
	margin-right: 265px;
	background-image:url('images/content_bg.gif')
}

#contact_right_col {
	width: 257px;
	height: 277px;
	position: absolute;
	right: 0px;
	top: 0px;
	background-image: url('images/blue_box.gif');
}

#testimonials_page_content {
	margin-right: 265px;
	background-image:url('images/content_bg.gif')
}

#testimonials_right_col {
	width: 257px;
	height: 277px;
	position: absolute;
	right: 0px;
	top: 0px;
	background-image: url('images/green_box.gif');
}

input.btn{
   color:#000;
   font-family:Arial, Helvetica, sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#88D4FB;
   border:1px solid;
   border-color:#674304;
  }

