/*	Tags */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #e8e8e8;
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	}

blockquote {
	background-color: #f3f3f3;
	margin: 0px;
	font-size: 12px;
	padding: 10px 20px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	
	}

blockquote.company-quote {
	font-size: 14px;
	}

/* Contact Form */

fieldset {
	background-color: #f3f3f3;
	margin: 0px;
	font-size: 12px;
	padding: 10px 20px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-left: 0;
	border-right: 0;
}

/* Headin's */

h1 {
	font-size: 24px;
	font-weight: normal;
	color: #0397d7;
	letter-spacing: -.05em;
	}

h3 {
	font-size: 14px;
	letter-spacing: -.05em;
	color: #444444;
	}
	
.sIFR-active h1 {
  	padding-bottom: 0;
	margin-bottom: 7px;
	}
	
	
	
/*	Structure */

#stripe {
	background: url(../images/stripe.gif) repeat-x top;
	height: 7px;
	width: 100%;margin: 0; padding: 0;
	}

#box {
	border-top: 1px solid #0397d7;
	background: #f5f5f5 url(../images/bg-fill.gif) repeat-x top;margin: 0; padding: 0;
	}

#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 670px;
	}

#header {
	margin: 33px 0 0 0;
	width: 669px;
	}

#feature {
	border: 0;
	}

#flashbox {z-index: 10;}

#submenu {
	margin: 10px 0 0 0;
	font-size: 10px;
	color: 2b2b2b;
	width: 160px;
	float: left;
	}
	
#content {
	margin: 10px 0 0px 165px;
	text-align: justify;
	font-size: 11px;
	line-height: 20px;
	color: #3b3b3b;
	width: 497px;
	padding-bottom: 40px;
	}

#footer {
	position: relative;
	width: 100%;
	height: 60px;
	text-align: center;
	padding: 20px 0 0 0;
	background: #e8e8e8;
	color: #a1a1a1;
	font-size: 10px;
	}

#footer a, #footer a:visited {
	color: #a1a1a1;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #131313;
	text-decoration: none;
	}	
	
/*	Menu */
	
ul.menu {
	font-size: 14px;
	margin: 0 0 0 163px;
	height: 36px;
	padding: 0;
	}

ul.menu li {
	position: relative;
	display: inline;
	margin-right: 5px;
	letter-spacing: -1px;
	}

ul.menu li a.selected, ul.menu li a:hover  {
	background: url(../images/button-fill.gif) repeat-x;
	text-decoration: none;
	color: white;
	}

ul.menu li a {
	padding: 6px 7px 6px 7px;
	text-decoration: none;
	color: #0397d7;
	}

/*	submenu */

#submenu {
	font-size: 11px;

	}

#content ul, #submenu ul {
	margin-left: 20px;
	padding: 0;
	list-style-type: none;
	}

#content ul li, #submenu ul li {
	background-image: url(../images/submenu-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 15px;
	margin-bottom: 5px;

	}

/*  LINKZZZZ */
a, a:visited {
	text-decoration: none;
	color: #0397d7;
	
	}
a:hover, a.current {
	color: #025f87;
	}


/*	Classes */

.home-text {
	font-size: 13px;
	line-height: 24px;
	}
#content ul.home-buttons {clear: both; display: block; margin: 0; padding: 12px 0 0 0; list-style: none;}
#content ul.home-buttons li {clear: none; float: left; display: block; width: 140px; margin: 0 12px 0 0; padding: 6px; background-image: none; background: #; text-align: center; font-size: 14px;}
#content ul.home-buttons li a {padding: 6px 14px; background: url(../images/button-fill.gif) repeat-x; color: #ffffff; border: 1px solid #ffffff;}
#content ul.home-buttons li a:hover {border-color: #3fa6d3; color: #1381b3; background: #a7d8e3;}
#content ul.home-buttons:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;}


.centered {
	margin: 0 auto;
	width: 670px;
	text-align: left;
	}

.credit {
	float: right;
	margin-right: 10px;
	}
	
.copy {
	float: left;
	margin-left: 163px;
	}

.case-study {
	margin: 20px 0 20px 0;
	padding: 0 10px ;
	background-color: #f3f3f3;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	}

.case-study h3 {
	margin-bottom: 0;
	padding-bottom: 0; color: #0397d7;
	}

.indent {
	margin-left: 10px;
	}
	
.work-examples {text-align: left;}
.work-examples h2 {color: #0397d7;}
.work-examples img {padding: 3px; background: #FFFFFF; border: 1px solid #0397D3; margin: 0 6px 8px 7px;}
.case-study .work-examples img {margin: 0 4px 8px 5px;}
.work-examples a img {border: 1px solid #0397d3; cursor: pointer;}
.work-examples a:hover img {border: 1px solid #444444; background: #f3f3f3;}

.imgbox, .imgbox2 {position: absolute; display: block; visibility: hidden; z-index: 100; top: 0; left: 0;}
.imgbox .surround, .imgbox2 .surround {position: relative; display: block; padding: 0 0 15px 0;}
.imgbox .photo, .imgbox2 .photo {display: block; border: 1px solid #0397d3; background: #FFFFFF; padding: 5px; text-align: center;}
.imgbox .photo img, .imgbox2 .photo img {display: block; border: 0; padding: 0; margin: 0 auto;}
.imgbox .photo p, .imgbox2 .photo p {padding: 2px 0 2px; color: #444444; font-size: 11px;}
.imgbox .mark, .imgbox2 .mark {position: absolute; z-index: 110; left: 0;}
.imgbox2 .surround {padding: 15px 0 0 0;}
.imgbox .mark {bottom: 0;}
.imgbox2 .mark {top: 0;}