/* Global Structure
----------------------------------------*/
*										{ margin: 0; padding: 0; }

body									{ background: #b1bec7 url('/v2/template/body-bg.gif') no-repeat center top; color: #464646; font: 13px/20px arial, helvetica, sans-serif; }
div#container							{ width: 1000px; margin: 0 auto; }

div#header								{ position: absolute; width: 1000px; }
div#header p#blogLink					{ position: absolute; right: 0; padding-right: 20px; }
div#headerShift							{ width: 1000px; height: 90px; }

body div#header							{ height: 90px; background: url('/v2/template/container-bg.gif') repeat-y;  }
body#page-35 div#header					{ height: 115px; background: url('/v2/template/blog-header-bg.jpg') repeat-y; }

body h1#logo							{ margin: 0 auto; width: 200px; height: 90px; background: url('/v2/template/logo.gif') no-repeat center top; text-indent: -9999px; }
body#page-35 h1#logo					{ margin: 0 auto; width: 200px; height: 90px; background: none; text-indent: -9999px; }
h1#logo a								{ display: block; width: 200px; height: 90px; text-indent: none; -9999px; }

div#containerOutside					{ float: left; background: url('/v2/template/container-bg.gif') repeat-y; }
div#contentContainer					{ float: left; width: 1000px; min-height: 540px; height: auto !important; height: 540px; background: url('/v2/template/container-bg.jpg') no-repeat left bottom; }
div#contentBackground					{ position: relative; top: -25px; margin-bottom: -25px; width: 1000px; min-height: 565px; height: auto !important; height: 565px; }
div#content								{ width: 1000px; }
div#contentInside						{ min-height: 565px; height: auto !important; height: 565px; }

div#footer								{ text-align: center; }



/* Column
----------------------------------------*/
div.column								{ display: inline; margin-top: 25px; margin-bottom: -25px; float: left; }
div.columnContent						{ padding-top: 30px; }

div.column.first						{ margin-left: 95px; }
div.column.last							{ clear: right; margin-right: 95px; }

div.column.very-narrow					{ width: 190px; }
div.column.narrow						{ width: 215px; }
div.column.full							{ width: 810px; }
div.column.half							{ width: 405px; }
div.column.third						{ width: 270px; }
div.column.full-half					{ width: 500px; }

div.column.blogSide						{ width: 230px; padding-top: 0; margin: 0; }
div.column.blogMain						{ width: 540px; padding-top: 0; margin: 0; }

div.column.blogSide div.columnContent,
div.column.blogMain div.columnContent	{ padding-top: 20px; }

div#services.column						{ padding: 0; }


/* Layout
----------------------------------------*/
div.block								{ padding: 10px 20px; border-bottom: solid 1px #aaa; }
div.block.bottom						{ border-bottom: none; }

div.service								{ float: left; margin-top: 10px; }
div.service div.icon					{ float: left; width: 135px; text-align: center; }
div.service div.description				{ float: left; width: 390px; padding-top: 10px; }
div.service div.full-description		{ float: left; width: 675px; padding-top: 10px; margin: 0 0 25px; }
div.service div.topics					{ float: left; width: 250px; margin: 55px 0 0 15px; padding: 10px 10px 5px; background: url('/v2/template/service-topic-bg.png') repeat-y; font-size: 11px; }

div.entry								{ padding: 0 20px 10px; }

div#comments							{ padding: 10px 20px; border-top: solid 1px #aaa; }
div#postComment							{ padding: 10px 20px; border-top: solid 1px #aaa; }

div#blockAbout							{ padding: 10px; }
div#blockAbout p						{ color: #666; font-size: 11px; line-height: 15px; }
div#blockBlog							{ padding: 0; }

div.comment								{ padding-bottom: 20px; }
div.comment.last						{ padding-bottom: 0; }

.nav									{ font-size: 12px; }
.month 									{ margin-left: 10px; }
.post 									{ margin-left: 20px; font-size: 11px; }

ul#galleryCats							{ padding-top: 20px; list-style: none; }
ul#galleryCats li						{ margin-left: -35px; padding-left: 35px; background: url('/v2/template/service-arrow.gif') no-repeat left center; }
ul#galleryCats li a						{ display: block; width: 125px; padding: 7px 0; margin-bottom: 10px; }
ul#galleryCats li.current a				{ padding: 6px 0; border: solid 1px #b1bec7; border-left: none; border-right: none; }

div#spiderman							{ float: left; width: 233px; height: 227px; background: url('/v2/template/spiderman-bg.gif'); }
div#spiderman img						{ margin: 70px 0 0 92px; }
div#contact								{ float: left; padding: 50px 0 0 10px; }

div#contactFormContainer				{ clear: both; padding: 10px 0 0 55px; }
div#quickQuoteFormContainer				{ padding: 0 60px 20px; background: #fff; }

ul#otherBlogs							{ list-style: none; }
ul#otherBlogs li						{ padding-left: 22px; background-repeat: no-repeat; background-position: left 2px; }

div#blogItem 							{ float: left; width: 120px; height: 100px; background: url('/v2/template/blog-item.gif') no-repeat; }



/* Typography
----------------------------------------*/
p										{ margin: 10px 0; }

ul										{ margin: 10px 0 10px 30px; }
ol										{ margin: 10px 0 10px 30px; }

h1										{ margin: 10px 0; color: #3c5c73; font-size: 20px; font-weight: normal; }
h2										{ color: #3c5c73; font-size: 16px; font-weight: normal; }
h3										{ color: #3c5c73; font-size: 14px; font-weight: normal; text-transform: uppercase; }
h4										{  }

div.entry h1							{ margin: 0 0 10px 0; }
div.entry h4							{ color: #3c5c73; font-size: 11px; font-weight: normal; }

div.comment h2							{ margin-bottom: 0; }
div.comment p.meta						{ margin-top: 0; }

p.meta									{ color: #3c5c73; font-size: 12px; }

div.service div.topics ul				{ margin: 0; padding: 0 0 0 20px; }
div.service div.topics ul li			{  }

div.service div.topics ul.topics		{ margin: 0; list-style: none; padding: 0 0 0 5px; }
div.service div.topics ul.topics li		{ padding: 1px 0 1px 15px; background: url('/v2/template/arrow.gif') no-repeat left center; font-weight: bold; list-style: none; text-transform: uppercase; }

h2 span 								{ color: #999; font-size: 12px; text-transform: uppercase; }

ul#otherBlogs							{ margin: 0; }
ul#otherBlogs li h3						{ margin: 0; }
ul#otherBlogs li p						{ margin: 0; font-size: 11px; }



/* Links
----------------------------------------*/
a										{ outline: none; }
a img									{ border: 0; }

a:link, a:visited						{ color: #3c5c73; text-decoration: none; }
a:hover									{ color: #3c5c73; text-decoration: underline; }

div#footer a.current					{ color: #464646; font-weight: bold; }

.post a:link,
.post a:visited,
.post a:hover							{ color: #666; }



/* Backgrounds
----------------------------------------*/
body#page-1 div#contentBackground		{ background: url('/v2/images/backgrounds/home.jpg') no-repeat right 25px; }
body#page-22 div#contentBackground		{ background: url('/v2/images/backgrounds/gallery.jpg') no-repeat right bottom; }
body#page-24 div#contentBackground		{ background: url('/v2/images/backgrounds/upload.jpg') no-repeat center bottom; }
body#page-25 div#contentBackground		{ background: url('/v2/images/backgrounds/resources.jpg') no-repeat left 25px; }
body#page-35 div#contentBackground		{ background: url('/v2/template/blog-content-bg.gif') repeat-y left 25px; }
body#page-35 div#content				{ background: url('/v2/template/blog-content-top.gif') no-repeat; }
body#page-35 div#contentInside			{ padding-bottom: 25px; background: url('/v2/template/blog-content-bottom.gif') no-repeat left bottom; }



/* Forms
----------------------------------------*/
table.form								{ border-collapse: collapse; }

input, select, button, textarea			{ font: 13px/20px arial, helvetica, sans-serif; }

label									{ font-size: 12px; color: #666; }
input.textField,
textarea.textField						{ width: 220px; padding: 2px; border: solid 1px #999; }

button									{ padding: 3px 6px; border: solid 1px #6c8ca3; background: #a6c6dd; font-size: 11px; }
button:hover							{ background: #b3d3ea; }

label.optional							{ color: #999; font-style: italic; }
input.optional							{ border: solid 1px #ccc; }

input.error, textarea.error				{ background: #fee; border: solid 1px #c99; }



/* Navigation
----------------------------------------*/
ul#nav									{ float: left; width: 1000px; margin: 0; background: url('/v2/template/nav-bg.gif'); text-align: center; list-style: none; }
ul#nav li								{ display: inline; float: left; width: 135px; height: 100px; background: url('/v2/template/nav-bg.gif'); list-style: none; text-indent: -9999px; }
ul#nav li a:link,
ul#nav li a:visited,
ul#nav li a:hover						{ display: block; width: 135px; margin: 25px 0 0 0; padding: 15px 0; background: url('/v2/template/nav.gif'); text-decoration: none; }
ul#nav li.current a:link,
ul#nav li.current a:visited,
ul#nav li.current a:hover				{ background: url('/v2/template/nav.gif'); }

ul#nav li#nav-aboutUs					{ margin-left: 95px; background-position: -95px 0; }
ul#nav li#nav-aboutUs a:link,
ul#nav li#nav-aboutUs a:visited			{ background-position: 0 0; }
ul#nav li#nav-aboutUs a:hover			{ background-position: 0 -100px; }
ul#nav li#nav-aboutUs.current			{ background-position: -95px -100px; }
ul#nav li#nav-aboutUs.current a:link,
ul#nav li#nav-aboutUs.current a:visited,
ul#nav li#nav-aboutUs.current a:hover	{ background-position: 0 -50px; }

ul#nav li#nav-gallery					{ background-position: -230px 0; }
ul#nav li#nav-gallery a:link,
ul#nav li#nav-gallery a:visited			{ background-position: -135px 0; }
ul#nav li#nav-gallery a:hover			{ background-position: -135px -100px; }
ul#nav li#nav-gallery.current			{ background-position: -230px -100px; }
ul#nav li#nav-gallery.current a:link,
ul#nav li#nav-gallery.current a:visited,
ul#nav li#nav-gallery.current a:hover	{ background-position: -135px -50px; }

ul#nav li#nav-services					{ background-position: -365px 0; }
ul#nav li#nav-services a:link,
ul#nav li#nav-services a:visited		{ background-position: -270px 0; }
ul#nav li#nav-services a:hover			{ background-position: -270px -100px; }
ul#nav li#nav-services.current			{ background-position: -365px -100px; }
ul#nav li#nav-services.current a:link,
ul#nav li#nav-services.current a:visited,
ul#nav li#nav-services.current a:hover	{ background-position: -270px -50px; }

ul#nav li#nav-upload					{ background-position: -500px 0; }
ul#nav li#nav-upload a:link,
ul#nav li#nav-upload a:visited			{ background-position: -405px 0; }
ul#nav li#nav-upload a:hover			{ background-position: -405px -100px; }
ul#nav li#nav-upload.current			{ background-position: -500px -100px; }
ul#nav li#nav-upload.current a:link,
ul#nav li#nav-upload.current a:visited,
ul#nav li#nav-upload.current a:hover	{ background-position: -405px -50px; }

ul#nav li#nav-resources					{ background-position: -635px 0; }
ul#nav li#nav-resources a:link,
ul#nav li#nav-resources a:visited		{ background-position: -540px 0; }
ul#nav li#nav-resources a:hover			{ background-position: -540px -100px; }
ul#nav li#nav-resources.current			{ background-position: -635px -100px; }
ul#nav li#nav-resources.current a:link,
ul#nav li#nav-resources.current a:visited,
ul#nav li#nav-resources.current a:hover	{ background-position: -540px -50px; }

ul#nav li#nav-contact					{ background-position: -770px 0; }
ul#nav li#nav-contact a:link,
ul#nav li#nav-contact a:visited			{ background-position: -675px 0; }
ul#nav li#nav-contact a:hover			{ background-position: -675px -100px; }
ul#nav li#nav-contact.current			{ background-position: -770px -100px; }
ul#nav li#nav-contact.current a:link,
ul#nav li#nav-contact.current a:visited,
ul#nav li#nav-contact.current a:hover	{ background-position: -675px -50px; }



/* Miscellany
----------------------------------------*/
div.clear								{ clear: both; }