/*GENERAL DOCUMENT PROPERTIES
**************************************************************************/

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, cite, fieldset, img {
margin: 0;
padding: 0;
border: 0;
}

ul { 
list-style:none;
}

body {
background-color: #fff;
font-family: Georgia, "Palatino Linotype", Palatino, serif;
font-size: 62.5%;
color: #4e5961;
}



/*LAYOUT
****************************************************************************/

div#main {
width: 960px;
margin: 0 auto;
background-color: #fff;
position: relative;
z-index: 1;
text-align: left;
overflow: hidden;
}

div#headerWrap {
width: 100%;
height: 160px;
background: #313b43 url('../images/layout/bgHeader.gif') center top repeat-x;
border-bottom: 6px solid #000;
}

div#header {
width: 960px;
height: 160px;
margin: 0 auto;
position: relative;
z-index: 2;
}

div#mainNavWrap {
background: #36b8f0 url('../images/layout/bgNavWrap.gif') center top repeat-x;
width: 100%;
height: 40px;
border-bottom: 6px solid #81ceef;
}

div#mainNav {
width: 960px;
height: 40px;
margin: 0 auto;
position: relative;
z-index: 3;
}

/*
div#topBannerWrap {
width: 100%;
background: #daf4ff;
overflow: hidden;
}

div#topBanner {
width: 920px;
margin: 20px auto;
background: #daf4ff;
overflow: hidden;
border: 2px solid #000;
background: #3a3d40 url('../images/layout/bgFeatProj.gif') center bottom repeat-x;
position: relative;
z-index: 4;
}
*/

div#featProj {
width: 600px;
height: 262px;
margin: 15px 0 20px 0;
padding: 20px;
border: 2px solid #000;
background: #3a3d40 url('../images/layout/bgFeatProj.gif') center bottom repeat-x;
position: relative;
z-index: 14;
}

div#recentWork {
width: 240px;
height: 280px;
position: absolute;
z-index: 100;
top: 0px;
right: 0px;
}


div#contentWrap {
width: 960px;
margin: 0 auto;
background: #fff url('../images/layout/bgContentWrap.gif') center center repeat-y;
overflow: hidden;
clear: both;
}

div#content {
width: 660px;
float: left;
overflow: hidden;
padding: 20px;
background-color: transparent;
z-index: 4;
}

div#bannerWrap {
width: 100%;
overflow: hidden;
background-color: #2d3b41;
border-top: 6px solid #4e5961;
overflow: hidden;
}

div#banner {
width: 960px;
margin: 0 auto;
padding: 30px 0 20px 0;
overflow: hidden;
background-color: #2d3b41;
position: relative;
z-index: 16;
}

div#contactMe {
width: 240px;
height: 300px;
position: absolute;
z-index: 200;
top: 26px;
right: 20px;
}

div#sidebar {
width: 240px;
float: right;
margin: 35px  0 0 20px;
display: inline;
padding: 0 0 30px 0;
overflow: hidden;
}

div#footerWrap {
width: 100%;
clear: both;
background-color: #1d2328;
}

div#footer {
width: 960px;
clear: both;
padding: 25px 0 30px 0;
margin: 0 auto;
background-color: #1d2328;
position: relative;
z-index: 5;
}

div.servicesBoxLeft {
width: 310px;
float: left;
padding: 0 10px 20px 0;
}

div.servicesBoxRight {
width: 310px;
float: left;
padding: 0 0 20px 10px;
}

div.inline2 {
float: right;
margin: 10px 0 10px 20px;
padding: 7px;
border: 1px solid #ccc;
display: inline;
}


div#content div.comment {
border-top: 1px solid #81ceef;
padding: 10px;
margin: 5px 0 30px 0;
}





/* SLIMBOX
*************************************************************************************/

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
	z-index: 1000;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	z-index: 1001;
}

.lbLoading {
	background: #fff url('../images/slimbox/loading.gif') no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
	z-index: 1002;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
	z-index: 1003;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url('../images/slimbox/prevlabel.gif') no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url('../images/slimbox/nextlabel.gif') no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url('../images/slimbox/closelabel.gif') no-repeat center;

	margin: 5px 0;
	border: 0;
	background-color: transparent;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}




/*HEADINGS
**************************************************************************/

h2, h3, h4 {
font-family: Georgia, "Palatino Linotype", Palatino, serif;
}

div#header h1 {
width: 341px;
height: 98px;
text-indent: -5000px;
background: transparent url('../images/layout/logo.gif') center center no-repeat;
position: absolute;
z-index: 100;
top: 35px;
left: 20px;
}

div#header h1 a {
display: block;
width: 341px;
height: 98px;
border: 0;
background-color: transparent;
}

div#header h2 {
width: 336px;
height: 20px;
text-indent: -5000px;
background: transparent url('../images/layout/tagline.gif') center center no-repeat;
position: absolute;
z-index: 110;
top: 75px;
right: 20px;
}

div#content h2 {
font-size: 2.8em;
line-height: 1.3em;
color: #4e5961;
font-weight: normal;
padding: 10px 0 3px 0;
margin: 0 0 12px 0;
}

div#content h2 span {
color: #0092d2;
}

div#banner h2 {
font-size: 2.2em;
line-height: 1.5em;
color: #fff;
font-weight: normal;
padding: 10px 0 20px 20px;
width: 660px;
}


div#content h3 {
font-size: 2.0em;
color: #0092d2;
font-weight: normal;
padding: 10px 0 3px 0;
margin: 0 0 7px 0;
}

div#banner h3 {
border: 0;
}

div#content div#services h3 {
font-size: 1.8em;
color: #0092d2;
font-weight: normal;
padding: 10px 0 3px 0;
margin: 0 0 7px 0;
border: 0;
}

div#sidebar h3 {
font-size: 1.8em;
color: #4e5961;
font-weight: normal;
margin: 0 0 0 0;
padding: 7px 0 4px 0;
}

div#recentWork h3 {
font-size: 1.8em;
color: #fff;
font-weight: normal;
margin: 0 0 0 0;
padding: 20px 0 8px 0;
}

div#sidebar h3.first {

}

div#sidebar h3 a {
background-color: transparent;
}

div#sidebar h3#recentBlogEntries a {
display: block;
width: 22px;
height: 22px;
padding-right: 4px;
float: left;
text-indent: -5000px;
background: transparent url('../images/layout/feedIcon.png') 0px 3px no-repeat;
}

div#sidebar h3#recentBlogEntries {
width: 220px;
}

div#sidebar h3#monthlyArchives {
padding-left: 28px;
width: 192px;
background: transparent url('../images/layout/calendarIcon.png') 0px 8px no-repeat;
}

div#sidebar h3#categories {
padding-left: 28px;
width: 192px;
background: transparent url('../images/layout/greenFolderIcon.png') 0px 8px no-repeat;
}


div#content h3 a:link, div#content h3 a:visited {
text-decoration: none;
}

div#content h3 a:hover, div#content h3 a:active {
text-decoration: underline;
}


div#content div.entry h3 {
border: 0;
margin-bottom: 03px;
}


div#sidebar h3.first {

}

div#sidebar h3.first a {
background-color: transparent;
}

div#featProj h3 {
color: #81ceef;
font-size: 2.2em;
font-weight: normal;
padding: 0 0 10px 0;
float: left;
width: 180px;
border: 0;
margin: 0;
overflow: hidden;
}

div#featProj h3 span {
color: #fff;
font-size: 0.8em;
}

div#sidebar h4 {
font-size: 1.7em;
color: #d13f00;
font-weight: normal;
margin: 0 0 0 0;
padding: 0 0 7px 0;
}



/*PARAGRAPHS
**************************************************************************/
p, ul, li {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

em {
color: #2d3b41;
}

div#content p {
font-size: 1.3em;
line-height: 1.7em;
padding: 0 0 15px 0;
}

div#content p.emph1 {
font-size: 2em;
font-weight: normal;
padding: 0px 0 15px 0;
line-height: 1.6em;
letter-spacing: 0.01em;
font-family: Georgia, "Palatino Linotype", Palatino, serif;
color: #737b7f;
}

div#contactMe p {
font-size: 1.3em;
line-height: 1.7em;
padding: 0 0 15px 0;
color: #fff;
}

div#contactMe p.emph1 {
font-size: 1.8em;
font-weight: normal;
padding: 0px 0 22px 0;
line-height: 1.6em;
letter-spacing: 0.01em;
font-family: Georgia, "Palatino Linotype", Palatino, serif;
color: #81ceef;
font-style: italic;
}

div#content p.emph1 span {
color: #2d3b41;
}

div#footer p#copy {
text-align: left;
font-size: 1.1em;
padding: 0 0 15px 20px;
color: #8b8d8e;
}

div#content div.inline2 p {
width: 280px;
font-size: 1.1em;
font-style: italic;
padding: 5px 0 5px 0;
}

div#content p.posted {
font-size: 1.3em;
color: #888;
font-style: italic;
}

div#content div.comment p.posted {
font-size: 1.3em;
color: #d13f00;
font-style: italic;
}

div#content p.comments {
background-color: #d7edf6;
border: 1px solid #81ceef;
padding: 3px;
margin: 5px 0 30px 0;
}

div#sidebar p {
font-size: 1.3em;
line-height: 1.6em;
padding: 0 0 20px 0;
color: #4e5961;
}

div#sidebar p span {
font-style: italic;
}

div.paginate {

}

code {
font-size: 1.2em;
}

/*BLOCKQUOTES, CITES
**************************************************************************/

div#featProj blockquote {
float: left;
padding: 10px 0;
width: 180px;
overflow: hidden;
}

div#featProj blockquote cite {
font-size: 1.1em;
font-family: Georgia, "Palatino Linotype", Palatino, serif;
color: #fff;
display: block;
padding: 8px 0 0 0;
}

div#featProj blockquote p {
color: #fff;
font-size: 1.3em;
line-height: 1.4em;
padding-bottom: 10px;
}

div#featProj p.visitBtn a:link, div#featProj p.visitBtn a:visited {
float: left;
display: block;
width: 180px;
height: 30px;
text-indent: -5000px;
background: transparent url('../images/buttons/visitSite.gif') 0px 0px no-repeat;
position: absolute;
z-index: 100;
left: 20px;
bottom: 20px;
}

div#featProj p.visitBtn a:hover, div#featProj p.visitBtn a:active {
background: transparent url('../images/buttons/visitSite.gif') 0px -30px no-repeat;
}


/*IMAGES
**************************************************************************/

img.inline1 {
float: right;
margin: 0 0 0 0;
}

img.featProjImg {
float: right;
border: 1px solid #fff;
overflow: hidden;
}

div#sidebar h3.icon img {
padding: 1px 8px 0 0;
}

img.postImage {
border: 1px solid #878e95;
}

/*GENERAL LISTS
****************************************************************************/

div.entry ul {
padding: 0 0 15px 10px;
}

div.entry ul li {
font-size: 1.3em;
line-height: 1.5em;
padding: 0 0 5px 18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: transparent url('../images/layout/square.gif') 0px 4px no-repeat;
}

div.entry  ol li {
font-size: 1.3em;
line-height: 1.5em;
padding: 0 0 5px 0px;
margin-left: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.entry  ol li ul li {
font-size: 1em;
padding-left: 18px;
}

div.entry  ol li ul {
margin-top: 10px;
}

/*LIST OF FEATURES ON HOMEPAGE
**************************************************************************/

ul#bannerList {
width: 660px;
margin-left: 20px;
}

ul#bannerList li {
background: transparent url('../images/layout/check.gif') 0px 2px no-repeat;
color: #fff;
padding: 0 35px 0 35px;
width: 260px;
float: left;
}

ul#bannerList h3 {
font-size: 1.8em;
color: #81ceef;
font-weight: normal;
padding: 0px 0 3px 0;
font-style: italic;
}

ul#bannerList p {
font-size: 1.2em;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.4em;
padding-bottom: 25px;
width: 260px;
}



/*PORTFOLIO 
*************************************************************************************/

div#content ul.portfolioList {
padding: 0px;
overflow: hidden;
clear: both;
}

div#content ul.portfolioList li {
width: 216px;
float: left;
padding: 0 0 10px 0;
text-align: center;
font-size: 1.4em;
padding: 7px 0 15px 0;
line-height: 1.2em;
}

div#content ul.portfolioList li a:link, div#content ul.portfolioList li a:visited {
display: block;
width: 216px;
padding-top: 8px;
text-decoration: none;
}

div#content ul.portfolioList li a:hover, div#content ul.portfolioList li a:active {
background-color: #d7edf6;
color: #0092D2;
}

div#content ul.portfolioList li img {
margin-bottom: 5px;
border: 1px solid #585c61;
}

ul.portfolioList span {
display: block;
font-size: 0.85em;
color: #888;
padding: 2px 0 10px 0;
}




/*SERVICES LIST
***************************************************************************/

ul.servicesList li {
background: transparent url('../images/layout/squareGreen.gif') 0px 3px no-repeat;
font-size: 1.3em;
line-height: 1.4em;
padding: 0 0 12px 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}







/*GENERAL PAGE LINKS
****************************************************************************/

a:link {
color: #0092d2;
}

a:visited {
color: #1e7399;
}

a:hover, a:active {
color: #d13f00;
text-decoration: none;
}


div#bottom a:link, div#bottom a:visited {
color: #878e95;
}

div#bottom a:hover, div#bottom a:active{
color: #fff;
background-color: transparent;
text-decoration: none;
}

div#contactMe a:link, div#contactMe a:visited {
color: #97d31e;
}

div#contactMe a:hover, div#contactMe a:active{
color: #81ceef;
text-decoration: none;
}


/*FOOTER NAV LIST
****************************************************************************/

ul#footerNavList {
text-align: left;
padding: 20px 0 8px 23px;
}

ul#footerNavList li {
display: inline;
padding: 0 15px 0 0;
border-left: 1px solid #878e95;
}

ul#footerNavList a:link, ul#footerNavList a:visited {
font-size: 1.1em;
color: #878e95;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-left: 3px;
}

ul#footerNavList a:hover, ul#footerNavList a:active {
color: #fff;
text-decoration: underline;
background-color: transparent;
}

/*MAIN NAV LIST
****************************************************************************/

ul#mainNavList {
padding: 1em 0 1em 20px;
}

ul#mainNavList li {
display: inline;
}

ul#mainNavList a:link, ul#mainNavList a:visited {
color: #fff;
font-size: 1.8em;
font-style: italic;
text-decoration: none;
border: 0;
font-family: Georgia, "Palatino Linotype", Palatino, serif;
text-transform: lowercase;
 padding: 0.55em 1em 0.55em 1em;
}

ul#mainNavList a:hover, ul#mainNavList a:active {
color: #111;
background: #81ceef url('../images/layout/bgNavHover.gif') top center repeat-x;
}



/*SIDEBAR NAVIGATION
****************************************************************************/

ul.sidebarNav, ul#nav_categories {
width: 240px;
margin-bottom: 20px;
}

ul.sidebarNav li, ul#nav_categories li {
display: inline;
}

ul.sidebarNav a:link, ul.sidebarNav a:visited, ul#nav_categories a:link, ul#nav_categories a:visited {
font-size: 1.3em;
display: block;
border-bottom: 1px dotted #ddd;
padding: 8px 25px 8px 28px;
text-decoration: none;
line-height: 1.4em;
color: #0092d2;
width: 167px;
}

ul.sidebarNav a:hover, ul.sidebarNav a:active, ul#nav_categories a:hover, ul#nav_categories a:active {
background-color: #d7edf6;
color: #1e7399;
}

ul.sidebarNav span {
display: block;
font-size: 0.85em;
color: #d13f00;
font-style: italic;
padding-top: 1px;
}

div#sidebar ul.nav_categories li a, div#sidebar ul.archives li a {
height: 14px;
padding-top: 5px;
}


/*FORMS
***************************************************************************************/
form#contact_form, form#comment_form {
width: 400px;
}

form#contact_form p, form#comment_form p {
font-size: 1.8em;
font-weight: normal;
padding: 0px 0 15px 0;
line-height: 1.5em;
letter-spacing: 0.01em;
font-family: Georgia, "Palatino Linotype", Palatino, serif;
color: #3a3d40;
}

form#contact_form input, form#contact_form textarea, form#comment_form input.textfield, form#comment_form textarea {
width: 100%;
border: 1px solid #81ceef;
background-color: #d7edf6;
padding: 4px;
font-size: 0.7em;
color: #3a3d40;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

form#contact_form input.submitBtn, form#comment_form input.submitBtn {
background-color: #3a3d40;
border: 1px solid #878e95;
color: #d7e8ef;
width: 120px;
font-weight: bold;
}

form#comment_form input.submitBtn {
padding: 4px;
width: 100px;
}


span.required {
color: #d13f00;
font-size: 0.8em;
font-style: italic;
}


/*SITE CREDITS
********************************************************************************/

ul#credits {
width:430px;
position: absolute;
z-index: 50;
top: 40px;
right: 0px;
}

ul#credits li {
float: left;
padding: 0 0 0 12px;
}

li#bc a:link, li#bc a:visited {
display: block;
height: 15px;
width: 180px;
font-size: 1.1em;
color: #878e95;
text-decoration: none;
padding: 5px 0 5px 0;
background: transparent url('../images/layout/bc.gif') 145px 0px no-repeat;
}

li#bc a:hover, li#bc a:active{
color: #fff;
background: transparent url('../images/layout/bc.gif') 145px -25px no-repeat;
}


li#ee a:link, li#ee a:visited {
display: block;
height: 15px;
width: 215px;
font-size: 1.1em;
color: #878e95;
text-decoration: none;
padding: 5px 0 5px 0;
background: transparent url('../images/layout/eeLogo.gif') 177px 0px no-repeat;
}

li#ee a:hover, li#ee a:active{
color: #fff;
background: transparent url('../images/layout/eeLogo.gif') 177px -25px no-repeat;
}


/*RECENT WORK ON TOP OF HOME PAGE
**********************************************************************************************************/
ul.recentWorkList {
margin: 10px 0 0 26px;
}

ul.recentWorkList li {
padding-bottom: 5px;
}

ul.recentWorkList a:link, ul.recentWorkList a:visited {
font-size: 1.3em;
display: block;
text-decoration: none;
line-height: 1.4em;
color: #0092d2;

}

ul.recentWorkList a:hover, ul.recentWorkList a:active {
color: #d13f00;
background-color: #d7edf6;
}

ul.recentWorkList a img {
border: 1px solid #666;
}