@charset "utf-8";
/* CSS Document */

.g20 {position:absolute; margin-left:194px; margin-top:10px;}

/*
###  TYPE  ###
*/
ul#portfolio a.navactive {
color:#fea607;
}
.boldblue {
font-weight:bold;
color:#628EBD;
}

h1 {
	font:	1.2em Arial, Helvetica, Verdana, sans-serif;
	line-height: .9;
  	margin: .9em 0 .9em 1.3em;
	width: 30%;
	}
	
h2#tagline {
	position: relative;
	left: 640px;
	top: 75px;
	font:	1.2em Arial, Helvetica, Verdana, sans-serif;
	font-weight: lighter;
	width: 300px;
	}
.blueBold {
	font-weight: bold;
	color: #6088b7;
	}
	
p {
	font: 12px Arial, Helvetica, Verdana, sans-serif;  
	line-height: 1.4;
  	margin: 1.5em 2.5em;
	width: 28%;
	height: 250px;
	margin-bottom: -315px;
	}
ul#companyCopy {
	position: relative;
	top: 255px;
	font: 12px Arial, Helvetica, Verdana, sans-serif;  
	line-height: 1.5;
  	margin: 1.5em 2.5em;
	width: 28%;
	height: 100px;
	margin-bottom: -120px;
	list-style: inherit;
	color: #ffffff;
	}
ul#companyCopy a {
	color: #ffffff;
	}
	
ul#portfolio {
	position: relative;
	font: .8em Arial, Helvetica, Verdana, sans-serif;  
	line-height: 1.5;
  	margin: 1.5em 2.5em;
	width: 28%;
	height: 250px;
	margin-bottom: -315px;
	}
ul#portfolio a {
	color: #FFFFFF;
	text-decoration: none;
	}
ul#portfolio a:hover {
	color: #e39405;
	}
a.active {
	color: #e39405;
	}
ul#portfolio ul {
	list-style: disc;
	color:#ffffff;
	}
	
.reversed {
	color: #ffffff;
	}
	
	
/*Navigation*/

ul#nav {
	position: relative;
	top: 25px;
	}
	
ul#nav li {
	position: relative;
	margin-top: 1em;
	left: -10px;
	color: #2f3644;
	}
	
ul#nav li a {
	margin-left: 30px;
	text-decoration: none;
	}
	
li#company {
	background: url(../images/nav-li-company.gif) no-repeat left;
	font: .8em Arial, Helvetica, Verdana, sans-serif;
	}
li#company a:link {
	color: #2f3644;
	}
li#company a:hover {
	color: #9d2224;
	}
	
a#companyactive {
	font-weight: bold;
	color: #9d2224;
	}

li#services {
	background: url(../images/nav-li-services.gif) no-repeat left;
	font: .8em Arial, Helvetica, Verdana, sans-serif;
	}
li#services a:link {
	color: #2f3644;
	}
li#services a:hover {
	color: #fea607;
	}
	
a#servicesactive {
	font-weight: bold;
	color: #fea607;
	}

li#portfolio {
	background: url(../images/nav-li-portfolio.gif) no-repeat left;
	font: .8em Arial, Helvetica, Verdana, sans-serif;
	}
li#portfolio a:link {
	color: #2f3644;
	}
li#portfolio a:hover {
	color: #115e34;
	}
	
a#portfolioactive {
	font-weight: bold;
	color: #115e34;
	}

li#contact {
	background: url(../images/nav-li-contact.gif) no-repeat left;
	font: .8em Arial, Helvetica, Verdana, sans-serif;
	}
li#contact a:link {
	color: #2f3644;
	}
li#contact a:hover {
	color: #6d7c7c;
	}
	
a#contactactive {
	font-weight: bold;
	color: #6d7c7c;
	}

li#home {
	background: url(../images/nav-li-home.gif) no-repeat left;
	font: .8em Arial, Helvetica, Verdana, sans-serif;
	}
li#home a:link {
	color: #2f3644;
	}
li#home a:hover {
	color: #1a3066;
	}
	
a#homeactive {
	font-weight: bold;
	color: #1a3066;
	}

a:visited {
	color: #2f3644;
	}
	
/*End Navigation*/

#staffbios ol {
	margin: 0;
	padding: 0;
	font: .8em Arial, Helvetica, Verdana, sans-serif;  
	line-height: 1.5;
	padding: 25px 5px;
	}
#staffbios ol li {
	margin: 0;
	padding: 3px;
	}
#staffbios li a {
	color: #333333;
	text-decoration: none;
	display: block;
	}
#staffbios li a:hover {
	background-color:#F0F7FF;
	}
#staffbios em {
	font-style: italic;
	color: #9d2225;
	font-size:.875em;
	}
ol#operations {
	z-index:1;
	position: relative;
	float: left;
	left: 25px;
	}
ol#creative {
	position: relative;
	left: 75px;
	width: 72%;
	}
	
#listofservices ol {
	margin: 0;
	padding: 0;
	font: .7em Arial, Helvetica, Verdana, sans-serif;  
	line-height: 1.5;
	padding: 25px 5px;
	}
#listofservices ol li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	}
#listofservices ul {
	list-style: disc;
	list-style-position: inherit;
	}
#services1 ul li {
	display: list-item;
	float: none;
	}
#services2 ul li {
	display: list-item;
	float: none;
	}
#services3 ul li {
	display: list-item;
	float: none;
	}
#services4 ul li {
	display: list-item;
	float: none;
	}
#listofservices ul h2 {
	font-weight:bold;
	color: #6088b7;
	padding: 0;
	margin: 0;
	margin-left: -15px;
	font-size: 12px;
	}
	
	
ul#address {
	font: .7em Arial, Helvetica, sans-serif;
	line-height: 1.25;
	position: relative;
	top: 8px;
	left: -60px;
	}
ul#address a:link {
	color:#4A5151;
	}
ul#address li {
	text-align: right;
	width:183px;
	color: #4a5151;
	}
	
form h2 {
	margin-top: 15px;
	}
	
form td.fieldName {
	background: #D5DEED;
	font: .8em Arial, Helvetica, Verdana, sans-serif;  
	text-align: right;
  	margin: 1.5em 2.5em;
	width: 28%;
	}
	

a#portfolioactive {
	font-weight: bold;
	color: #115e34;
	}


/*
###  IMAGES   ###
*/

#header {
	background: #ffffff url(../images/levy-header-bk.jpg) no-repeat top left;
	}
	
#levylogo {
	position: relative;
	top: 70px;
	left: 162px;
	}

#leftcolumn {
	background: #1a3066 url(../images/levy-mg-nav-bk.gif) no-repeat top left;
	}
	
#content {
	background: #1a3066 url(../images/levy-mg-content-bk.gif) no-repeat right top;
	}

#footer {
	background: #ffffff url(../images/levy-mg-footer-bk.png) no-repeat center top;
	}


	
/*
###  CONTAINERS   ###
*/
	
	
body {
margin: 0px;
padding: 0px;
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
}

#container {
width: 1012px;
margin: 0px auto;
}

#header {
margin-top:30px;
width: 100%;
height:138px;
}

#leftcolumn {
background-color:#99CCFF;
float:left;
width:183px;
height:334px;
}

#content {
float:left;
height:334px;
width:829px;
}

#flash {
	position: relative;
	top:11px;
	left: 279px;
	width: 450px;
	height: 334px;
	}
	
#homeflash {
	position: relative;
	top:12px;
	left: 279px;
	width: 450px;
	height: 334px;
	}
	
#companyflash {
	position: relative;
	top:14px;
	left: 279px;
	width: 450px;
	height: 334px;
	}
	
#contactdiv {
	position: relative;
	top:12px;
	left: 279px;
	width: 450px;
	height: 334px;
	background: #fff url(../images/levy-portfolio-bk.jpg) top repeat-x;
	}
	
#listofservices {
	position: relative;
	top:12px;
	left: 279px;
	width: 450px;
	height: 334px;
	background: #fff url(../images/levy-portfolio-bk.jpg) top repeat-x;
	}
#portfoliocategory {
	position: relative;
	top:-7px;
	left: 279px;
	width: 450px;
	height: 334px;
	background: #fff url(../images/levy-portfolio-bk.jpg) top repeat-x;
	}
	#portfoliocategory p {
	padding-top:35px;
	width:400px;
	}
#staffbios {
	position: relative;
	top:14px;
	left: 279px;
	width: 450px;
	height: 334px;
	background: #fff url(../images/levy-portfolio-bk.jpg) top repeat-x;
	}
#staffbios ol {
	list-style: none;
	display: list-item;
	}
#ouroffices {
	position: relative;
	top:14px;
	left: 279px;
	width: 450px;
	height: 334px;
	background: #fff url(../images/levy-portfolio-bk.jpg) top repeat-x;
	}
#kennametal {
	position: relative;
	top:11px;
	left: 279px;
	width: 450px;
	height: 334px;
	background: #fff url(../images/levy-portfolio-bk.jpg) top repeat-x;
}	
p.seeourwork {
	font: 12px Arial, Helvetica, Verdana, sans-serif;  
	color:#fff;
	line-height: 1.4;
  	margin: 1.5em 2.5em;
	width: 28%;
}
ul#portfolio2 {
	top:-85px;
	position: relative;
	font: .8em Arial, Helvetica, Verdana, sans-serif;  
	line-height: 1.5;
  	margin: 1.5em 2.5em;
	width: 28%;
	height: 250px;
	margin-bottom: -583px;
	}
ul#portfolio2 a {
	color: #FFFFFF;
	text-decoration: none;
	}
ul#portfolio2 a:hover {
	color: #e39405;
	}

#footer {
	width:100%;
	height:157px;
	clear:both;
	}

/* Accordian Effect*/


#top_container {
	position: relative;
	top:11px;
	left: 279px;
	width: 450px;
	height: 334px;
	background: #fff url(../images/levy-portfolio-bk.jpg) top repeat-x;
	}
			
/*Horizontal Accordion*/

#accordionOne {
	background: url(../images/portfolio-advertising.jpg) no-repeat top left;
	}
#accordionOne.horizontal_accordion_toggle_active {
	background: url(../images/portfolio-advertising-over.jpg) no-repeat top left;
	/*border-right: 1px solid #f68263;*/
	}
#accordionTwo {
	background: url(../images/portfolio-design.jpg) no-repeat top left;
	}
#accordionTwo.horizontal_accordion_toggle_active {
	background: url(../images/portfolio-design-over.jpg) no-repeat top left;
	/*border-right: 1px solid #f68263;*/
	}
#accordionThree {
	background: url(../images/portfolio-tradeshows.jpg) no-repeat top left;
	}
#accordionThree.horizontal_accordion_toggle_active {
	background: url(../images/portfolio-tradeshows-over.jpg) no-repeat top left;
	/*border-right: 1px solid #f68263;*/
	}
#accordionFour {
	background: url(../images/portfolio-websites.jpg) no-repeat top left;
	}
#accordionFour.horizontal_accordion_toggle_active {
	background: url(../images/portfolio-websites-over.jpg) no-repeat top left;
	/*border-right: 1px solid #f68263;*/
	}
		
.horizontal_accordion_toggle {
	/* REQUIRED */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */

	display: block;
	height: 334px;
	width: 50px;
	background: url(../images/portfolio-advertising.jpg) no-repeat top left;
	margin: 0;
	}
		
.horizontal_accordion_content {
	/* REQUIRED */
	height: 334px;	/* We need to define a height for the accordion as it stretches the width */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */
			
	overflow: hidden;
	color: #444;
	width: 300px;
	}
.horizontal_accordion_content h2 {
	font:	1.25em Arial, Helvetica, Verdana, sans-serif;
	line-height: .9;
  	margin: .9em 0 .9em 0;
	padding-left: 10px;
	color: #1a3066;
	}
.horizontal_accordion_content p {
	width: 230px;
	height: auto;
	padding: 10px;
	margin: 0;
	 }