* {
	padding: 0;
	margin: 0;
}
a { outline: none; }
html, body {
	height: 100%;
}
body {
	font-family: Arial, Helvetica, swis721 bt, sans-serif;
	font-size: 80%;
	text-align: center;
	background: url(../img/header_wrap_bg.png) #FFF repeat-x top left;
}
img { border: none; }
a:link, a:visited {
	color: #5E7C03;
}
a:hover, a:active {
	color: #000;
	background-color: #99CC00;
}
p { margin-bottom: 15px; line-height: 1.3; }
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -68px; /* the bottom margin is the negative value of the footer's height */
	width: 840px;
	text-align: left;
}
/** headings */
h1, h2, h4, h5 { 
	color: #0c1115;
	margin-bottom: 12px;
}
h3 {
	color: #739900;
	font-size: 90%;
	margin: 15px 0 10px 0;
	font-variant: small-caps;
	letter-spacing: 1.8px;
	font-weight: 600;
}
span.color2 {
	color: #314656;
}
span.color3 {
	color: #1F2B35;
}
h1 {
	font-size: 150%;
	height: 30px;
	letter-spacing: 1px;
}
h1.mainTitle { margin: 0; }
h2.mainSubTitle { margin-top: 0; }
h2 {
	margin-top: 10px;
	font-size: 115%;
	color: #739900;
}
/** header */
#header {
	height: 117px;
	width: 840px;
	padding-left: 12px;
}
#header p {
	margin: 0 0 0 600px;
}
span.callUs {
	color: #495b14;
	font-style: italic;
	font-weight: bold;
	font-size: 110%;
}
span.eightHundred {
	color: #ccff33;
	font-style: italic;
	font-weight: bold;
	font-size: 150%;
}
/** navigation */
#navigation {
	height: 38px;
	width: 840px;
	background: url(../img/nav_bg.png) repeat-x;
}
#navigation ul {
	list-style-type: none;
}
#navigation ul li {
	display: inline;
}
#navigation ul li a:link, #navigation ul li a:visited {
	text-decoration: none;
	padding-right: 1.1em;
	color: #fff;
	line-height: 1.98;
}
#navigation ul li a:hover, #navigation ul li a:active {
	text-decoration: underline;
	background-color: transparent;
	color: #99cc00;
}
#navigation ul li a.active {
	text-decoration: underline;
	color: #99cc00;
}
#contentWrap {
	margin-top: 30px;
}
/** subMainContent */
#subMainContent {
	float: left;
	width: 585px;
	min-height: 200px;
}
#subMainContent p {
	padding-right: 20px;
}
#subMainContent ul {
	list-style-type: none;
	margin: 10px 0px;
}
/** mainContent */
#mainContent {
	float: left;
	width: 335px;
	min-height: 200px;
}
#mainContent p {
	padding-right: 20px;
}
/** unordered list **/
ul.unordered {
	list-style-type: none;
	margin-top: 10px;
	margin-bottom: 25px;
	padding-bottom: 20px; 
}
ul.unordered li {
	height: 18px;
	background: url(../img/star_list.png) 0 0 no-repeat;
	padding-left: 2.3em;
	margin-left: 30px;
}
ul.unordered li:hover {
	background-position: 0 -20px;
}
/** newsContent */
#newsContent {
	float: left;
	width: 245px;
	margin-left: 13px;
}
#newsArea {
	background: url(../img/news_bg_main.png) repeat-y;
}
#newsArea h1 {
	background: url(../img/news_bg_top.png) no-repeat left top;
	padding-top: 20px;
}
#newsArea .last {
	background: url(../img/news_bg_bottom.png) no-repeat left bottom;
	padding-bottom: 20px;
}
#newsArea .last span {
	display: block;
}
#recentWork {
	margin-top: 20px;
}
span.feedItem {
	margin-bottom: 10px;
	font-size: 130%;

}
.feedItem a:link, .feedItem a:visited {
	color: #1F2B35;
	text-decoration: none;
}
.feedItem a:hover, .feedItem a:active {
	color: #314656;
	background-color: transparent;
	text-decoration: underline;
}
span.date {
	font-weight: bold;
}
#newsContent h1, #newsContent .last {
	padding-left: 35px;
	padding-right: 35px;
}
/** contactContent */
#sidebarOuter {
	width: 235px;
	float: right;
	background: url(../img/sidebar_bg.gif) no-repeat left center;
}
#sidebarInner {
	margin: 10px 0px;
	padding-left: 40px;
}
#sidebarInner div.section {
	margin-bottom: 20px;
}
#availableByEmail {
	font-weight: bold;
	font-style: italic;
	margin-top: 10px;
}
#sidebarInner a:hover, #sidebarInner a:active {
	background-color: #9BBBFC;
}
/** image formatting */
img.mainLogo {
	position: relative;
	right: 80px;
	float: left;
}
img.footerImg {
	position: relative;
	float: right;
}
#search {
	float: right;
	background: url(../img/search_bg.png) no-repeat left top;
	width: 268px;
	height: 47px;
	padding: 10px 0px 5px 10px;
}
#searchResults hr {
	margin: 20px 0px;
	width: 90%;	
}
.searchHighlight {
	background: yellow;
}
/** footer */
.push {
	clear: both;
}
#footer, .push {
	height: 68px; /* .push must be the same height as .footer */
}
#footer {
	width: 840px;
	margin: 0pt auto;
	background: url(../img/footerImg.png) right bottom no-repeat;
}
#footer .copyright {
	margin-top: 23px;
	text-align: left;
	float: left;
	color: #99cc00;
	font-size: 90%;
}
#footer .copyright a:link, #footer .copyright a:visited { color: #CCFF33; }
#footer .copyright a:hover, #footer .copyright a:active { color: #99cc00; background-color: transparent; }
#footerWrap {
	width: 100%;
	background: url(../img/footer_bg.png) repeat-x scroll 0%;
}
/** forms */
label {
	display: block;
	font-size: 110%;
	padding-right: 20px;
}
input, textarea {
	clear: both;
}
select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
#search input {
	margin-left: 10px
}
input[type=text], input[type=password], textarea, select {
	border: 1px #B3B3B3 solid;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, 
input[type=text]:hover, input[type=password]:hover, textarea:hover,
input[type=text]:active, input[type=password]:active, textarea:active,
select:focus, select:active, select:hover {
	border: 1px #999 solid;
	background-color: #E8E8E8;
}
input.searchBox {
    padding-left: 25px;
    background: #FFF url(../img/icon_search.gif) no-repeat left center;
}
input.password {
	padding: 3px 0px 3px 25px;
	background: #FFF url(../img/icon_password.gif) no-repeat left center;
}
input.email {
	padding: 3px 0px 3px 25px;
	background: #FFF url(../img/icon_email.gif) no-repeat left center;
}
div.submit {
	margin-top: 10px;
}
#contactContent input {
	margin-bottom: 10px;
}
/* Notices and Errors */
div.message {
	clear: both;
	color: #333;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 20px;
	border: 1px solid #333;
	padding: 10px 17px 10px 10px;
	background: url(../img/information.gif) #E5FF9B no-repeat right top;
}
div.error-message {
	clear: both;
	color: #333;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 20px;
	font-size: 85%;
	border: 1px solid #333;
	padding: 10px 17px 10px 10px;
	background: url(../img/exclamation.gif) #E5FF9B no-repeat right top;
}
div.error em {
	font-size: 140%;
	color: #003d4c;
}
span.notice {
	background-color: #c6c65b;
	color: #fff;
	display: block;
	font-size: 140%;
	padding: 0.5em;
	margin: 1em 0;
}
/** paging */
/* Paging */
div.paging {
    color: #000;
    margin-bottom: 2em;
	margin-top: 1em;
}
div.paging div.disabled {
    color: #7F7F7F;
    display: inline;
}
/* data Tables */
table {
    background-color: #fff;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    clear: both;
    color: #000;
    margin-bottom: 10px;
    width: 100%;
}
th {
    background-color: #0C1115;
    border-right: 1px solid #000;
    text-align: center;
    color: #99CC00;
}

th a:link, th a:visited {
    color: #99CC00;
    display: block;
    padding: 3px 4px;
    text-decoration: underline;
}
th a:hover, th a:active {
    color: #FFF;
    text-decoration: none;
}
table tr td {
    background: #fff;
    border-right: 1px solid #333;
    padding: 5px;
    text-align: left;
    vertical-align: top;
}
table tr td a:link, table tr td a:visited {
    color: #130f0e;
    text-decoration: none;
}
table tr td a:hover, table tr td a:active {
    color: #640000;
    text-decoration: underline;
}
table tr.altrow td {
    background: #f4f4f4;
}
td.actions {
    text-align: center;
    white-space: nowrap;
}
td.actions a {
    display: inline;
    margin: 0px 6px;
}
.cakeSqlLog table {
    background: #f4f4f4;
}
.cakeSqlLog td {
    padding: 4px 8px;
    text-align: left;
}
/** fieldset and legends */
fieldset {
	padding: 15px;
	width: 80%;
}
legend {
	font-style: italic;
	font-weight: bold;
	padding: 0 5px;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.roleImage {
	float: right;
	padding-top: 9%;
	padding-left: 20px;
}
.ourPics {
	float: left;
	margin-bottom: 10px;
}
.clearMe {
	clear: both;
}
#recentWork h1.workArea {
	padding-left: 7px;
}
ul.workDesc {
	position: relative;
	top: -15px;
	list-style-type: none;
	margin-left: 7px;
}
ul.workDesc li span {
	color: #314656;
	font-weight: bold;
}
.workPics {
	margin: 15px 0px 0px 7px;
}
.portfolio {
	padding: 15px 0px;
	margin-top: 26px;
	margin-right: 20px;
	font-weight: bold;
	color: #333;
	background: #FFF url(../img/portfolio_divider.gif) no-repeat bottom left;
}
.portLeft {
	float: left;
}
.portRight {
	float: right;
	width: 235px;
}
.portfolio ul {
	list-style-type: none;
	line-height: 1.5;
}
.portfolio h2 {
	letter-spacing: 1px;
}
.portfolio img {
	float: left;
	padding-right: 33px;
}
a.port-joysautism {
	display: block;
	float: left;
	width: 270px;
	height: 160px;
	margin-right: 33px;
	background: url(../img/portfolio-joysautismblog.png) 0 0 no-repeat;
	text-decoration: none;
}
a.port-joysautism:hover {
	background-position: -271px 0;
}

a.port-dmillerlaw {
	display: block;
	float: left;
	width: 270px;
	height: 160px;
	margin-right: 33px;
	background: url(../img/portfolio-dmillerlaw.png) 0 0 no-repeat;
	text-decoration: none;
}
a.port-dmillerlaw:hover {
	background-position: -271px 0;
}
a.port-bsatroop {
	display: block;
	float: left;
	width: 270px;
	height: 160px;
	margin-right: 33px;
	background: url(../img/portfolio-bsatroop.png) 0 0 no-repeat;
	text-decoration: none;
}
a.port-bsatroop:hover {
	background-position: -271px 0;
}
a.port-homebase {
	display: block;
	float: left;
	width: 270px;
	height: 160px;
	margin-right: 33px;
	background: url(../img/portfolio-homebase.png) 0 0 no-repeat;
	text-decoration: none;
}
a.port-homebase:hover {
	background-position: -271px 0;
}
a.port-bigfilesend {
	display: block;
	float: left;
	width: 270px;
	height: 160px;
	margin-right: 33px;
	background: url(../img/portfolio-bigfilesend.png) 0 0 no-repeat;
	text-decoration: none;
}
a.port-bigfilesend:hover {
	background-position: -271px 0;
}
a.backUpTop {
	display: block;
	float: right;
	width: 92px;
	height: 20px;
	background: url(../img/back_up.gif) 0 0 no-repeat;
	margin: 30px 0 10px;
}
a.backUpTop:hover {
	background-position: 0 -34px;
}
a.requestProposal {
	display: block;
	margin-top: 35px;
	width: 149px;
	height: 21px;
	background: transparent url(../img/request_proposal.gif) 0 0 no-repeat;
}
a.requestProposal:hover {
	background: transparent url(../img/request_proposal.gif) 0 -24px no-repeat;
}
/** proposal form */
.formColumnA {
	float: left;
	width: 285px;
}
.formColumnB {
	float: right;
	width: 265px;
}
#proposalForm label {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 100%;
}
#proposalForm textarea {
	width: 250px;
	height: 100px;
}
#proposalForm input.checkbox {
	width: 10px;
	display: inline;
	float: left;
	padding: 0px;
	margin: 0px 10px 0px 0px;
}
#proposalForm label.checkboxLabel {
	font-weight: normal;
}
#proposalForm input, #proposalForm select {
	margin-bottom: 10px;
	margin-top: 3px;
	padding: 2px;
	width: 250px;
	font-size: 100%;
}
#proposalForm select.time {
	display: inline;
	padding: 0;
	margin: 0;
	width: 70px;
}
#proposalForm select.meridian {
	margin-left: 10px;
}
#proposalForm label.timeLabel { 
	display: inline;
	line-height: 30px;
}
input.submitButton {
	display: block;
	color: #FFF;
	padding-bottom: 9px;
	border: none;
	width: 57px;
	height: 29px;
	background: url(../img/submit_button.gif) 0 0 no-repeat;
}
input.submitButton:hover {
	background-position: 0 -35px;
	color: #000;
}
#proposalForm input.submitButton {
	display: block;
	margin-top: 30px;
	color: #FFF;
	padding-bottom: 9px;
	border: none;
	width: 57px;
	height: 29px;
	background: url(../img/submit_button.gif) 0 0 no-repeat;
}
#proposalForm input.submitButton:hover {
	background-position: 0 -35px;
	color: #000;
}
#search .submitButton {
	position: relative;
	top: -21px !important;
	right: -10px !important;
	top: -22px;
	right: -45px;
	float: right;
	margin-right: 45px;
}
#proposalForm input.short {
	width: 150px;
}
span.required {
	font-size: 65%;
	color: #AA3623;
	color: #739900;
	color: #7F9635;
	padding: 1px 5px 1px 5px;
}
.invoice { clear: both; }
.invoice strong {
	clear: both;
	display: block;
	float: left;
	width: 180px;
	margin-bottom: 2px;
}
.invoice .detail  {
	display: block;
	margin-bottom: 2px;
}
.invoice input {
	float: left;
	width: 50px;
	clear: none;
}
a.pdfDownload {
	display: block;
	height: 24px;
	background: url(../img/acrobat.png) no-repeat right 0px;
	text-decoration: none;
	text-align: right;
	padding-right: 25px;
}
a.pdfDownload:hover {
	color: #B2B2B2;
	background-position: right -23px;
}