/* ----------------------------[ Global Elements ]---------------------------- */

html, body { 
 	margin: 0; 
 	padding: 0; 
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 175%;
 	text-align: center; 
	height: 100%;
	} 

p {
	margin: 0px 0px 12px 0px;
	}
	
p.sidebar {
	margin: 0px 0px 12px 0px;
	line-height:130%;
	color:#00008B;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin: 0px;
	padding: 0px 0px 0px 1px;
	}
	
h1 {
	font-size: 180%;
	/*text-transform: uppercase;*/
	margin-bottom: 0px;
	color: #00008B;
	line-height:120%;
	}
	
h2 {
	font-size: 150%;
	margin-bottom:0px;
	color: #15689C;
	line-height:120%;
	}
	
	
h3 {
	font-size: 140%;
	margin:5px 0 7px;
	font-weight:bold;
	line-height:120%;
	color: #a52a2a;
	}
	
h4 {
	font-size: 130%;
	margin-bottom:7px;
	font-weight:bold;
	line-height:120%;
	color: #15689C;
	}
	
strong {
	color:#00008B;
	}
	
#container { 
 	width: 783px; 
 	text-align:left;  
	margin: 0 auto;
	padding-top:20px;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
	}
	

/* ----------------------------[ Top Banner ]---------------------------- */

#top_banner {
 	width:783px;
	height:203px; 
	position:relative; 	
 	background-image:url(images/banners/banner_images_home.jpg);
	background-position:top left;
	background-repeat:no-repeat; 	
	} 

#top_banner_secondlevel {
 	width:783px;
	height:100px; 
	position:relative; 
 	background-image: url(images/banners/banner_images_secondlevel.jpg);
	background-position:top left;
	background-repeat:no-repeat; 	
	}


/* ----------------------------[ Images ]---------------------------- */

img {
	border:0px;
	}
	
.slideshow {
	margin-left:471px;
	}
	
.main_image {
	margin-left:471px;
	}
	
.leftcol_header {
	padding-bottom:15px;
	}
	
img.inline {
	display:inline;
	margin-bottom:-4px;
	margin-left:5px;
	}


/* ----------------------------[ Top Nav ]---------------------------- */

#nav_container {
	width: 783px;
	height: 25px;
	overflow: hidden;
	padding: 0;
	margin: 0px;
	background-color: #fff;	
	}

#nav {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 25px;
	display: inline;
	overflow: hidden;
	width: 783px;
	left: 0px;
	top: 0px;
	}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	float: left;
	padding: 25px 0 0 0;	
/* ========== JERI THIS WAS THE FIX I COMMENTED OUT overflow: hidden; ========== */
	height: 0px !important; 
	height /**/:25px; /* for IE5/Win */
	}
	
#nav a:hover {
	background-position: 0 -25px;	
	overflow: hidden;
	}

#nav a:active, 
#nav a.selected {
	background-position: 0 -50px;
/* ========== JERI THIS WAS THE FIX I COMMENTED OUT overflow: hidden; ========== */
	}
	
#ihome a  {
	color: #fff;
	width: 157px;
	background: #15689C url(images/nav/home.gif) top left no-repeat;
	}

#iabout a  {
	color: #fff;
	width: 157px;
	background: #00008B url(images/nav/about.gif) top left no-repeat;
	}

#iservices a  {
	color: #fff;
	width: 157px;
	background: #6F2D95 url(images/nav/services.gif) top left no-repeat;
	}

#iclients a  {
	color: #fff;
	width: 157px;
	background: #A52A2A url(images/nav/clients.gif) top left no-repeat;
	}
	
#iportfolio a  {
	color: #fff;
	width: 155px;
	background: #236434 url(images/nav/portfolio.gif) top left no-repeat;
	}


/* ----------------------------[ Branding ]---------------------------- */

#branding_home {
	width: 783px;
	height: 70px;
	position: relative;
	margin-top: 2px;
	margin-bottom: 20px;
	background-image: url(images/branding/branding_home.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	clear: both;
	}
	
#branding_about {
	width: 783px;
	height: 70px;
	position: relative;
	margin-top: 2px;
	margin-bottom: 20px;
	background-image: url(images/branding/branding_about.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	clear: both;
	}
	
#branding_services {
	width: 783px;
	height: 70px;
	position: relative;
	margin-top: 2px;
	margin-bottom: 20px;
	background-image: url(images/branding/branding_services.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	clear: both;
	}
	

/* --------------------------------------- START IMG DOESNT EXIST  */
#branding_marketing {
	width: 783px;
	height: 70px;
	position: relative;
	margin-top: 2px;
	margin-bottom: 20px;
	background-image: url(images/backgrounds/branding_marketing.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	clear: both;
	}
	
#branding_pubrelations {
	width: 783px;
	height: 70px;
	position: relative;
	margin-top: 2px;
	margin-bottom: 20px;
	background-image: url(images/backgrounds/branding_pubrelations.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	clear: both;
	}
/* -------------------------------------- END IMG DOESNT EXIST */
	
#branding_clients {
	width: 783px;
	height: 70px;
	position: relative;
	margin-top: 2px;
	margin-bottom: 20px;
	background-image: url(images/branding/branding_clients.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	clear: both;
	}
	
#branding_portfolio {
	width: 783px;
	height: 70px;
	position: relative;
	margin-top: 2px;
	margin-bottom: 20px;
	background-image: url(images/branding/branding_portfolio.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	clear: both;
	}
	
#branding_toolkit {
	width: 783px;
	height: 70px;
	position: relative;
	margin-top: 2px;
	margin-bottom: 20px;
	background-image: url(images/branding/branding_toolkit.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	clear: both;
	}
	
#branding_contact {
	width: 783px;
	height: 70px;
	position: relative;
	margin-top: 2px;
	margin-bottom: 20px;
	background-image: url(images/branding/branding_contact.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	clear: both;
	}


/* ----------------------------[ Main Content ]---------------------------- */

#maincontent_home {
	float: left; 
	width: 741px;
	position: relative;
	border-top: 1px solid #C2D1DB;
	border-right: 1px solid #C2D1DB;
	border-bottom: 0; 
	border-left: 1px solid #C2D1DB;
	padding: 15px 20px;
	}
	
#maincontent_about {
	float: left; 
	width: 741px;
	position: relative;
	border-top: 1px solid #C2D1DB;
	border-right: 1px solid #C2D1DB;
	border-bottom: 0; 
	border-left: 1px solid #C2D1DB;
	padding: 15px 20px;
	background-image: url(images/backgrounds/body_bg_ink.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	}
	
#maincontent_services {
	float: left; 
	width: 741px;
	position: relative;
	border-top: 1px solid #C2D1DB;
	border-right: 1px solid #C2D1DB;
	border-bottom: 0; 
	border-left: 1px solid #C2D1DB;
	padding: 15px 20px;
	background-image: url(images/backgrounds/body_bg_opportunity.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	}
		
#maincontent_marketing {
	float: left; 
	width: 741px;
	position: relative;
	border-top: 1px solid #C2D1DB;
	border-right: 1px solid #C2D1DB;
	border-bottom: 0; 
	border-left: 1px solid #C2D1DB;
	padding: 15px 20px;
	background-image: url(images/backgrounds/body_bg_opportunityleft.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	}
	
#maincontent_clients {
	float: left; 
	width: 741px;
	position: relative;
	border-top: 1px solid #C2D1DB;
	border-right: 1px solid #C2D1DB;
	border-bottom: 0; 
	border-left: 1px solid #C2D1DB;
	padding: 15px 20px;
	background-image: url(images/backgrounds/body_bg_deskmug.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	}
	
#maincontent_portfolio {
	float: left; 
	width: 741px;
	position: relative;
	border-top: 1px solid #C2D1DB;
	border-right: 1px solid #C2D1DB;
	border-bottom: 0; 
	border-left: 1px solid #C2D1DB;
	padding: 15px 20px;
	background-image: url(images/backgrounds/body_bg_origami.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	}
	
#maincontent_toolkit {
	float: left; 
	width: 741px;
	position: relative;
	border-top: 1px solid #C2D1DB;
	border-right: 1px solid #C2D1DB;
	border-bottom: 0; 
	border-left: 1px solid #C2D1DB;
	padding: 15px 20px;
	background-image: url(images/backgrounds/body_bg_pencils.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	}
	
#maincontent_contact {
	float: left; 
	width: 741px;
	position: relative;
	border-top: 1px solid #C2D1DB;
	border-right: 1px solid #C2D1DB;
	border-bottom: 0; 
	border-left: 1px solid #C2D1DB;
	padding: 15px 20px;
	background-image: url(images/backgrounds/body_bg_rolodex.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	}


/* ----------------------------[ Columns ]---------------------------- */

#maincol{
	margin-top:10px;	
 	}

#leftcol {
 	width:175px; 
 	position:relative;
	margin-top:10px;
	float:left; 
	margin-right:20px;
  	}
  
#rightcol {
	width: 500px; 	
 	position:relative;
	margin-top:10px;
	margin-left:200px;
	padding-left:20px;
	background-image:url(images/web_graphics/dotted_vertical.gif);
	background-repeat:repeat-y;
	background-position:top left;
 	}


/* ----------------------------[ Text ]---------------------------- */

/* ------------[ Sidebar Nav ]------------ */

#sidebar_navigation ul {
	padding: 0px;
	margin: 0px 0px 15px 0px;
	list-style-type: none;
	line-height:18px;	
	width:150px;
	}

#sidebar_navigation ul li {
	padding-left: 20px;
	background-image:  url(images/web_graphics/bullet_blue.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding-bottom: 10px;
	}

#sidebar_navigation ul li a:link {
	color: #15689C; 
	text-decoration: underline;
	}
	
#sidebar_navigation ul li a:visited {
	color: #15689C; 
	text-decoration: underline;
	}
	
#sidebar_navigation ul li a:hover {
	/*display: block;*/
	color: #A52A2A;
	text-decoration: none;
	}
	
#sidebar_navigation ul li a#current {
	/*display: block;*/
	color: #00008B;
	font-weight: bold;
	text-decoration: none;
	}

#copyright{
	color: #c2d1db;
	font-size: 10px;
	letter-spacing: .25em;
	padding: 25px 20px;
	margin-right: 200px;
	background-image: url(images/web_graphics/sm_pen.gif);
	background-repeat: no-repeat;
	background-position: right center;
	}
	
.sidebar_pullquote {
	padding: 25px 0px;
	margin: 25px 0px;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: oblique;
	font-size: 12px;
	color: #15689C;
	font-weight: bold;
	background-image: url(images/web_graphics/dotted_horizontal.gif);
	background-position: top left;
	background-repeat: repeat-x;
	}
	
.emphasis {
	color: #560883;
	font-style: italic;
	font-size: 11px;
	line-height: 18px;
	}


/* ----------------------------[ Links ]---------------------------- */

a:link {
	color: #15689C; 
	text-decoration: underline;
	}

a:visited {
	color: #15689C; 
	text-decoration: underline;
	}

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

#footer_nav a:link {
	color: #fff; 
	text-decoration: underline;
	}

#footer_nav a:visited {
	color: #fff; 
	text-decoration: underline;
	}

#footer_nav a:hover { 
	color: #fff; 
	text-decoration: none;
	}

#footer_nav a#current { 
	color: #fff; 
	font-weight: bold; 
	text-decoration: none; 
	}


/* ----------------------------[ Lists ]---------------------------- */

.bulleted_list ul {
	padding: 0px 0px 0px 15px;
	margin: 15px 0px 15px 0px;
	list-style-type: none;
	line-height:150%;	
	width:100%;
	}

.bulleted_list ul li {
	padding-left: 20px;
	background-image:url(images/web_graphics/bullet_myeye.gif);
	background-repeat: no-repeat;
	background-position: 0 .15em;
	padding-bottom: 7px;
	}

.bulleted_list2 ul {
	padding: 0px 0px 0px 15px;
	margin: 15px 0px 15px 0px;
	list-style-type: none;
	line-height:150%;	
	width:100%;
	}

.bulleted_list2 ul li {
	padding-left: 20px;
	background-image:url(images/web_graphics/bullet_myeye.gif);
	background-repeat: no-repeat;
	background-position: 0 .15em;
	padding-bottom: 7px;
	}

/* ----------------------------[ 2 Column Lists ]---------------------------- */

#twocol_list {
	width: 460px;
	border-top: 1px solid #C2D1DB;
	}

ul.left {
    float: left;
    width: 225px; 
    padding: 0px 0px 0px 5px;
	margin: 15px 0px 15px 0px;
	list-style-type: none;
	line-height: 150%;
  }
  
 ul.left li {
	padding-left: 15px;
	background-image: url(images/web_graphics/bullet_myeye.gif);
	background-repeat: no-repeat;
	background-position: 0 .15em;
	padding-bottom: 7px;
	}
  
ul.right {
    float: right;
    width: 225px; 
    padding: 0px 0px 0px 5px;
	margin: 15px 0px 15px 0px;
	list-style-type: none;
	line-height:150%;	
	}
	 
ul.right li {
	padding-left: 15px;
	background-image: url(images/web_graphics/bullet_myeye.gif);
	background-repeat: no-repeat;
	background-position: 0 .15em;
	padding-bottom:7px;
	}


/* ----------------------------[ Footer ]---------------------------- */

#footer_turquoise {
	height: 20px;
	background-color: #15689C;
	padding: 5px 20px 8px 20px;
	font-size: 10px;
	color: #fff;
	text-align: right;
	clear: both;
	}
	
#footer_blue {
	height: 20px;
	background-color: #00008B;
	padding: 5px 20px 8px 20px;
	font-size: 10px;
	color: #ffffff;
	text-align: right;
	clear: both;
	}
	
#footer_purple {
	height: 20px;
	background-color: #560883;
	padding: 5px 20px 8px 20px;
	font-size: 10px;
	color: #fff;
	text-align: right;
	clear: both;
	}
	
#footer_red {
	height: 20px;
	background-color: #A52A2A;
	padding: 5px 20px 8px 20px;
	font-size: 10px;
	color: #ffffff;
	text-align: right;
	clear: both;
	}
	
#footer_green {
	height: 20px;
	background-color: #236434;
	padding: 5px 20px 8px 20px;
	font-size: 10px;
	color: #fff;
	text-align: right;
	clear: both;
	}

/* ----------------------------[ Float Containers Fix ]---------------------------- */
/* --------[ http://www.csscreator.com/attributes/containedfloat.php ]-------- */ 

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

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

/*printer styles*/ 
@media print{ 
	#leftcol{display:none;} /*hide the left column when printing*/ 

	#rightcol{display:none;} /*hide the right column when printing*/ 

	#twocols, #maincol { width: 100%; float: none; }
	}


/* ----------------------------[ Call Out ]---------------------------- */

.callout {
	padding:25px 25px 10px;
	border:1px dotted #A52A2A;
	margin:10px 0;
	}

/* ----------------------------[ Rule ]---------------------------- */

.rule {
	border-bottom:1px dotted #00008B;
	margin:0 0 15px 0;
	clear: both;
	padding-top:15px;
	}