/* Design & Code (c) Wild Crow Communications */







/*   *************************************  */

/*    D E F A U L T   AND   P A G E         */

/*   *************************************  */


* { margin:0; padding:0; }

html body {margin:10px auto}
html body {padding:0} /* necessary for Opera */



/*   ADD SOME BACK IN IF NECESSARY
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin:20px 0; }
li, dd, blockquote { margin-left: 40px; }
*/




/*  Adds the margin back to forms  */
fieldset { padding:10px; }
select { min-width:1.5em; }
option {min-width: 1.5em;}
select optgroup { margin-left: 2%; }
select optgroup option { margin-left: 10%; }



body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #4D4D4D;
	font-weight:normal;
}
body {
	padding:5px;
	text-align:center;
	width:100%;
	height:100%;
	background-color: #cff3ff;
}


	
	
/* Headings H1-H6 */
h1 { font-size:20px; margin:12px auto; }

h2 { font-size:20px; margin:12px auto; }

h3 { font-size:16px; color:#8c2c00; }

h4 { margin:10px auto; }

h5 { font-size:14px; color:#8c2c00; }

h6 { }





/* Paragraph and Link Styles */
p { font-size:12px; margin:12px auto; }

	p a { }
	
	
:link,:visited { text-decoration:none }


a { color:#8c2c00; }
a:hover { text-decoration:underline; }

img {
border: 0;
}




#contain {
	text-align:left;
	width:799px;
	height:524;
	margin-left: auto;
	margin-right: auto;
	padding:0;
	background:#cff3ff;
	background:transparent url(images/bkgd.jpg) no-repeat 0 0;
	border:1px solid #0099FF;
}








/*   *************************************  */

/*        T E X T   AND   S U C H           */

/*   *************************************  */



p.listhead {
	margin-bottom:0;
}
ul.listhead {
	margin-top:0;
}










/*   *************************************  */

/*        H E A D E R                       */

/*   *************************************  */

#head { position:relative; width:auto; height:92px; padding:0; }

#logo h1 a {
	position:absolute;
	display:block;
	margin:0;
	padding:0;
	width:321px;
	height:61px;
	top:26px;
	left:67px;
	background-image:url(../images/logo.jpg);
}

#logo h1 {
	margin:0;
	padding:0;
}

#logo h1 a span { display:none; }





/*   *************************************  */

/*        M A I N   N A V                   */

/*   *************************************  */




ul#nav { 
	margin:0 32px;
	display: inline;
	}
ul#nav li {
	margin-left: 0;
	padding:0;
	padding-left:23px;
	list-style: none;
	display: inline;
	}
ul#nav li a { font-size:12px; font-weight:bold; color:#8c2c00; text-decoration:none; }
	ul#nav li a:hover { text-decoration:underline; }



ul#belowNav { 
	margin:0 32px;
	display: block;
	}
ul#belowNav li {
	margin-left: 0;
	padding:0;
	padding-left:23px;
	list-style: none;
	display: inline;
	}
ul#belowNav li a { font-size:10px; font-weight:bold; color:#8c2c00; text-decoration:none; }
	ul#belowNav li a:hover { text-decoration:underline; }




body#home ul#nav a#navHome { color:#003399; }
body#about ul#nav a#navAbout { color:#003399; }
body#work ul#nav a#navWork { color:#003399; }
body#clients ul#nav a#navClients { color:#003399; }
body#different ul#belowNav a#bNavDiff { color:#003399; }
body#people ul#belowNav a#bNavPeople { color:#003399; }
body#stories ul#belowNav a#bNavStories { color:#003399; }
body#contact ul#belowNav a#bNavContact { color:#003399; }




#bottomBar { width:632px; height:64px; margin:0; padding: 0 33px 0 20px; padding-top:-20px; background-color:#a0e8ff; }
div#bottomBar img { margin:0; }

/*   *************************************  */

/*        C O N T E N T                     */

/*   *************************************  */


#flashSide { float:left; width:114px; }


	
#content { float:left; position:relative; width:684px; height:431px; }	

#contentArea { padding:20px; }

	body#home #contentArea { background:transparent url(images/home_meet-us.jpg) no-repeat 18px 180px; }
	body#home #contentArea h2 { margin-top:30px; margin-bottom:100px; line-height:35px; }
	
	body#about #contentArea { padding-top: 40px; }
	body#about #contentArea h2 { font-size:12px; }
	
	
	
	
	
	

#navBox {
	position:absolute;
	bottom:0;
	width:100%;
	height:106px;
	text-align:right;
}

#navBox img { margin:2px 0; }




#scrollBoxClients {
			width:620px;
			height:230px;
			overflow: auto;
			padding:0;
			padding-right:10px;
	}
#scrollBoxWork {
			width:620px;
			height:200px;
			overflow: auto;
			padding:0;
			padding-right:10px;
	}
	
#scrollBoxPeople {
			width:620px;
			height:80px;
			overflow: auto;
			padding:0;
			padding-right:10px;
	}
#scrollBoxStories {
			width:620px;
			height:250px;
			overflow: auto;
			padding:0;
			padding-right:10px;
	}





/*   *************************************  */

/*      H I D E    P R I N T                */

/*   *************************************  */
	
	


.print, .legend, .hide {
	display:none;
}

.bodySmall, .bodySmallIndent, .bodySmallIndent2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #4D4D4D;
	font-weight:normal;
	display:block;
}
.bodySmallIndent, .bodySmallIndent2 {
	margin-left:10px;
}
.bodySmallIndent2 {
	font-size:10px;
}
.workLink{
font-style:italic;
color: #244a9f;
font-weight:bold;
}

.whiteBox { width:310px; text-align:left; margin:20px auto; padding:20px; border:1px solid #ffffff;  }

.whiteText {
	
	font-size:11px;
	color: #FFFFFF;
	font-weight:bold;
}
.whiteTextLarge {
	
	font-size:12px;
	color: #FFFFFF;
	font-weight:bold;
}

/*   *************************************  */

/*        ImageBox CSS                      */

/*   *************************************  */



#ImageBoxOverlay
{
	background-color: #000;
}
#ImageBoxCaption
{
	position:relative;
	background-color: #99FFFF;
	border-bottom:15px solid #000;
	border-right:15px solid #000;
	border-left:15px solid #000;
	z-index:600;
}
#ImageBoxContainer
{
	position:relative;
	width: 250px;
	height: 250px;
	background-color: #99FFFF;
	border-top:15px solid #000;
	border-right:15px solid #000;
	border-left:15px solid #000;
	padding-bottom:30px;
	z-index:601;
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}
.ImageBoxCaptionText2
{
	font-weight: normal;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}
#ImageBoxCaptionImages
{
	margin: 0;
	color: #000;
}
#ImageBoxNextImage
{
	background-image: url(../images/imagebox/next_image.gif);
	background-repeat:	no-repeat;
	background-position: right bottom;
	margin-top:30px;
}
#ImageBoxPrevImage
{
	background-image: url(../images/imagebox/prev_image.gif);
	background-repeat:	no-repeat;
	background-position: left bottom;
	margin-top:30px;
}
#ImageBoxNextImage:hover
{
	background-image: url(../images/imagebox/next_image.gif);
	background-repeat:	no-repeat;
	background-position: right bottom;
}
#ImageBoxPrevImage:hover
{
	background-image: url(../images/imagebox/prev_image.gif);
	background-repeat:	no-repeat;
	background-position: left bottom;
};