/* CSS Document */
body { background-color:#fff; color:#336799; font:8pt Tahoma, Verdana, Arial, Helvetica, sans-serif; }
p { text-align:left; font:8pt Tahoma, Verdana, Arial, Helvetica, sans-serif; }
img {
	border:0px;
	text-align: left;
}

a { color:#FF9933; text-decoration:underline; }
a:hover { color:#3953a4; text-decoration:underline; }

h1 {}
h2 { font-size:11px; font-weight:bold; padding-bottom:3px; margin-bottom:0px; }


/* Form Elements */
form.contact { padding:3px 3px; }
fieldset.contact { border:0px;
	padding:5px 5px;
	margin-bottom:10px; margin-top:15px; }
legend.contact { font:15px Verdana, Arial, Helvetica, sans-serif;
	font-weight:600;
	color: #802b61; }
label.contact,input.contact { display: block;
	float: left;
	margin-bottom:10px; }
label.contact { text-align: right;
	padding:0px 10px 0px 10px; }
textarea.contact { display: block;
	float: left;
	margin-bottom: 10px; }
input.formButton { width: 75px;
	margin: .75em 0em 0em 0em;
	border: 1px #42639C solid;
	background: #F7F7F7 !important;
	float: none;
	font-size:11px !important; }
br { clear: left; }

/* Main list styles */
.lstyle ul {
	list-style-type: none;
	padding:0px;
	margin:0px;
	
}
.lstyle li { list-style-type: none;
background: url(images/metroav_btnBG.gif) 0em .2em no-repeat;
padding: 0em 0em 1em 2em; } 
.lstyle2 ul { list-style-type: none; padding:0px; margin:0px; }
.lstyle2 li { list-style-type: none;
background: url(images/metroav_bullet2.gif) 0em .2em no-repeat;
padding: 0em 0em 1em 2em; } 
.lstyle3 { padding:5px; margin-left:.1em; }
.lstyle3 ul { list-style-type: none; padding:0px; margin:0px; }
.lstyle3 li { list-style-type: none;
background: url(images/metroav_bullet2.gif) 0em .2em no-repeat;
padding: 0em 0em 1em 1em; } 

/*Main Elements */
#container { width:800px; margin:auto auto; padding:0px 0px 0px 0px; text-align:left; }
#logo { background:url(images/metroav_logo.gif) no-repeat; width:239px; height:108px; vertical-align:top; }
#logo img { margin:0px; padding:0px; }
#topnav { background:#f0f0f0; width:562px; margin:0px; }
#header { background:url(images/metroav_header2.gif) no-repeat; width:562px; height:82px; }
#head1cont { border-bottom:1px solid #4677a7; }
#head2cont { width:800px; height:160px; border:0px;  }
#header2 { width:800px; }
#header2 td { padding:0px; margin:0px; }

#svcs { padding:0px; margin:0px; width:198px; height:162px; url(images/metroav_menuH.jpg) no-repeat; }
#svcs img { padding:0px; margin:0px; }
#flashindex {  width:397px; height:162px; padding:0px; margin:0px; vertical-align:top; }
#flashPH {  width:397px; height:162px; background:#fff url(images/metroav_flash.jpg) no-repeat; padding:0px; margin:0px; vertical-align:top; }

/* Top Login */
.loginfrm { position:relative; top:-7px; float:right;  padding-right:3px; vertical-align:middle; }
.toplogin { width:80px; color:#6B6C66;
margin: -.5em 0em 0 -.1em; padding: .1em .1em .1em .1em;
font:8pt Verdana, Arial, Helvetica, sans-serif; vertical-align:middle; }
input.loginbtn { width:35px; height:1.2em; border: 0px;
margin: 0em; padding:0px;
background:url(images/metroav_subBtn.gif) no-repeat;
color:#6B6C66; font:8pt Arial, Helvetica, sans-serif; font-weight:bold; text-align:right; }

/* Top Nav */
#tnavContainer {
	position:relative;
	margin-left:0.6em;
	top:5px;
	overflow: hidden;
	float:left;
	width: 550px;
	color:#6B6C66;
	font-weight:bold;
	text-align: left;
	padding-top: 0.2em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
}
#tnav {
list-style-type: none;
margin:0; padding:0; }
#tnav li {
	border-left: 1px solid #000;
	float: left;
	line-height:1.2em;
	margin: -.1em .5em 0 -.5em;
	padding: 0em .4em 0 .5em;
}
#tnav li a { color:#6B6C66; font-weight:bold; text-decoration:none; }
#tnav li a:hover { color:#ff9a32; }

/* Client */
#clients { width:198px; height:162px; background:#E6EBF1 url(images/metroav_ClientsH.gif) top center no-repeat; padding:0px; margin:0px; }
.clientHeader { position:relative; top:13px; left:15px; padding:0px; margin:0px; }
.clientHeader ul { padding:0px; margin-left:0px; }
.clientHeader li { list-style:none; padding:0px 0px 1px 0px; margin:0px; }

/* Content */
#contentStudio { width:900px; }
#content { width:800px; }
#content td {
	padding-top:5px;
	vertical-align:top;
	text-align: left;
}
.col1 { width:200px; height:44px; }
.col2 { width:200px; height:44px; }
.col3 { width:200px; height:44px; }
.col4 { width:200px; height:44px; }
.colTitle {
	vertical-align:top;
	text-align: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.colContent {}
.colContent p { padding:0px 5px 10px 0px; margin-top:2px; margin-bottom:0px; margin-right:10px; }
.iContent { padding:0px; margin-left:0px; list-style:none; }
.iContent li { list-style:none; text-decoration:underline; }
.iCNested  { padding:5px; margin-left:10px; }
.iCNested li { list-style:square; text-decoration:underline; }

/* Index.php sub-nav buttons  */
.ourstudio a { display:block; width:197px; height:44px; min-height:44px;
	background:#e6e6e6 url(images/metroav_studioBtn.jpg) right top no-repeat;  }
.ourstudio a:hover { background-position: 0 -44px; }

.ourvision a { display:block; width:197px; height:44px; min-height:44px;
	background:#e6e6e6 url(images/metroav_visionBtn.jpg) right top no-repeat;  }
.ourvision a:hover { background-position: 0 -44px; }

.ourprocesses a { display:block; width:197px; height:44px; min-height:44px;
	background:#e6e6e6 url(images/metroav_processBtn.jpg) right top no-repeat;  }
.ourprocesses a:hover { background-position: 0 -44px; }

.ourteam a { display:block; width:197px; height:44px; min-height:44px;
	background:#e6e6e6 url(images/metroav_teamBtn.jpg) right top no-repeat;  }
.ourteam a:hover { background-position: 0 -44px; }



/* The below is for IE6 and below */
* html body { text-align:center; margin:5px; font:80% Tahoma, Verdana, Arial, Helvetica, sans-serif; }
* html p { text-align:left; font:80% Tahoma, Verdana, Arial, Helvetica, sans-serif; }

/*Main Elements */
* html #container { width:800px; margin:0px  auto; padding:0px; text-align:left; }
* html #topnav { margin-bottom:-20px; overflow:hidden; }

* html #flashindex {  width:397px; height:162px; padding:0px; margin:0px; vertical-align:top; }
* html #flash {  width:397px; height:162px; background:#fff url(images/metroav_flash.jpg) no-repeat; padding:0px; margin:0px; vertical-align:top; }

/* Top Login */
* html .loginfrm { width:60%; top:8px; overflow:hidden; }
* html .toplogin { margin:0em; padding: .1em .1em 0em .1em; }
* html input.loginbtn { border: 0px; }
	
/* Top Nav */
* html #tnavContainer { position:relative; top:-1em;
padding:.8em 0em 0em .8em; margin-left:1em;
overflow:auto; float:left; margin-bottom:0px;
width: 550px; color:#6B6C66; font-weight:bold;  }
* html #tnav li { 
line-height:1.2em;
margin: -.5em .5em 0 -.5em; }

/* Content */
* html #content td { padding-left:5px; }
* html .colContent { font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; }
* html .colContent p { font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; }
* html .colTitle {
	padding:10px 5px 5px 0px;
}

/* Client */
* html .clientHeader { top:22px; left:15px }
#contentVision {
	width: 810px;
}