/*  
	Website: 		http://www.mediaonepro.com/
	Description:	Site Template exclusively for Media One Pro
	Author: 		Steve Kim 
	Author URL: 	http://www.mediaonepro.com/staff/stevekim 
*/

* { margin:0;}
	html { font-size:100.01%;}
	body {font-size:62.5%; font-family:"Trebuchet MS", Georgia, Geneva, Arial, Helvetica, sans-serif; background:#003366; color:#2e2d27;}
	
.clear { clear: both;}

	img { border:0; }
		
a, .comments a:hover {text-decoration: underline; color:#bb3521;}
a:hover, .comments a {text-decoration: none;}

	input, select, textarea { vertical-align:middle; font-family: "Trebuchet MS", Georgia, Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#6f6f6f;}
	input.text, select, textarea { padding:2px 0px 3px 6px; border:1px solid #cac6ab;}
	
	html body textarea { font-family: Georgia; font-size:12px; color:#6f6f6f;}

#topCredit {position:relative; width:100%; background-color:#000000; color:#003366; text-align:center; margin:0 auto; font-family:"Trebuchet MS"; font-size:11px;}

/*** Main ***/
	
	.header { position:relative; overflow:hidden; background:#003366; border-bottom:2px solid #222; height: 100%; }	

	.header-width {width:906px; margin:0 auto;}

/*** Column ***/
	.content { clear:both; overflow:hidden; background:#deddd5; padding:0px 0px 5px 0px; text-align:left; background-image:url(http://www.mediaonepro.com/images/bg.gif);}
	.content-width { width:906px; margin:0 auto; padding:4px 0px 0px 0px;}
	
	.column-left { width:238px; float:left; margin:0px 4px 0px 0px;}
	.column-right { width:238px; float:right; margin:0px 0px 0px 4px;}
	
	
/*** Widgets  ***/

	.widget {padding:0; margin:0; height:100%; overflow:hidden; width:100%; background:url(images/widget-bg.gif) repeat-y 0 0 #f1f0e7; margin:0px 0px 4px 0px;}
	.widget-bg { background:url(images/widget-bot.gif) no-repeat 0 bottom; padding:0px 0px 17px 0px; overflow:hidden; height:100%; background-color:#FFFFFF;}
	
	.widget .title { height:100%; background:url(images/widget-title-top.gif) no-repeat 0 0 #b7b6ae; padding:0px 1px 1px 1px; margin:0px 0px 17px 0px;}
	.widget h2 {  height:100%; overflow:hidden; font-weight: bold; border-bottom:1px solid #fff;}
	.widget h2 { font-size:1.6em; color:#2e2d27; color:#003366; padding:16px 10px 9px 23px;}
	
	.widget ul { margin:0px 10px 0px 0px;height:100%;}
	.widget li { background:url(images/widget-marker01.gif) no-repeat 0 2px; padding:0px 0px 11px 14px;}
	.widget a { color:#747474; font-size:14px; text-decoration:none; color:#000; }
	.widget a:hover { text-decoration:underline;}
		
	/*** widget_right ***/	
	.column-right .widget { background:url(images/widget-bg.gif) repeat-y 0 0 #fff;}
	.column-right .widget h2 { border:0; padding:16px 10px 10px 23px;}
		

	.projects {padding-right:10px; padding-left:10px;}
	
		
/*** Content  ***/
	.column-center { overflow:hidden; height:100%; position:relative;}
	
	.column-center .bg-top { background:url(images/border.gif) repeat-x 0 0 #f1f0e7; height:100%; margin:0px 0px 4px 0px;}
	.column-center .bg-bot { background:url(images/border.gif) repeat-x 0 bottom;}
	.column-center .bg-left { background:url(images/border.gif) repeat-y 0 0;}
	.column-center .bg-right { background:url(images/border.gif) repeat-y right 0;}
	
	.column-center .corner-left-top { background:url(images/corner-left-top.gif) no-repeat 0 0;}
	.column-center .corner-right-top { background:url(images/corner-right-top.gif) no-repeat right 0;}
	.column-center .corner-left-bot { background:url(images/corner-left-bot.gif) no-repeat 0 bottom;}
	.column-center .corner-right-bot { background:url(images/corner-right-bot.gif) no-repeat right bottom; overflow:hidden; height:100%; padding:10px 1px 0px 1px;}
	
		
	.title-page {padding:13px 20px 8px 25px;}
	.title-page * { font-size:14px; color:#2e2d27; padding:0px 0px 6px 0px;}
	.title-page h1 { font-size: 18px; font-weight: bold;}
			

	.text-box { clear:both; font-size:1.2em; overflow:hidden; height:100%; line-height:1.5em; padding:12px 18px 0px 25px; border-top:1px solid #c0bfb9; background-color:#FFFFFF}
		
	.text-box p { padding:0px 0px 14px 0px;}
	.text-box p span { color:#747474;}
	
	.text-box .img { margin:-80px 0px 0px 0px;}
	

/*** Footer ****/
	.footer { clear:both; overflow:hidden; height:100%; font-size:1.2em; background:#b7b6ae; color:#2e2d27; overflow:hidden; line-height:1.4em; border-bottom:6px solid #000000; background:#000000;}
	.footer-width { width:906px; margin:0 auto;}
	.footer .indent { overflow:hidden; text-align:right; padding:0px 0px 10px 0px;}
	.footer a { color:#2e2d27; text-decoration:none;}
	.footer a:hover { text-decoration: underline;}
	.footer-bottom { font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#333333;}
	.footer-bottom a, a:hover { color:#333333; }


/*--- Begin Images ---*/
	p img {
		padding: 0;
		max-width: 100%;}
	
	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;}
	
	img.alignright { float: right;display:inline;
		padding: 0;
		margin: 3px 0px 10px 20px;}
	
	img.alignleft {	padding: 0;	margin: 3px 25px 5px 0; float:left; display:inline;}
	
	

	
/* Begin Various Tags & Classes */
	acronym, abbr, span.caps {
		cursor: help;
		}
	
	acronym, abbr {
		border-bottom:1px dashed #999;
		}
	
	blockquote {
		border:1px solid #d3d3bf;
		background:#c8c3a8; padding:15px 10px 10px 20px; margin:5px 0; color:#000;
		}
	
	blockquote cite {
		margin: 5px 0 0;
		display: block;
		}
	
	
/* Captions */
	.aligncenter,
	div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;}

	
/* style for testimonials scroll */	
#pscroller1{
width: 180px;
height: 280px;
border: 1px solid black;
padding: 5px;
background-color: #ffffff;
}

#pscroller2{
width: 866px;
height: 50px;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
/*padding: 10px;*/
background-image:url(images/testimonialsBG2.jpg); 
font-size:12px;
font-family:"Trebuchet MS";
}


/* class to apply to your scroller(s) if desired */
.someclass{ 
}


/* ################################# START OF Drop Down Nav Menu #################################*/	

/* ######### Drop Down ULs CSS ######### */

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
display: block;
width: 160px; /*width of menu (not including side paddings)*/
color: black;
background-color: #FFFFFF;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid black;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color: black;
color: white;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### Marker List Vertical Menu ######### */

.markermenu{
width: 175px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/

}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 1px solid #9A9A9A;
}

.markermenu ul li a{
background: #F2F2F2 url(http://www.mediaonepro.com/images/bulletlist.gif) no-repeat 3px center; /*light gray background*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}

* html .markermenu ul li a{ /*IE6 hack*/
width: 155px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: white;
background-color: black;
}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background: white;
}

.blackwhite li a:hover{
background: black;
color: white;
}

/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
margin: 0;
padding: 0;
/* font: bold 12px Verdana; original setting */
font: bold 14px "Trebuchet MS";
list-style-type: none;
/*border-bottom: 1px solid gray;*/
background: #414141;
background-color:#111111;
overflow: hidden;
width: 100%;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
padding: 5px 20px 5px 20px;
border-right: 1px solid black; /*right divider between tabs*/
background: #414141;
background-color:#111111;
color:#FFFF99;
}

.mattblackmenu li a:visited{
color:#FFFF99;
}

.mattblackmenu li a:hover{
background:#003399; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
background: #003399; /*background of tab with "selected" class assigned to its LI */
}
/* ################################# END OF Drop Down Nav Menu #################################*/	





/* ################################# START OF Drop Down Client Panel Menu #################################*/	

.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color: white;
font-size:18px;
background: #eee; /*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
/*margin-right: 200px;*/
margin: 0px auto;
font: normal 16px Arial;
color:#FFFF00;
font-weight:bold;
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: right;
color:#FFFF00;
/*background: black url(http://www.mediaonepro.com/images/toggleleft.gif) no-repeat left bottom; /*background of left corner of toggle tab*/
background-color:#000000;
text-decoration: none;
letter-spacing: 1px;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
/*background: transparent url(http://www.mediaonepro.com/images/toggleright.gif) no-repeat right bottom; /*background of right corner of toggle tab*/
padding: 1px 12px 4px 13px;
cursor: pointer;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 2px;
margin-left: 5px;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
background-color: #333; /*background of toggle tab onMouseover*/
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}
/* ################################# END OF Drop Down Client Panel Menu #################################*/

/* ################################# START OF round boxes #################################*/
.liquidround {
background:#fff url(http://www.mediaonepro.com/images/roundedbox/leftside.gif) repeat-y left top;
}

.roundtop {
width:100%;
height:20px;
background:url(http://www.mediaonepro.com/images/roundedbox/top.gif) no-repeat left top;
}
.roundtop span {
display:block;
position:relative;
height:20px;
background:url(http://www.mediaonepro.com/images/roundedbox/top-right.gif) no-repeat right top;
}
.roundcenter {
position:relative;
background:url(http://www.mediaonepro.com/images/roundedbox/rightside.gif) repeat-y right top;
padding:1px 20px 1px 25px;
margin:-1px 0 -50px 0;
}
.roundbottom {
width:100%;
height:60px;
background:url(http://www.mediaonepro.com/images/roundedbox/bottom.gif) no-repeat left bottom;
}
.roundbottom span {
display:block;
position:relative;
height:60px;
background:url(http://www.mediaonepro.com/images/roundedbox/bottom-right.gif) no-repeat right top;
}

/* ################################# END OF round boxes #################################*/

.error {
	font-family: Tahoma;
	font-size: 8pt;
	color: red;
	display: none;		
}	
  #thankyou {
  position: absolute;
  top:200px;
  margin-left: 20px;
  width:300px;
  height:100px;
  font-size:18px;
  color:#FF0000;
  padding: 10px;
  border:5px solid #336699;
  background-color:#FFFFFF;
}