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

* {
margin:0;
padding:0;

}
p{
font:normal normal .9em/1.2em Georgia, "Times New Roman", Times, serif;
text-align:justify;
color:rgb(60,60,70);
}
p a{
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
font-size:12px;
color:#940b0b;
text-decoration:none;
}
p a:hover{
text-decoration:underline;
}

img{
border:none;
}

/* end Global Reset ------------*/

body{
background:rgb(238,238,238);
}

#pageWrapper{
display:block;
width:990px;
margin:auto;
background:url(../images/mid_bg.gif) repeat-y;
}
#mainWrapper{
display:block;
width:990px;
margin:auto;
background:url(../images/top_bg.gif) top left no-repeat;
}


#header{
float:left;
margin:30px 0 10px 30px;
}
#headerWrapper{
border-bottom:1px dashed #ff0000;
width:970px;
margin:0 auto 30px auto;
}

#nav{
float:left;
margin:95px 0 0 30px;
width:750px;
}
	#nav ul{
	display:block;
	float:right;
	}	
	#nav ul li{
	display:block;
	margin-left:3px;
	float:left;
	}
	
	#nav ul li a {
	display:block;
	height:30px; /*make sure height and total vertical padding = 30px;*/
	font:normal bold .8em "Trebuchet MS", Verdana, Arial, sans-serif;
	letter-spacing:.1em;
	color:#ffffff;
	text-decoration:none;
	}
	#nav ul li a:hover{
	color:#333333;
	}
	
	
	#nav ul li a span{
	display:block;
	background:url(../images/nav-leftbg.gif) top left no-repeat;
	}
	#nav ul li a span span{
	height:25px; /*make sure height and total vertical padding = 30px;*/
	padding:5px 10px 0 10px;
	background:url(../images/nav-rightbg.gif) top right no-repeat;
	}
	#nav ul li a:hover span{
	display:block;
	background:url(../images/nav-leftbg.gif) bottom left no-repeat;
	}
	#nav ul li a:hover span span{
	height:25px; /*make sure height and total vertical padding = 30px;*/
	padding:5px 10px 0 10px;
	background:url(../images/nav-rightbg.gif) bottom right no-repeat;
	}

	


#content{
width:930px;
margin:auto;
}

#content #flash{
width:447px;
height:350px;
margin:auto;
}
#content h1{
font:normal normal 1.2em/1.4em "Trebuchet MS", Verdana, Arial, sans-serif;
color:#990000;
}
#content h2{
font:normal normal .8em/1.2em "Trebuchet MS", Verdana, Arial, sans-serif;
color:#666666;
}
#content h3{
font:normal bold .7em/1em "Trebuchet MS", Verdana, Arial, sans-serif;
color:#660000;
}
#content a{
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
font-size:13px;
color:#940b0b;
text-decoration:none;
line-height:30px;
}
#content a:hover{
text-decoration:underline;
}

#content #portfolioNav{
width:450px;
float:left;
margin-left:20px;
}
#content #portfolioNav ul{
list-style:none;
}


#content #portfolioNav #categories{
width:150px;
float:left;
}
		
		li.selected span.container{
		display:block;
		background:#efefef;
		}
		li.selected span.container span{
		display:block;
		background:url(../images/t_repeat.gif) top repeat-x;
		}
		li.selected span.container span span{
		background:url(../images/t_repeat.gif) bottom repeat-x;
		}
		li.selected span.container span span span{
		background:url(../images/tl.gif) top left no-repeat;
		}
		li.selected span.container span span span span{
		background:url(../images/tr.gif) top right no-repeat;
		}
		li.selected span.container span span span span span{
		background:url(../images/bl.gif) bottom left no-repeat;
		}
		li.selected span.container span span span span span span{
		background:url(../images/br.gif) bottom right no-repeat;
		padding:10px;
		}
		


	#content #portfolioNav #categories li {
	display:block;
	margin-top:10px;
	}
	#content #portfolioNav #categories li.selected {
	display:block;
	margin-top:10px;
	}
	
	
	#content #portfolioNav #categories li a{
	display:block;
	padding:5px;
	padding-left:15px;
	
	font:normal normal .8em/1.2em "Trebuchet MS", Verdana, Arial, sans-serif;
	color:#990000;
	text-decoration:none;
	
	}
	#content #portfolioNav #categories li.selected a{
	font-weight:bold;
	}

#content #portfolioNav #col2{
width:240px;
padding-left:20px;
padding-top:20px;
float:left;
background:#efefef url(../images/thumbnails_top_bg.gif) top center no-repeat;

}
#content #portfolioNav .client{
clear:both;
margin-bottom:20px;
}
#content #portfolioNav .client ul.broadcast li{
display:block;
float:none;
font:normal bold .9em "Trebuchet MS", Verdana, Arial, sans-serif;
}

#content #portfolioNav .client ul.broadcast li a{
display:block;
color:#003366;
text-decoration:none;
}
#content #portfolioNav .client h3{
margin:10px 0 5px 5px; 
}


#content #portfolioNav .client li{
display:block;
float:left;

margin:5px;
}
#content #portfolioNav .client li img{
width:100px;
}

#description{
width:420px;
float:left;
margin-bottom:30px;
}
#description h2{
margin:20px 0 5px 0;
}


#displayportfolio {
float:left;
border:1px solid #cccccc;
padding:10px;
}


#footer{
display:block;
padding:10px;
margin:auto;
background:url(../images/bottom_bg.gif) bottom left no-repeat;
}
#footer p{
background:url(../images/foot_border_bg.gif) repeat-x top;
padding:20px;
text-align:right;
font:normal normal .7em Arial, sans-serif;
letter-spacing:.05em;
color:rgb(220,50,50);
}




.events{
	width:900px;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}
.events p.title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#333;
	text-decoration:none;
	line-height:40px;
	margin:0px;
	padding:0px;
	font-weight:normal;
}

.events div.left{
	float:left;
	width:430px;
}
.events div.left div.img_bck_border{
	border:1px #ccc solid; background:#eee; padding:10px; width:410px; height:330px;
}
.events div.left div.elogo{
	position:absolute;
	height:91px;
	width:430px;
	margin:240px 0 0 21px;
	z-index:99999;
}
.events div.left div.elogo div{
	float:right;
}

.events div.right{
	float:right;
	width:430px;
}
.events div.right h1{
	font-size:26px;
	color:#ff0000;
	text-decoration:none;
	line-height:25px;
	margin:0px;
	padding:0px;
	font-weight:bolder;
}
.events div.right span{
	font-size:15px;
	color:#666;
	text-decoration:none;
	line-height:18px;
}
.events div.right p{
	font-size:13px;
	color:#333;
	text-decoration:none;
	line-height:22px;
	margin:20px 0;
}
.events div.right a{
	font-size:15px;
	color:#ff0000;
	text-decoration:none;
	line-height:22px;
}
.events div.right a:hover{
	text-decoration:underline;
}


.elogo_tumbs_wrapper{
	height:68px;
	padding:4px 0;
	margin-left:13px;
}
.elogo_tumbs_wrapper img{
	height:68px;
}