/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
body {
	background-color: #d6e2ef;
	color: #000000;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1em;
	line-height: 130%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}
h1 {
	color: #e49f44;
	font-size: 140%;
	font-style: normal;
	font-weight: bold;
	line-height: 110%;
}
h2 {
	color: #e49f44;
}
h3 {
  color: #d85f0e;
  font-size: 12px;
  font-weight: bold;
}
a,  a:link {
	color: #404040;
	text-decoration: underline;
}
#header #top_minornavs a:link {
	color: #808184;
	text-decoration: underline;
}

a:visited {
	color: #404040;
	text-decoration: underline;
}
a:hover {
	color: #e49f44;
	text-decoration: none;

}
#contentWrapper #content h2 {
	font-size: 120%;
	line-height: 120%;
	font-weight: bold;
	color: #E49F44;
	text-transform: none;
	margin-bottom: -10px;
}
#contentWrapper #rightColumn1 p {
	font-size: 0.75em;
	line-height: 120%;
	margin-right: 15px;
	margin-left: 15px;
}
#footer p {
	font-size: 0.65em;
	line-height: 120%;
}
#outerWrapper {
	background-image: url(../images/outer_wrapper_background.jpg);
	background-repeat: repeat-y;
	margin: 0px auto 0px auto;
	text-align: left;
	width: 1016px;
}
#outerWrapper #header {
	background-image: url(../images/logo_head.jpg);
	background-repeat: no-repeat;
	font-size: 18px;
	height: 85px;
	line-height: 15px;
	margin-left: 8px;
	margin-right: 8px;
	position: relative;
}
#outerWrapper #topNavigation {
	margin-left: 8px;
	margin-right: 8px;
	border-top: 1px solid #808184;
	border-bottom: 1px solid #808184;
}
#outerWrapper #contentWrapper {
	background-image: url(../images/content_wrapper_background.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 1%;
	min-height: 0;
	padding-bottom: 40px;
	padding-left: 0px;
	padding-top: 20px;
}
#outerWrapper #contentWrapper #rightColumn1 {
  float: right;
  padding: 15px 15px 15px 15px;
  width: 300px;
}
#outerWrapper #contentWrapper #content {
  margin: 0 345px 0 0;
  padding: 5px 30px 10px 30px;
}
#outerWrapper #contentWrapper .clearFloat {
  clear: right;
  display: block;
}
#outerWrapper #footer {
	background-image: url(../images/footer_background.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding: 5px 0px 35px 20px;
	text-align: left;
	height: 15px;
}
#outerWrapper #hp_masthead {
	height: 180px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#rightColumn1 #rhs_box {
	background-image: url(../images/rhs_box_middle.gif);
	background-repeat: repeat-y;
	width: 294px;
}

#contentWrapper #content p {
	font-size: 0.9em;
	line-height: 130%;
	font-weight: normal;
}
#rightColumn1 #rhs_box h2 {
	background-image: url(../images/rhs_box_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.9em;
	margin-bottom: -10px;
	letter-spacing: 2px;
	color: #e49f44;
}
#rightColumn1 #rhs_box hr {
	margin-right: 15px;
	margin-bottom: -5px;
	margin-left: 15px;
}
#rightColumn1 #rhs_box #rhsbox_bottom {
	background-image: url(../images/rhs_box_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 60px;
	margin-top: -20px;
}
#content ul {
	font-size: 0.9em;
	line-height: 130%;
	padding: 0px;
	list-style-type: none;
	list-style-image: url(../images/bullets.gif);
	margin-top: 15px;
	margin-right: 0px;
	margin-left: 0px;
}
#content li {
	margin-bottom: 5px;
	margin-left: 50px;
}
#content ol {
	font-size: 0.9em;
	line-height: 130%;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-left: 0px;
}
#rhs_box ul {
	font-size: .75em;
	line-height: 130%;
	margin: 15px 0px 0px;
	padding: 0px;
	list-style-image: url(../images/rhs_bullets.gif);
}
#rhs_box li {
	margin-left: 35px;
	margin-bottom: 3px;
}

#outerWrapper #header #top_minornavs {
	position: absolute;
	width: 250px;
	height: 65px;
	right: 20px;
	top: 25px;
	visibility: visible;
	text-align: right;
}
#header #top_minornavs a:visited {
	color: #808184;
	text-decoration: underline;
}
#header #top_minornavs a:hover {
	color: #e49f44;
	text-decoration: none;
}
#header #top_minornavs a:active {
	color: #808184;
	text-decoration: underline;
}
#header #top_minornavs p {
	font-size: 0.65em;
	line-height: 130%;
	color: #808184;
	margin: 0px 0px 3px;
	padding: 0px;
}
#header #nav_bar_search {
	font-size: 0.85em;
	line-height: 130%;
	text-align: left;
	height: 34px;
	width: 200px;
	position: absolute;
	visibility: visible;
	top: 93px;
	left: 785px;
}
#header #nav_bar_search #navBarSrch {
	font-size: .75em;
	line-height: 110%;
}
#header #nav_bar_search #navBarSrch #textfield {
	height: 12px;
	width: 130px;
	background-color: #FFFFFF;
	font-size: .8em;
	line-height: 110%;
}
#header #nav_bar_search #navBarSrch #button {
	font-size: 0.8em;
	line-height: 110%;
	padding: 1px 2px;
}
#footer .footerboxes {
	font-size: 0.75em;
	line-height: 130%;
	float: left;
	width: 49%;
	color: #000000;
	font-weight: normal;
}
.imageleft {
	float: left;
	padding-right: 10px;
	padding-bottom: 5px;
}
.imageRight {
	float: right;
	padding-bottom: 5px;
	padding-left: 10px;
}
#rightColumn1 #rhs_box h3 {
	font-size: .9em;
	line-height: 130%;
	text-transform: uppercase;
	color: #e49f44;
	letter-spacing: 2px;
	margin-bottom: -10px;
	padding-right: 15px;
	padding-left: 15px;
}
#rightColumn1 #rhs_box #quickContactForm fieldset {
	margin: 1em 0px;
	padding: 1em;
	border: 1px solid #404040;
}

#rightColumn1 #rhs_box #quickContactForm legend {
	font-size: 0.8em;
	font-weight: bold;
	color: #e49f44;
}
#rightColumn1 #rhs_box #quickContactForm label {
	float: left;
	width: 5em;
	font-size: .8em;
	font-weight: bold;
	margin-right: 5px;
}
#rightColumn1 #rhs_box #quickContactForm input {
	width: 125px;
	font-size: .8em;
}
.textarea {
	height: 75px;
	width: 115px;
	font-size: 0.9em;
}
#rightColumn1 #rhs_box #quickContactForm p {
	margin: 0px;
	padding: 5px;
}
#rightColumn1 #rhs_box #quickContactForm {
	width: 250px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -15px;
}
#rightColumn1 #rhs_box #quickContactForm input.btn {
	font-size: 0.8em;
	width: 85px;
}
#outerWrapper #header .shim {
	margin-top: 0px;
	margin-left: 80px;
}
#content  #content_columns {
	float: left;
	width: 45%;
}
.clearDIV {
	clear: both;
}
#content #content_columns h3 {
	font-size: 0.9em;
	line-height: 130%;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: -10px;
	color: #e49f44;
}
#content .datatable {
	border: 1px solid #808184;
	border-collapse:collapse;
}
#content .datatable th {
	font-weight: bold;
	background-color: #e1e1e1;
	text-align: left;
	padding: 5px;
	border: 1px solid #808184;
	font-size: 0.75em;
}
#content .datatable caption {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
	color: #e49f44;
	padding-top: 3px;
	padding-bottom: 2px;
}
#content .datatable td {
	text-align: right;
	padding: 5px;
	border: 1px solid #808184;
	font-size: 0.75em;
}
#content  .datatable  tr.altrow  {
	background-color: #e1e1e1;
	color: #000000;
}
#content #right_hand_col {
	float: left;
	width: 50%;
	padding-left: 20px;
}
#content #right_hand_col h3 {
	font-size: .9em;
	line-height: 130%;
	font-weight: bold;
	color: #e49f44;
	padding-top: 0px;
	padding-bottom: -10px;
}
.clearPortfolio {
	clear: both;
}
#content .portfolio {
	border-bottom: 1px solid #808184;
	padding-top: 20px;
	display: inline-block;
}
#content .portfolio img {
	float: left;
	margin-right: 10px;
	padding-bottom: 20px;
}
#content .portfolio p {
	margin-left: 250px;
}
#content #formContainer {
	width: 75%;
	border: 1px dotted #e49f44;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
	font-size: 85%;
	line-height: 120%;
}
#formContainer .webdesignRFQ p {
	margin: 0px;
	padding: 5px 0px 0px 5px;
	clear: left;
}
#formContainer .required {
	font-style: italic;
	font-weight: bold;
	color: #e49f44;
}
#formContainer .webdesignRFQ legend {
	font-weight: bold;
	color: #e49f44;
}
#formContainer .webdesignRFQ fieldset {
	border: 1px solid #808184;
	padding: 10px;
	margin-bottom: 10px;
}
#formContainer .webdesignRFQ p label {
	float: left;
	width: 14em;
	text-align: right;
	margin-right: .5em;
}
#formContainer  label.radio {
	width: 10em;
	float: left;
}

#formContainer .webdesignRFQ .textbox {
	width: 225px;
	font-size: 100%;
}
#formContainer .webdesignRFQ .textarea {
	width: 225px;
	height: 110px;
	font-size: 100%;
}
#formContainer .webdesignRFQ input.radio {
	margin-right: 0.35em;
	clear: left;
	width: 1em;
}
#formContainer .webdesignRFQ .dropdowns {
	width: 225px;
}
#formContainer .webdesignRFQ .button {
	font-weight: bold;
	margin-top: 10px;
	font-size: 0.85em;
	margin-right: 50px;
	margin-left: 150px;
}
