* {margin:0; padding:0;}

body {
	font: 62.5%/1.8em "lucida grande", "lucida sans unicode", verdana, helvetica, sans-serif;
	background: #004964 url(../img/bg.gif) repeat-x 0 0;
	color: #c7e2ec;
	/* 	color: #dff0f6; */
}
a {color: #e9f4f8;}
a:hover, a:focus {color: #8cc63f;}

a.side {text-decoration:none;color: #fff;}
a.side:hover {text-decoration:underline; color:#8cc63f;}
a.side2 {text-decoration:none; color:#ffffff; background-color: #8cc63f; padding:2px 4px 2px 4px;}

img {border:0;}

h2 {
	font-size: 1.8em;
	font-weight: normal;
	color: #fff;
	margin: 0 0 10px;
	border-bottom: 1px dotted #3a7489;
	padding: 0 0 5px;
}
h3 {
	font-size: 1.2em;
	margin: 30px 0 10px;
	border-bottom: 1px dotted #3a7489;
	padding: 0 0 5px;
	color: #dff0f6;
	text-transform: uppercase;
}
h4 {
	margin: 10px 0 5px;
	font-size: 1.2em;
	color: #dff0f6;
}
p {
	font-size: 1.2em;
	margin: 0 0 15px;
}
ul,ol {font-size: 1.2em;}
blockquote {padding: 0 25px;}
pre {
	overflow: auto;
}
code {
	display: block;
	font: 12px 'courier new',courier,monospace;
	padding: 20px;
	border-top: 1px dotted #3a7489;
	border-bottom: 1px dotted #3a7489;
	background: #215b76;
	margin: 0 0 20px;
	line-height: 1.5;
}

/* ClearFix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/* Skip links for screen readers or handheld devices */
p.skip, p.top { position: absolute; visibility: hidden; }

/*------ main nav ------*/
#nav {
	list-style: none;
	padding: 10px 0 10px 25px;
	width:556px;
}
#nav li {
	display: inline;
	margin: 0 0 0 22px;
	font-size: 1em;
}
#nav li a {
	color: #fff;
	text-decoration: none;
}
#nav li a:hover {color: #8cc63f;}
#nav li.current {
	background: url(../img/nav-bottom-right.gif) no-repeat 100% 100%;
	padding: 5px 0 7px;
}
#nav li.current a {
	background: url(../img/nav-bottom-left.gif) no-repeat 0 100%;
	color: #fff;
	padding: 0 12px 7px 0;
}
#nav li.current a span {
	background: url(../img/nav-top-left.gif) no-repeat 0 0;
	padding: 5px 0 0 10px;
}

/*------ logo + tagline ------*/
#brand {
	width: 100%;
	margin: 80px 0 0;
	position: absolute;
	top: 0;
}
#logo {
	width: 28%;
	max-width: 240px;
	float: left;
	background: url(../img/Logo-Gloss-Web-01-2009-trans.png) no-repeat 40px 0;
	height: 100px;
	text-indent: -9999px;
	border: 0;
	display: block;
}
#logo img {display:none;}
#brand h1 {
	width: 70%;
	float: left;
	text-indent: -9999px;
	background: url(../img/tagline.gif) no-repeat 40px 13px;
	height: 50px;
}
#sketchbook #brand h1, #interior #brand h1 {display: none;}

/*------ content layout ------*/
#content {
	width: 100%;
	background: url(../img/vdot.gif) repeat-y 240px 0;
	padding: 120px 0 0;
}
#col1 {
	width: 28%;
	max-width: 240px;
	float: left;
	height: 350px;
}
#sidenav {
	width: 108px;
	margin: 0px 0 0 0px;
	background: #215b76;
	padding: 20px;
	border-bottom: 2px solid #0e4961;
	border-right: 2px solid #0e4961;
}
#sidenav h2 {font-size: 1.4em;}

#col2 {
	width: 65%;
	float: left;
	padding: 0 0 0 40px;
	max-width: 570px;
}
#main-content {padding: 0 0 20px;}
#interior #main-content, #sketchbook #main-content {
	margin: 0 0 0;
	position: relative;
	z-index: 100;
}

#col1 ul li, #main-content ul li {
	list-style: none;
	padding: 0 0 1em 12px;
	background: url(../img/bullet-trans.png) no-repeat 0 7px;
}
#col1 ul li {padding-bottom: .5em;}

#main-content ol {padding: 0 0 0 25px;}
#main-content ol li {padding: 0 0 1em;}
#main-content ol li p,
#main-content ul li p {font-size: 1em;}
#main-content ul {margin: 0 0 15px;}

/*------ homepage ------*/
#services, #news {
	width: 45%;
	max-width: 265px;
	float: left;
}
#services {padding: 0 20px 10px 0;}
#news {padding: 0 0 20px 20px;}
#news h2 {border:0; margin:0;}
#news h3 {
	margin: 0 0 3px;
	border: 0;
	padding: 10px 0 0 0;
	font-size: 1.2em;	
	border-top: 1px dotted #3a7489;
	text-transform: none;
}
#news h3 a {
	text-decoration: none;
	/* background: url(../img/news-icon.gif) no-repeat 0 3px; */
	/* padding: 0 0 0 16px; */
	display: block;
}
#news h3 a:hover {text-decoration: underline;}
/* #news p {padding: 0 0 0 16px;}*/
#news p a {text-decoration: none;}

#textbox {
	padding: 20px 0 10px;
	background: #084f69;
	margin: 0 0 10px;
	border: 1px dotted #2d6579;
	width: 100%;
	max-width: 570px;
	clear: both;
}
#textbox h2 {
	border: 0;
	margin:0 0 0 20px;
}
#textbox p {padding: 0 20px;}


/*------ portfolio items ------*/
div.content-block {
	width: 46.5%;
	max-width: 265px;
	float: left;
	overflow: hidden;
	margin: 0 40px 20px 0;
}
div.second {margin: 0 0 20px;}
h3.credit {
	clear:both;
	width: 100%;
}


/*------ sketchbook styles ------*/
#calendar {
	margin: 0 auto;
	border: 1px dotted #3a7489;
	border-right: 0;
	border-collapse: collapse;
	font-size: 1em;
}
#calendar td, #calendar th {
	border: 1px dotted #3a7489;
	border-left: 0;
	padding: 0 2px;
	text-align: center;
}
#calendar th {padding: 2px 2px 5px;}
#calendar td a {
	display: block;
	text-decoration: none;
	background: #8cc63f;
}
#calendar td a:hover {text-decoration: underline;}

p.archive-link, #search {
	padding: 15px 0 0 38px;
}
#search fieldset {
	border:0;	
}
#search .search-field {
	width: 100px;
	margin: 0 2px 0 0;
	font: 1.2em "lucida grande", "lucida sans unicode";
	padding: 2px;
	background: #fff;
	border: 2px solid #fff;
}
#search .search-field:focus {
	background: #e9ffd2;
	border: 2px solid #8cc63f;	
}
#search .search-button {
	width: auto;
	padding: 3px 5px;
	background: #8cc63f;
	color: #fff;
	border:0;
	border-right: 2px solid #0a3d52;
	border-bottom: 2px solid #0a3d52;
	cursor: pointer;	
}
div.entry {padding: 0 0 30px;}
div.entry h2 a {text-decoration:none; color: #fff;}
div.entry p {
	line-height: 1.8em;
	margin: 0 0 20px;
}
#main-content ol.comments {
	padding: 0;
	list-style:none;
}
#main-content ol.comments li {
	padding: 15px 0 0;
	border-bottom: 1px dotted #3a7489;
	position: relative;
}
ol.comments li p {
	position: relative;
	left: 40px;
	width: 90%;
}
img.gravatar {
	position: absolute;
	left:-40px;
}
p.comment-author {font-weight: bold; padding:0;}
p.posted {
	padding: 10px;
	background: #084f69;
	margin: 0 0 10px;
	border: 1px dotted #2d6579;
	max-width: 550px;
}


/*------ view/read more links etc ------*/
p.more {
	width: 100%;
	clear: both;
}
a.more, p.more a {
	padding: 0 0 0 15px;
	background: url(../img/more-icon.gif) no-repeat 0 6px;
	display: block;
}
a.more2, p.more2 a {
	padding: 0 0 0 15px;
	background: url(../img/more-icon.gif) no-repeat 0 6px;
}
ul#sb-links {
	padding: 20px 30px 0 38px;
}
ul#sb-links li.rss {
	background: url(../img/rss.gif) no-repeat 0 2px;
	padding: 0 0 3px 18px;
}
#news p#rss {
	padding: 10px 0 0;
	border-top: 1px dotted #3a7489;
}
p#rss a {
	background: url(../img/rss.gif) no-repeat 0 2px;
	padding: 0 0 3px 18px;
	position: static;
	text-decoration: underline;
}
.download {
	width: auto;
	padding: 5px 10px 5px 20px;
	background: #8cc63f url(../img/arrow-down.png) no-repeat 10px 8px;
	color: #fff;
	border:0;
	border-right: 2px solid #0a3d52;
	border-bottom: 2px solid #0a3d52;
	cursor: pointer;
	text-decoration: none;
}

/*------ vcard microformat ------*/
p.vcard {
	position: absolute;
	top:20px;
	right:25px;
	color: #fff;
}
p.vcard a {text-decoration:none; color:#fff;}
p.vcard a.add {
	background: url(../img/hcard.gif) no-repeat 0 3px;
	padding: 3px 0 3px 27px;
	display: block;
	height: 17px;
}
p.vcard a span {display: none;}
.hidden {display: none;}

/*------ Contact & Comment Forms ------*/
.zemContactForm {
	margin: 0 0 20px;
	width: 310px;
}
#txpCommentInputForm {
	background: #084f69;
	border: 1px dotted #3a7489;
	padding: 20px;
	margin: 20px 0;
	width: 320px;
}
.zemContactForm fieldset, #txpCommentInputForm fieldset {border:0;}
.zemContactForm legend, #txpCommentInputForm legend {visibility:hidden;}
.zemContactForm label, #txpCommentInputForm label {
	display: block;
	font-size: 1.1em;
}
.zemContactForm input, .zemContactForm textarea, .zemContactForm select,
#txpCommentInputForm input, #txpCommentInputForm textarea {
	font: 1.2em "lucida grande", "lucida sans unicode";
	width: 300px;
	margin: 0 0 10px;
	padding: 2px;
	background: #fff;
	border: 2px solid #fff;
}
.zemContactForm input:focus,
.zemContactForm textarea:focus,
#txpCommentInputForm input:focus,
#txpCommentInputForm textarea:focus {
	background: #e9ffd2;
	border: 2px solid #8cc63f;
}
.zemContactForm textarea {height: 150px;}
.zemContactForm .zemSubmit,
#txpCommentInputForm .button {
	width: auto;
	padding: 3px 7px;
	background: #8cc63f;
	color: #fff;
	border:0;
	border-right: 2px solid #0a3d52;
	border-bottom: 2px solid #0a3d52;
	cursor: pointer;
}
#txpCommentInputForm .checkbox {
	width:auto;
	padding:0;
	border:0;
	margin:0;
	background: 0;
}
#txpCommentInputForm p.remember label {display: inline;}
ul.zemError {padding: 0 0 20px;}
.youarenothuman {visibility: hidden;} /* ANTI-SPAM */

/*------ footer ------*/
#footer {
	border-top: 1px dotted #3a7489;
	width: 100%;
	background: url(../img/footer-bg.gif) repeat-x 0 0;
}
#copyright {
	padding: 30px 0 0 280px;
	border-bottom: 1px solid #004964;
	background: url(../img/vdot.gif) repeat-y 240px 0;
}
#logos img {padding: 0 15px 0 0;}

#ss {vertical-align:middle; color:#c7e2ec;font-family:verdana;font-size:12px;}

#st {border-right:1px solid #346779; border-bottom:1px solid #346779; padding:4px 20px 4px 10px; vertical-align:top;color:#c7e2ec;}	

.bigger {font-size:14px;}
.bigger2 {color:#ffffff; font-size:16px;}
.bigger3 {color:#ffffff; font-size:15px;line-height:30px;}
.bigger4 {font-size:20px; line-height:35px; color:#9bb8c5;}
a.bigger5 {color:#ffffff; font-size:15px;line-height:30px; text-decoration:none;}
a.bigger5:hover {color:#8cc63f; font-size:15px;line-height:30px; text-decoration:underline;}
.bigger6 {color:#ffffff; font-size:15px;line-height:30px;}

#bullets ul li {
	list-style: none;
	padding: 0 0 0em 12px;
	background: url(../img/bullet-trans.png) no-repeat 0 7px;
}
a.nounderline {
	text-decoration:none;
}
a.nounderline:hover {
	text-decoration:underline;
}
.table {
	font-size: 1.2em;
	margin: 0 0 15px;
}
.highlightit img{
border: 3px solid #ccc;
}

.highlightit:hover img{
border: 3px solid #8cc63f;
}

.highlightit:hover{
color: red; /* Dummy definition to overcome IE bug */
}