/* Express layout         */
/* Stylesheet created by: */
/* Tim Marsolais of       */
/* Technology-Works       */
/* Copyright 2004-2005	  */
/* All rights reserved	  */

/* general styles */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	background: #fff9df;
	}
#wrap {
	position: relative;
	width: 1028px;
	margin: 5px auto;
	text-align: left;
	background: #fff;
	border: 1px solid #aaa;
	}
.error { margin: 10px; padding: 10px; background: #fcc; border: 1px solid #f33; color: #f33; }
.errorText { padding: 3px 3px 3px 3px; color: #f33; }	
.success { margin: 10px; padding: 10px; background: #ffc; border: 1px solid #363; color: #363; }
.successText { padding: 3px 3px 3px 3px; color: #363; }
.bold { font-weight: bold; }
.note { font-size: 11px; color: #888; }
.return { margin: 5px; text-align: right; }
.clear { clear: both; }

/* site colors */
.ltOrange { color: #feecd8; }
.orange { color: #ff630f; }
.ltBlue { color: #75bbf6; }
.dkBlue { color: #1282e8; }

/* header styles */
#header {
	height: 85px;
	margin: 0;
	padding: 0 20px 0 20px;
	background: url('images/logo.jpg') top left no-repeat;
	}
#busName, #tagLine { display: none; }
#busPhone {
	width: 440px;
	position: absolute;
	top: 10px;
	right: 0;
	font-size: 14px;
	color: #000;
	}
#intro {
	margin: 0;
	padding: 0;
	}
#dynamic_banner, #static_banner {
	margin: 0;
	padding: 0;
	height: 188px;
	color: #fff;
	}
#li_banner {
	height: 188px;
	}

/* navigation styles */
#nav {
	height: 20px;
	width: 600px;
	position: absolute;
	top: 75px;
	right: 0;
	margin: 0;
	}
#subNav {
	height: 20px;
	width: 240px;
	position: absolute;
	top: 5px;
	right: 5px;
	}
#nav ul, #subNav ul {
	margin: 0;
	padding: 1px 0 0 10px;
	list-style-type: none;
	}
#nav li, #subNav li {
	display: inline;
	margin: 0 6px;
	}
#nav a:link, #nav a:hover, #nav a:visited {
	text-transform: uppercase;
	text-decoration: none;
	color: #ff630f;
	}
#nav a:hover { text-decoration: underline; }
#subNav a:link, #subNav a:hover, #subNav a:visited {
	font-size: 10px;
	text-decoration: none;
	color: #75bbf6;
	}
#subNav a:hover { text-decoration: underline; }
#trail {
	position: absolute;
	height: 20px;
	width: 988px;
	top: 134px;
	margin: 0;
	padding: 0 10px 0 0;
	text-align: right;
	font-size: 10px;
	}

/* content styles */
h1, h2, h3, h4, h5, h6 { color: #1282e8; }
p { line-height: 1.4em; }

#content, #contentHome {
	margin: 15px 0 0 0; 
	padding: 5px 25px 2px 273px;
	text-align: left;
	}
#content {
	padding: 5px 95px 2px 183px;
	}
#inner {
	margin: 0;
	padding: 0;
	}
.orangeText {
	margin: 0;
	padding: 8px;
	background-color: #feecd8;
	font-size: 14px;
	}
.orangeText h2, .orangeText h3, .orangeText h4, .orangeText h5 {
	margin: 5px 0 3px 0;
	padding: 0;
	}
a:link, a:hover, a:visited {
	text-decoration: underline;
	color: #ff630f;
	}
.li_banner {
	border: 1px solid #aaa;
	}
/* home page elements */
#homeLeftText {
	width: 195px;
	position: absolute;
	top: 135px;
	left: 20px;
	margin: 0;
	padding: 5px 25px;
	color: #333;
	}
#contentHome h2 {
	display:none;
	}
.galleryLink {
	margin: 0 0 8px 0;
	padding: 0;
	}
#specialOffer {
	width: 240px;
	height: 34px;
	background: url('images/bg_special_offer.jpg') top left no-repeat;
	}
#specialOffer h3 { display: none; }

/* Smug Mug Gallery Styles */
#smugMugGallery {
	width: 245px;
	position: absolute;
	top: 105px;
	left: 20px;
	margin: 0;
	padding: 0;
	}
#smugMugGallery h3 { margin-top: 0; }
.tinyGalImage {
	width: 106px;
	height: 70px;
	float: left;
	margin: 2px 2px 0 0;
	padding: 5px 3px;
	background: #eee;
	border: 1px solid #aaa;
	text-align: center;
	}

/* about us styles */
ul#colleagues {
	margin: 0 50px 0 0;
	padding: 0;
	}
ul#colleagues li {
	list-style-type: none;
	margin:0;
	padding: 4px;
	}
li.pName {
	display: block;
	width: 135px;
	float: left;
	font-size: 14px;
	color: #ff630f;
	}
li.pDesc { line-height: 1.4em; }
li.pWebsite { 
	padding-bottom: 20px;
	text-align: right; 
	}
	
/* services styles */
ul#services {
	margin: 0;
	padding: 0;
	}
ul#services li {
	clear: both;
	list-style-type: none;
	margin: 0 10px;
	padding: 0;
	}
ul#services h3 {
	width: 150px;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	text-align: right;
	}
ul#services p {
	width: 550px;
	float: right;
	margin: 0 0 20px 0;
	padding: 0;
	}
	
/* blogger styles */
#main {
	padding-right: 95px;
	}
.post-body {
	margin-right: 100px;
	}
.post-footer {
	text-align: right;
	font-size: 11px;
	color: #333;
	}
#sidebar {
	width: 180px;
	margin-right: 95px;
	}
.date-header {
	color: #ff630f;
	}
	
/* faq styles */
ul#faq li{
	padding-bottom: 13px;
	}
ul#faq .q {
	padding-bottom: 8px;
	display: block;
	font-weight: bold;
	color: #ff630f;
	}
	
/* form styles */
input, text, textarea, checkbox, select {
	font-size: 12px;
	font-family: Arial, helvetica, san-serif;
	}
form.large {
	width: 450px;
	float: left;
	margin: 0 0 10px 0;
	}
form.large .formHeader {
	padding: 5px;
	border: 1px solid #ff630f;
	background: #feecd8;
	font-weight: bold;
	font-size: 14px;
	}
form.large .formQuestion {
	margin: 0;
	padding: 10px;
	}
form.large .formQuestion span.bold {
	display: block;
	width: 150px;
	float:left;
	margin: 0 8px 0 0;
	padding: 0;
	text-align: right;
	font-weight: bold;
	color: #1282e8;
	}
form.large .formQuestion span.note {
	width: 200px;
	float:right;
	margin-right: 100px;
	}
form.large .errorText {
	padding: 3px 3px 3px 160px;
	color: #f33;
	}
form.large .formSubmit {
	margin: 0;
	padding: 6px;
	text-align: center;
	border-top: 1px solid #1282e8;
	}
li form.large {
	border: none;
	}	
	
/* contact styles */
#address {
	width: 240px;
	float:right;
	margin: 0 0 0 0;
	}
ul.contactInfo {
	margin: 0 0 0 5px;
	padding: 0;
	}
ul.contactInfo li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 10px 0;
	}
ul.contactInfo li .bold {
	display:block;
	color: #ff630f;
	}
img.sentMail {
	margin: 20px 0 0 20px;
	padding: 0;
	text-align: center;
	border: 1px solid #333;
	}
	
/* blog styles */
#sidebar {
	position: absolute;
	width: 140px;
	top: 300px;
	right: 10px;
	}
#sidebar ul {
	margin: 0;
	padding: 0;
	}
#sidebar li {
	margin: 0;
	padding: 0 0 5px 0;
	}

/* footer styles */

#footer, #footerHome, #footerGalleries  {
	clear: both;
	height: 17px;
	margin: 0 0 8px 0;
	padding: 35px 700px 0 20px;
	background: #fff url('images/bg_footer_1.jpg') 183px top no-repeat;
	text-align: left;
	font-size: 9px;
	color: #aaa;
	}
#footerHome {
	background: #fff url('images/bg_footer_1.jpg') 273px top no-repeat;
	}

/* tworks footer styles */

#tworks {
	width: 530px;
	height: 25px;
	margin: 8px auto;
	padding: 4px 0 0 30px;
	background: url(images/tw_cog_trans.gif) top left no-repeat;
	text-align: left;
	vertical-align: middle;
	letter-spacing: .4em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}
#tworks a {
	font-weight: bold;
}