/* CSS Document */
body
{
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: small;
	text-align: center;
	line-height: 1.5em;
	color: #333;
	background-color: #F3F1E9; /*#9AA3AF;*/
}

.clear
{
	clear: both;
}

textarea
{
	border: none;
	border: 1px solid #d7d7d7;
	padding: 3px;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 97%;
}

input,
input[type=file]
{
	border: none;
	border: 1px solid #d7d7d7;
	padding: 0.25em;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus
{
	border: 1px solid #886;
}

input#btnSubmit
{
	margin-top: 0.5em;
	padding: 0.1em 0.3em;
	border-top: 1px solid #fff;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #fff;
}

input.mandatory.missing
{
	border: 2px solid red !important;
}

h1
{

}

h1.inline
{
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 160%;
	line-height: 1.5em;
	color: #333333;
}

.sml_spacer
{
	padding: 0.2em;
}

.spacer
{
	padding: 0.5em;
}

.alertText
{
	color: #990000;
}

/* ---[ Standard A Styles ]--- */

a
{
	color: #326EA1;
}

a:hover
{
	text-decoration: none;
}

/* ---[ Site Styles ]--- */

#bg
{
	margin: 0 auto 0 auto;
	width: 800px;
	text-align: left;
	/*background-color: #FFF5E1;*/
}

#topBand
{
	/*height: 1px !important;*/
	background-color: #212829;
}

html>body #topBand
{
	height: 0.3em !important;
}

#header
{
	height: 100px;
	text-align: left;
	padding-left: 19em;
	padding-top: 1.5em;
	background-color: #336699;
}

/* ---[ Navigation Styles ]--- */
#topNav
{
	background-color: #003366;
	/*text-align: left;*/
	padding: 6px 0;
	/*padding-left: 19em;*/
	margin: 0 auto;
}

html>body #topNav
{
	/*padding-left: 19.5em;*/
}

#topNav a
{
	color: #FFF5E1;
	text-decoration: none;
	text-transform: lowercase;
	padding: 4px 9px;
}

#topNav a:hover,#topNav a.selected
{
	color: #FFFFFF;
	background-color: #004284;
}

#topNav a.selected
{
	font-weight: bold;
}

#navigation
{
	background-color: inherit;
}

#navigation ul
{
	margin: 0.2em 0 0 0;
	padding: 0.75em 0;
}

html>body #navigation ul
{
	margin: 0;
	padding: 1em 0;
}

#navigation ul li
{
	list-style: none;
	display: inline;
}
/* ---[ End Navigation Styles ]--- */

#blurb
{
	margin-left: auto;
	margin-right: auto;
	width: 773px;
	color: #FFFFFF;
	background: #7F94A3 url("../images/rightcat.gif") no-repeat bottom right;
	text-align: left;
	padding: 30px 0 30px 2em;
}

#blurb #company
{
	width: 480px;
}

#content
{
	float: left;
	width: 500px;
/*	margin-left: auto;
	margin-right: auto;*/
	margin-top: 0.5em;
	padding: 30px 2em 30px 0;
	/*background-color: #FFF5E1;*/
	font-size: 95%;
	text-align: left;
	border-right: 1px solid silver;
}

html>body #content
{
	padding: 1em 30px 2em 1em;
}

#content.fullContent
{
	border: none !important;
	width: 750px;
}

#content h3 
{
	margin: 0 0 10px 0;
	padding: 0 0 2px 0;
	font-size: 100%;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	color: #BA3B3E;
}
#content h3#recent 
{
	margin-bottom: 1.5em;
	border: none;
	font-size: 90%;
	font-weight: bold;
}

#content h3#addcomment
{
	margin-bottom: 1.5em;
	border-bottom: 1px solid #CCC;
	font-size: 90%;
	font-weight: bold;
}

#introImg
{
	padding-bottom: 1em;
}


#services h2
{
	border: none;
	border-bottom: 1px solid silver;
}

#services p img
{
	background: #FFFFFF none repeat scroll 0%;
	border: 1px solid #E0E0D5;
	display: block;
	float: right;
	margin: 2px 0 0 7px;
	padding: 0.4em;
}

/* ---[ Blog Styles ]--- */

/* ---[ Content Lists ]--- */
#content dl dd 
{
	margin: 0;
	padding: 0 0 1em 0;
	font-size: 90%;
	line-height: 1.5em;
}

#content dl dt 
{
	font-weight: bold;
}

#content dl dt span 
{
	font-weight: normal;
}

#content #frmContact p#note
{
	font-size: 90%;
	color: #999999;
	border-top: 1px solid silver;
}

#content #prodCats img
{
	position: relative;
	float: right;
	margin-right: 2em;
	padding: 0.5em;
	background-color: #ffffff;
}

span.copyright
{
	color: #999999;
	font-size: 95%;
}

div#content img.clientWebPreview
{
	position: relative;
	float: left;
	background: #FFFFFF none repeat scroll 0%;
	border: 1px solid #E0E0D5;
	display: block;
	margin: 2px 10px 0pt 0pt;
	padding: 0.4em;
}

/* ---[ Side Lists ]--- */
ul li.sublist
{
	margin-left: 14px;
	/*padding-left: 10px;*/
	background: transparent url("../images/icons/sublist.gif") no-repeat 0 60%;
}

/* ---[ Blog Entries ]--- */
#content dl.blogentries 
{
	margin: 0;
	padding: 0;
}

#content dl.blogentries dt 
{
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 140%;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 0;
	color: #40659B;
}

#content dl.blogentries dt a 
{
	text-decoration: none;
	color: #40659B;
	border-bottom: none;
}

#content dl.blogentries dt a:hover 
{
	color: #036;
	border-bottom: 1px solid #036;
}

#content dl.blogentries dd 
{
	margin: 0;
	padding: 0;
	font-size: 100%;
}

#content dl.blogentries dd.more 
{
	font-size: 90%;
}

#content dl.blogentries dd.posted 
{
	margin: 1em 0 20px 0;
	padding: 4px 0 0.5em 0;
	font-size: 90%;
	color: #999;
	border-bottom: 1px dotted #999;
}

#content dl.blogentries dd.date 
{
	margin: 0 0 1.5em 0;
	color: #999999;
}

#content dl.blogentries dd p 
{
	margin: 0 0 1em 0;
}

#content dl.blogentries dd p.posted
{
	font-size: 90%;
	text-align: right;
}

#content dl.blogentries dd p.categories
{
	font-size: 90%;
	color: #999999;
	padding-bottom: 2em;
}

#content h2
{
	/*border-top: 1px solid #ccc;*/
	margin-bottom: 1.5em;
	font-size: 90%;
	font-weight: bold;
}

#content div.comments
{
	padding: 1em;
	margin: 1em 0;
}

#content div.comments.on
{
	border: 1px solid #eee;
	background-color: #fbfbfb;
}

#content div.comments.off
{
	border: 1px solid #fff;
}

#content div.comments:hover
{
	border: 1px solid #ccc;
	background-color: #f8f8f8;
}

a.postlink
{
	padding-left: 16px;
	color: #999;
	text-decoration: none;
	border: none;
	background: url("../images/icons/file.gif") no-repeat 0 1px;
}

a.commlink
{
	margin: 0 0 0 2px;
	padding: 0 0 0 15px;
	color: #999;
	text-decoration: none;
	border: none;
	background: url("../images/icons/comment.gif") no-repeat 0 1px;
}

a.postlink:hover, a.commlink:hover
{
	color: #666;
}

/* ---[ CRM Styles ]--- */

ul.basicList
{
}

ul.basicList.images
{
	list-style-type: none;
}

ul.basicList a
{
	text-decoration: none;
}
/* ---[ Table Styles ]--- */

th.left, td.left
{
	text-align: left !important;
}

th.center, td.center
{
	text-align: center !important;
}

th.right, td.right
{
	text-align: right !important;
}

/* ---[ Std Table ]--- */
div.stdTable
{
	padding: 0.5em 0;
}

table.rowTable
{
	border-collapse: collapse;
	width: 100%;
}

table.rowTable tr
{
}

table.rowTable thead tr th,
table.rowTable tbody tr td
{
	padding: 0.25em 0.5em;
	border: 1px solid #CCC;
}

table.rowTable thead tr th
{
	background-color: #E6E3D7;
}

table.rowTable tbody tr.altRow
{
	background-color: #FFFFFF;
}

/* ---[ Categories Table ]--- */

#categories
{
	width: 100%;
}

#categories thead tr th
{
	border-bottom: 1px solid #999;
}

/* ---[ Side Nav ]--- */
#sideNav
{
	float: right;
	width: 220px;
	margin-top: 10px;
	padding: 0 10px 0 10px;
	line-height: 1.3em;
}

html>body #sideNav
{
	width: 220px;
}

#sideNav h2
{
	margin-top: 1em;
	font-size: 90%;
	color: #003366;
}

#sideNav div.buscard
{
	font-size: 85%;
}

.rndimg
{
	padding: 0.1em;
	border: 2px solid silver;
}

/* work list */

ul#latestwork
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none !important;
	margin: 0pt;
	margin-left: -1em !important;
	padding: 0pt;
}

ul#latestwork li
{
	border-bottom: 1px dashed #E0E0D5;
	color: #646870;
	margin: 0pt;
	overflow: hidden;
	padding: 0pt;
}

ul#latestwork li a
{
	color: #8F9195;
	display: block;
	line-height: 1.4em;
	overflow: hidden;
	padding: 0.5em 1em;
}

ul#latestwork li a:link,
ul#latestwork li a:visited
{
	text-decoration: none;
}

ul#latestwork li a img
{
	background: #FFFFFF none repeat scroll 0%;
	border: 1px solid #E0E0D5;
	display: block;
	float: left;
	margin: 2px 10px 0pt 0pt;
	padding: 0.4em;
}

ul#latestwork li a strong
{
	color: #474A51;
	display: block;
	padding: 0.2em 0pt 0.1em;
}

ul#latestwork li a:hover, 
ul#latestwork li a:hover strong
{
	color: #317b9e;
}
	
ul#latestwork li a:hover
{
	background: #f9f9f4;
}

ul#latestwork li.hide
{
	display: none;
}

/* ---[ Imagery Layout Styles]--- */

div.imgPreview
{
	position: relative;
	padding: 1em 0.5em 2em;
	margin: 0;
}

div.imgLink
{
	display: inline;
	position: relative;
	float: left;
	padding: 0.5em;
	margin: 0;
	margin-right: 1em;
	margin-bottom: 2em;
	background-color: #ffffff;
}

div.imgLink.H
{
	/*margin-right: 1.25em;
	margin-right: 5.35em;*/
	margin-right: 4em;
}

div.imgLink.V
{
	margin-right: 5.35em;
	margin-right: 4em;
}

div.imgLink.P
{
	/*margin-right: 1em;*/
	margin-right: 5.35em;
	margin-right: 4em;
}

div.imgLink.S
{
	/*margin-right: 1.1em;*/
	margin-right: 5.35em;
	margin-right: 4em;
}

span.noSizeAvail
{
	color: #999999;
	font-weight: normal;
}

span.sizeAvail
{
	color: #000000;
	font-weight: bold;
}

/* ---[ Fieldset Styles ]--- */
form fieldset
{
	border-color: #E0E0D5;
	border-style: none none dashed;
	border-width: medium medium 1px;
	margin: 0pt 0pt 0.5em;
	padding: 0pt 0pt 0.5em;
}

form fieldset label
{
	float: left;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0pt 1em 0pt 0pt;
	width: 11em;
}

form fieldset div.field
{
	float: left;
	margin: 0pt 1em 0pt 0pt;
	width: 21em;
}

form fieldset div.field input
{
	color: #444444;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 1em;
	padding: 0.5em;
	width: 20em;
}

form fieldset div.field select
{
	color: #646870;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 1em;
	width: 21em;
}

form fieldset div.field textarea
{
	color: #444444;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 1em;
	padding: 0.5em;
	width: 20em;
}

html>body form fieldset div.field textarea
{
	width: 25em;
}

form fieldset h4
{
	/*
	color: #8B8074;
	float: right;
	width: 11em;
	*/
	display: inline;
	width: 5em;
	font-size: 1em;
	line-height: 1.5em;
	margin: 0pt;
	padding: 0pt;
	padding-top: 1em;
}

form div.submit
{
	padding-left: 12em;
}

/* ---[]--- */

p.msgThanks
{
	color: #990000;
	font-weight: bold;
}

/* ---[ Footer Styles ]--- */

#bottom
{
	height: 120px;
	background-color: #E6E3D7;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	text-align: left;
}

#footer
{
	width: 800px;
	margin: 0 auto 0 auto;
	margin-bottom: 3em;
	padding: 1em;
	padding-left: 3em;
	line-height: 2em;
	font-size: 85%;
	clear: left;
}

#copyright
{
	float: left;
	width: 170px;
	padding: 0;
}

#copyright strong, #businesscontact strong
{
	font-size: 120%;
	display: block;
}

#businesscontact
{
	float: left;
	width: 170px;
	padding: 0 0 0 1em;
}