/************* Header *************/
html
{
	background: #2E4770;
}

body
{
	margin: 0;
    font-family: Helvetica, Arial, sans-serif;
	background: #FFFFFF url(/templates/smalldot/images/body-bg.jpg) repeat-x top left;;
}

#header
{
	background: url(/templates/smalldot/images/header-bg.jpg) no-repeat 504px 0;
}

#nav-top li, #nav-top a
{
	color: #FFF;	
}

#nav-top li
{
	float: left;
	margin: 0;
}

#nav-top li a
{
	display: block;
	height: 45px;
	text-indent: -9009px;
	background:url(/templates/smalldot/images/nav-top-bg.jpg) no-repeat top left;
	margin-bottom: 0;
}


#nav-top li.menu-first a
{
	background-position: 0px 0px;
	width: 115px;
}

#nav-top li.menu-first a:hover
{
	background-position: 0px -45px;
}

/************* Typography *************/

p, li, h2, h3, h4 { color: #213a62;}
h2{ font-size: 2.7em; font-weight:bold; line-height: 1.3em;}
h3{ font-size: 2.0em; font-weight:bold; margin-bottom: 0;}
h4,h5,h6{ font-size: 1.6em; font-weight:bold; margin-bottom: 0;}
p, li{ font-size: 1.5em; font-family:Georgia, "Times New Roman", Times, serif;}
p { margin-bottom: 15px; }
li { margin-bottom: 5px; }

p + h3 { padding-top: 10px; }
p + h3.post-title, p + h3.divider  { padding-top: 0; }

a{ color: #88b10f;}
a:hover{ text-decoration:none; color: #88b10f;}

h3.post-title a {  color: #213a62; text-decoration: none;}
h3.post-title a:hover { color: #213a62; text-decoration: underline;}



/************* Nav Main *************/

#nav-main
{
	margin-left: -125px;	
	margin-top: 113px;
	padding-top: 8px;
	padding-bottom: 13px;
}

#nav-main li
{
	float: left;
	margin: 0 44px 0 0;
}

#nav-main li a
{
	display: block;
	height: 40px;
	text-indent: -9009px;
	background:url(/templates/smalldot/images/nav-main-bg.jpg) no-repeat top left;
	margin-bottom: 0;
}

#nav-main li.sib-1
{
	display: none;
}

#nav-main li.sib-2 a
{
	background-position: 0px 0px;
	width: 135px;
}

#nav-main li.sib-3 a
{
	background-position: -180px 0px;	
	width: 151px;
}

#nav-main li.sib-4 a
{
	background-position: -375px 0px;	
	width: 149px;
}

#nav-main li.sib-5 a
{
	background-position: -568px 0px;
	width: 138px;
}

#nav-main li.sib-2 a:hover
{
	background-position: 0px -40px;
}

#nav-main li.sib-3 a:hover
{
	background-position: -180px -40px;	
}

#nav-main li.sib-4 a:hover
{
	background-position: -375px -40px;	
}

#nav-main li.sib-5 a:hover
{
	background-position: -568px -40px;
}

#nav-main li.sib-2 a.menu-current, #nav-main li.sib-2 a.menu-parent
{
	background-position: 0px -80px;
}

#nav-main li.sib-3 a.menu-current, #nav-main li.sib-3 a.menu-parent
{
	background-position: -180px -80px;	
}

#nav-main li.sib-4 a.menu-current, #nav-main li.sib-4 a.menu-parent
{
	background-position: -375px -80px;	
}

#nav-main li.sib-5 a.menu-current, #nav-main li.sib-5 a.menu-parent
{
	background-position: -568px -80px;
}


#nav-main li.sib-5
{
	margin-right: 0;	
}

/************* Main Content *************/

#content-container
{
	margin: 30px 0;	
	background: url(/templates/smalldot/images/divider-vert.gif) repeat-y 646px 0px;
}

#content.span-191
{
	background: #FFF;
}

#content-2
{
	margin-top: 25px;	
}

.project-box img
{
	z-index: 0;
}

.before-after-row
{
	margin-bottom: 15px;
}	

img.thumb-border
{
	padding: 2px;
	border: 3px solid #476da3;
	margin-bottom: 5px;
}

img.thumb-border:hover
{
	padding: 2px;
	border: 3px solid #2d4367;
}

div.award-large, div.award-small
{
	position: relative;
}

div.award-large img.award-ribbon, div.award-small img.award-ribbon
{
	position: absolute;
	z-index: 100;
	left: 232px;
	top: -7px;
}

div.award-small img.award-ribbon
{
	left: 127px;
}

#nav-main ul, #nav-bread ul, #nav-footer ul, #nav-top ul
{
	list-style: none;
	margin: 0;
}

#nav-side ul ul
{
	padding: 0 0 0 10px;
}

#nav-side p img
{
	margin: 0 0 10px 0;
}

#nav-side img.thumb-border
{
	width: 290px;	
}	

/************* CTAs *************/
.cta-green-top
{
	background: url(/templates/smalldot/images/cta-green-top-bg.jpg) no-repeat top left;
	height: 11px;
}

.cta-green
{
	background: url(/templates/smalldot/images/cta-green-bg.jpg) no-repeat bottom left;
	padding: 0 0 10px 0;
	margin-bottom: 15px;
}

.cta-blue-top
{
	background: url(/templates/smalldot/images/cta-blue-top-bg.jpg) no-repeat top left;
	height: 11px;
}

.cta-blue
{
	background: url(/templates/smalldot/images/cta-blue-bg.jpg) no-repeat bottom left;
	padding: 4px 0 10px 0;
	margin-bottom: 15px;
}

.cta-green h3, .cta-green h4, .cta-green p, .cta-blue h3, .cta-blue h4, .cta-blue p
{
	padding-left: 20px;
	padding-right: 20px;
	color: #FFF;
	
}

.cta-green h3, .cta-blue h3
{
	font-size: 2.2em;
	margin: 0;
}

.cta-green p, .cta-blue p
{
	font-size: 1.4em;
	line-height: 1.4em;
}

.cta-green a, .cta-blue a
{
	color: #FFF;
}

.cta-green a:hover, .cta-blue a:hover
{
	font-color: #FFF;
	text-decoration: none;
}

/************* Footer *************/

#footer-background {width: 100%; float:left; background: #2E4770 url(/templates/smalldot/images/footer-bg.jpg) top left repeat-x;}

#footer-container
{
	width:995px;margin:0 auto; padding-bottom: 10px;
}

#footer-container {width:995px;margin:0 auto;}
#footer-container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#footer-container {display:inline-block;}
* html #footer-container {height:1%;}
#footer-container {display:block;}

#footer
{
	padding-top: 14px;
	padding-bottom: 10px;
}


#footer li
{
	display: inline;
}

#footer p, #footer li
{
	font-size: 1.3em; color: #adb5c0;
}

#footer ul
{
	padding: 0;
	background: none;
}

#footer li
{
	margin-right: 30px;
}

#footer li.menu-last
{
	margin-right: 0;
}

#footer a
{
	color: #C1C9D5;
	text-decoration: none;
}

#footer a:hover
{
	color: #C1C9D5;
	text-decoration: underline;
}

#footer img
{
	margin-top: -6px;	
}

p.caption
{
	font-size: 1.2em;
	padding: 0 5px;
	color: #647CA1;
}

p.caption a
{
	color: #647CA1;	
}

h3.divider
{
	background: url(/templates/smalldot/images/divider-horiz.gif) repeat-x bottom left;
	color: #ea6b25;
	font-size: 2.3em;
	margin-bottom: 10px;
}

h3.divider a
{
	color: #ea6b25;
	text-decoration: none;
}

h3.divider a:hover
{
	color: #88b10f;
}

p.blog-tease
{
	margin-top: -5px;
	font-size: 1.5em;
	padding: 0 0 7px 0;
	background: url(/templates/smalldot/images/divider-horiz.gif) repeat-x bottom left;
}

p.blog-tease a
{
	background: url(/templates/smalldot/images/blog-tease-dot.gif) no-repeat left center;
	color: #213a62;
	text-decoration: none;
	display: block;
}

p.blog-tease a:hover
{
	text-decoration: underline;	
}

.post-block
{
	padding-bottom: 20px;	
}
.blog-date
{
	background: url(/templates/smalldot/images/icon-blog-date.gif) no-repeat top left;
}

.blog-date .post-month, .blog-date .post-day
{
	color: #FFF;
	margin: 0;
}

.blog-date .post-day
{
	font-size: 2.1em;
	padding: 12px 0 0 14px;
	line-height: 1;
}

.blog-date .post-month
{
	font-size: 1.3em;
	padding: 6px 0 15px 38px;
	line-height: 1;
}

p.project-title
{
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 15px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1em;
}

p.project-title a
{
	color: #213a62;
	text-decoration: none;
}
p.project-title a:hover
{
	text-decoration: underline;
}

p.project-sub
{
	color: #647ca1;
	font-size: 1.3em;
}

.project-row
{
	padding-bottom: 20px;	
}

p.comment-info
{
	color: #647ca1;
	font-size: 1.3em;
	margin-bottom: 0;
}

p.comment-info span.name
{
	font-weight: bold;
	color: #213a62;
	font-size: 1.153em;
}

p.comment-text
{
	font-size: 1.4em;
	padding-left: 20px;
	background: url(/templates/smalldot/images/divider-horiz.gif) repeat-x bottom left;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.post-information
{
	padding-bottom: 15px;	
}

.post-information p
{
	margin-bottom: 0;	
}

.post-information p strong
{
	font-family: Helvetica, Arial, sans-serif;
}

.blog-widget
{
	margin-bottom: 15px;	
}

.blog-widget li
{
	margin-left: 10px;
}

.cta-white p img
{
	margin: 0 0 0 0;
	float: none;
}

.cta-white ul
{
	margin-bottom: 25px;
}

form#comment
{
	margin-top: 15px;	
}

.before-after
{
	margin-bottom: 15px;	
}
/*************  News Formatting *************/
.post-date
{
	margin: 7px 0 0 0;
	color: #647ca1;
	font-size: 1.6em;
}

div.divider
{
	height: 11px;
	background: url(/templates/iwf/images/divider.gif) repeat-x top left;
}