/* ---------------------------- 
[Master Stylesheet]

Project: 	Third Wave Digital
Version:	1.0
Last change:	04/23/08 [templates created, lg]
Assigned to:	Lonnie Griffin [lg]
Primary use:	Web
------------------------------- */

/* ---------------------------- */
/* Basic Elements
/* ---------------------------- */
	
	body{ background:url(../images/bkground-body.gif) repeat-x; background-color:#01305e; margin:0px; padding:0px;  font-size: 14px; line-height: 19px; color: #ccc; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center}
	a img { border: none; }
	a:active {outline: none;}
	:focus{ -moz-outline-style: none;}
	h1, form { margin: 0px; padding: 0px; }
	h1 { display: none; }
	h3 { font-size: 15px; margin: 10px 0px 10px 0px; padding: 0px; color: #ccc; font-weight: bold; text-transform: uppercase; }
	h4 { color: #9dd6ff; font-size: 13px; margin: 10px 0px 10px 0px; padding: 0px;border-bottom: 1px solid #1b4167; clear: both;}
	p { margin: 10px 0px 10px 0px; }
	p a, p a:visited  { color: #9dd6ff; padding: 1px 2px 1px 2px; }
	p a:hover, h4 a:hover {color: #fff; background: #011b36; border-bottom: 1px solid #000f1f; text-decoration: none; }
	a { color: #9dd6ff; }
	hr {height:2px; background: url(../images/bkground-line.gif); display:block; clear:both; margin:10px 0px 10px 0px; overflow:hidden; border: none;}

/* ---------------------------- */
/* Main Containers
/* ---------------------------- */

	#menu-bkground { z-index: 0; width: 100%; height: 48px; position: absolute; top: 0px; left: 0px; background:url(../images/bkground-menu.gif) repeat-x bottom; background-color:#000;  filter:alpha(opacity=50);  -moz-opacity:0.50;  opacity:0.50;  }
	
	#menu {z-index: 99; position: relative;margin: 0px 0px 0px 280px;list-style: none;   }
		#menu li { margin: 0px 6px 0px 0px;  float: left; background: url(../images/bkground-menu-li.gif) 0px 12px no-repeat; }
		#menu li a { color: #fff; text-decoration: none; margin: 0px 0px 0px 8px;padding: 12px 6px 0px 6px;height: 54px; display: block; float: left; }
		#menu .first { background: none; }
		#menu .active { font-weight: bold; text-decoration: underline; background:url(../images/bkground-menu-highlight.gif) repeat-x; height: 54px; display: block;}
		#menu li a:hover { text-decoration: underline; background:url(../images/bkground-menu-highlight.gif) repeat-x; height: 54px; display: block;}
	
	#wave {background: url(../images/bkground-wave.jpg) top no-repeat; width: 847px; height: 206px; position: absolute; top: 0px; }
	
	#wrapper {width: 944px; text-align: left; margin: 0px auto 0px auto; position: relative; }
		#wrapper:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
		#wrapper #btn-project-quote { position: absolute; right: 0px; top: 5px; z-index: 99;}
	
	#content-container { z-index: 1; margin: 60px 0px 0px 0px; padding: 10px 20px 20px 20px; width: 610px; float: right; background:url(../images/bkground-content.png) no-repeat 0px 0px;  }
	
	#content { z-index: 2; position: relative; min-height: 501px; width: 605px; }
		#content ul { margin: 10px 0px 10px 15px; padding: 0px; list-style: none; font-size: 12px; color: #fff;}
		#content ul li { margin: 0px; padding: 0px 0px 7px 23px; line-height: 16px; background:url(../images/bullet-checkmark.png) 0px -5px no-repeat;}
		#content ul li a { color: #f05e5f; padding: 1px 2px 1px 2px; }
		#content ul li a:hover {color: #fff; background: #011b36; border-bottom: 1px solid #000f1f; text-decoration: none; }
		#content .features { list-style: none; margin: 10px 0px 10px 0px; }
		#content .features:after { content: "."; display: block; height: 1px; clear: both; visibility: hidden;}
		#content .features li { width: 230px; float: left; background:url(../images/bullet-checkmark.gif) no-repeat 0px 1px; padding: 0px 0px 5px 25px;line-height: 16px; }
		#content #video { margin: 20px 0px -5px 0px; }
		#content strong { color: #fff; }
		
		#content .content-left { width: 300px; float: left;padding: 0px 0px 15px 0px; margin: -10px 0px 0px 0px;}
		#content .content-right { width: 284px; float: right; padding: 0px 0px 15px 0px;margin: -10px 0px 0px 0px;}
		
		#content #chamber-left {width: 218px; float: left;}
			#content #chamber-left img { margin: 10px 0px 10px 0px;}
		#content #chamber-right {width: 387px; float: left;}
			#content #chamber-right img, .margin-neg-left { margin: 0px 0px 0px -5px; }
		
		#content .submenu {margin: 0px; padding: 0px; list-style: none;}
		#content .submenu li { border-bottom: 1px solid #2e5173; background: none; padding: 0px; }
		#content .submenu li a { color: #9dd6ff; display: block;padding: 1px 3px 3px 3px;margin: 1px 0px 1px 0px; background: url(../images/bullet-arrow.gif) right no-repeat;}
		#content .submenu li a:hover {color: #fff;  text-decoration: none; border: none; background: url(../images/bullet-arrow-on.gif) right no-repeat;background-color: #011b36;}
		#content .submenu .first { border-top: 1px solid #2e5173;}
	
		#content #featuredwork { height: 130px;}
		#content #featuredwork p { position: absolute; right: 10px; bottom:  5px;  }
		#content #featuredwork .client {height:88px; width: 100px; float: left; text-align: center;text-decoration: none; margin: 5px 0px 0px 0px }
		#content #featuredwork .client span { color: #ccc; font-size: 11px; display: block; position: relative;line-height: 14px; } 
		#content #featuredwork .client img {border:2px solid #0b3663; background-color: #011b36; }
		#content #featuredwork .client img:hover {border:2px solid #2f649b; }
	
		#content #portfolio-masterpage {}
		#content #portfolio-masterpage:after { content: "."; display: block; height: 10px; clear: both; visibility: hidden;}
		#content #portfolio-masterpage .client {height: 120px; width: 100px; margin: 0px 0px 0px 0px;float: left; text-align: center; text-decoration: none;}
		#content #portfolio-masterpage .client span { color: #fff; font-size: 11px; display: block; line-height: 13px; } 
		#content #portfolio-masterpage .client img {border:2px solid #0b3663; background-color: #011b36; }
		#content #portfolio-masterpage .client img:hover {border:2px solid #2f649b; }
		#content #portfolio-masterpage #ddlPortfolio {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #011b36; position: absolute; top: 7px; right: 0px;  }
		#content #portfolio-masterpage #showall { color: #f05e5f; padding: 1px 2px 1px 2px; font-size: 11px;}
		#content #portfolio-masterpage #showall:hover {color: #fff; background: #011b36; text-decoration: none; } 
	
		#content #portfolio-detailpage {}
		#content #portfolio-detailpage #nav {position: absolute; right: 0px; top: 10px; color: #1b4167;}
		#content #portfolio-detailpage #nav a { color: #9dd6ff; padding: 1px 2px 1px 2px; font-size: 12px;}
		#content #portfolio-detailpage #nav a:hover {color: #fff; background: #011b36; border-bottom: 1px solid #000f1f; text-decoration: none; } 
		#content #portfolio-detailpage #nav .blue { color: #1b4167 }
		#content #portfolio-detailpage img {border:2px solid #0b3663; background-color: #011b36;}
		#content #portfolio-detailpage a img:hover {border:2px solid #2f649b; filter:alpha(opacity=100);  -moz-opacity:1;  opacity:1; cursor: hand;}
		#content #portfolio-detailpage .notactive, #content #portfolio-detailpage .active { margin: 0px 0px 10px 10px; }
		#content #portfolio-detailpage .notactive {filter:alpha(opacity=30);  -moz-opacity:0.3;  opacity:0.3;}
		#content #portfolio-detailpage .active { filter:alpha(opacity=100);  -moz-opacity:1;  opacity:1;}
		#content #portfolio-detailpage #largeimage { border: 2px solid #fff; margin: 0px 0px 10px 0px;}
		#content #portfolio-detailpage #ddlPortfolio {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #011b36; }
		
		#content #map { width: 300px; height: 165px; float: left; margin: 0px 10px 10px 0px; border: 1px solid white;}
		
		#content #press-releases {list-style: none; padding: 0px; margin: 0px;}
		#content #press-releases li {margin: 0px 0px 10px 0px;}
	
		#sidebar {  float: left; width: 257px;padding: 0px 11px 10px 9px;background: url(../images/bkground-sidebar.gif) 0px 140px no-repeat; text-align: right;}
			#sidebar #logo { margin: -11px 0px 17px 0px; position: relative;}
			#sidebar ul {margin: 10px 0px 10px 0px; padding: 0px; font-size: 11px; text-align: right; list-style: none;}
			#sidebar ul li {line-height: 18px; }
			#sidebar ul li a { color: #9dd6ff; padding: 2px 30px 2px 2px;background: url(../images/bullet-arrow.gif) right no-repeat;}
			#sidebar ul li a:hover {background: url(../images/bullet-arrow-on.gif) right no-repeat; color: #fff; background-color: #011b36; border-bottom: 1px solid #000f1f; text-decoration: none;}
			#sidebar #flash-dartonpromo {border: 1px solid #315478;width: 255px; height: 120px;}
		
		#footer { width: 100%; height: 260px; background: url(../images/bkground-footer.gif) top repeat-x;  background-color: #012446; position: relative; text-align: left;}
			#footer #footer-content { width: 924px; margin: 0px auto 0px auto; position: relative; height: 100%; }
			#footer #flash-cdapromo { position: absolute; top: 15px; left: 0px; border: 1px solid #315478; width: 255px; height: 120px; }
			#footer #content-left { width: 355px; position: absolute; top: 5px; left: 305px;}
			#footer #content-left form { background-color: #011f3c; padding: 2px 0px 5px 10px; margin: 0px; height:162px; }
			#footer #content-left .left-phone{float:left;}
			#footer #content-left .left-phone input { margin: 0px 0px 0px 5px; }
			#footer #content-left label{position:relative; display:block; font-weight:bold; margin:3px 0px 3px 0px; clear:both; font-size:12px}
			#footer #content-left .left{float:left; padding:0px 9px 7px 0px}
			#footer #content-left .btn-submit {padding:10px 0px 0px 0px; }
			#footer #content-right {width: 220px; position: absolute; right: 0px; top: 10px;}
			#footer #content-right a { color: #3477ba; }
			#footer #content-right a:hover {color: #fff; background: #011b36; border-bottom: 1px solid #000f1f; text-decoration: none;}
			#footer #content-right address, #footer #content-right p { color: #fff; font-style: normal; text-align: right; }
			#footer .copyright { border-top: 1px solid #274562; width: 380px; position: absolute; right: 0px; bottom: 0px; }
			#footer .copyright .small {color: #415b74;}
			#footer .copyright .small a {color: #415b74;}
			#footer .copyright .small a:hover { color: #fff; }
			
	#facebook {position: absolute; right: 0px; top: 160px; font-size: 12px;}
	#facebook a { color: #fff; }
	#facebook img { margin: 11px 0px -11px 0px; }
	
	#video-flash p, #logo-flash p, #specialoffers-fkcc-flash p  {background: #fff; border: 1px solid red;color: 3000; padding: 10px; text-align: center; margin: 10px; font-weight: bold; color: #333;}
	
/* ---------------------------- */
/* Image Replacement
/* ---------------------------- */

	#wrapper h2 { overflow:hidden; background-repeat:no-repeat; height:0px !important; font-size:0px; width: 427px; padding:41px 0px 0px 0px; margin: 0px auto 0px auto; height /**/:41px;  }
	#wrapper #unique-communications-solutions {background-image:url(../images/h2-unique-communications-solutions.png); position: absolute; top: 75px; right: 20px;}
	
	#sidebar h3 {overflow:hidden;  background-repeat:no-repeat; height:0px !important; font-size:0px; width: 255px; padding:20px 0px 0px 0px; margin: 10px auto 10px auto; height /**/:20px; clear: both;}
	#sidebar #press-releases {background-image:url(../images/h3-press-releases.gif);}
	#sidebar #get-in-touch {background-image:url(../images/h3-get-in-touch.gif);}
	#sidebar #blogs {background-image:url(../images/h3-blogs.gif);}
	#sidebar #learn-more {background-image:url(../images/h3-learn-more.gif);}
	#sidebar #special-offers {background-image:url(../images/h3-special-offers.gif);}
	
	#footer h3 {overflow:hidden;  background-repeat:no-repeat; height:0px !important; font-size:0px; padding:21px 0px 0px 0px; height /**/:21px; clear: both;}
	#footer #phone-number {background-image:url(../images/h3-1-888-578-7865.gif); margin: 0px 0px 10px 47px; }
	#footer #project-quote { background-image:url(../images/h3-project-quote.gif); margin: 5px 0px 15px 0px; }

/* ---------------------------- */
/* Forms Validation
/* ---------------------------- */

	.lbl { display: block; font-weight: bold; margin: 0px; padding: 0px 0px 2px 0px;}
	.alert { background: url(../images/alert-small.gif) no-repeat 0px 0px; padding: 0px 0px 2px 20px; display: block; margin: 5px 0px 5px 0px; font-size: 11px; position: relative; }
	.success, .error {padding: 10px; margin: 10px 0px 10px 0px; font-weight: normal; clear: both; text-align: left; position: relative;}
	.error {  background: #fff; border: 1px solid red;}
	.error h4 {border: none;padding: 8px 0px 10px 35px; margin: 0px; background: url(../images/alert.gif) no-repeat 0px 0px; color: Red;  font-size: 14px; position: relative;}
	.success {background-color: #c3fbbb;border: 1px solid #abe9a2;}
	.success h4 {border:none; padding: 5px 0px 6px 33px;background: url(../images/success.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; color: #000;}
	.success p, .alert p, .error p { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; text-align: left; line-height: 18px; color: #000;}
	.progress {padding: 10px 0px 13px 10px; }
	.progress img {float: left; padding: 0px 10px 0px 0px; }
	.progress h4 { font-size: 15px; margin: 0px; padding: 10px 0px 0px 0px; color: Red;}
	
/* ---------------------------- */
/* Forms Formatting
/* ---------------------------- */

	#form { font-size: 12px;}
	#form .left{float:left; margin:0px 15px 0px 0px}
	#form .left-phone{float:left; margin:0px 0px 0px 0px}
	#form .right-phone{float:left; margin:0px 0px 0px 5px}
	#form .clear{float:none}
	#form .lbl{position:relative; display:block; font-weight:bold; margin:5px 0px 1px 0px; clear:both; color:#ccc; font-size:12px}
	#form .field{font-size:11px; margin:-2px 0px 5px 0px; color: #999; display: block;}
	#form .textbox {border-top:2px solid #828183; border-left: 1px solid #828183; border-right: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3;background-color:#fff; font-size:14px; padding: 2px;}
	#form label {font-size: 12px;}
	#form select{font-size:14px;}
	#form #FileResume {  color: #ccc; }
	#form h5{position:relative; font-weight:bold; font-size:12px; padding:4px; margin:10px 0px 5px 0px; color:#91ccff; background-color:#004072; border-bottom:1px solid #002542; display:block; clear:both}
	#form select { font-size: 13px; margin: 0px 0px 0px 0px; }
	#form .red{color:red;}
	#form .btn-submit{display:block; clear:both; margin:15px 0px 5px 0px; }
	#form .small{font-size:11px; line-height:14px;  }
	
	#form #wdd, #form #cms, #form #sm, #form #ec, #form #seo, #form #wh { background: #011f3c; padding: 10px; margin: 10px 0px 10px 10px; width: 350px; display: none; }
	#form #suboptions-currenturl, #form #suboptions-logodevelopment { margin: 5px 0px 5px 20px; display: none; }
	
/* ---------------------------- */
/* Misc
/* ---------------------------- */

	.left{float:left; }
	.right { float: right; }
	.center { text-align: center; }
	.img-left{float:left; margin:0px 10px 0px 0px; }
	.img-right{float: right; margin: 0px 0px 0px 10px; }
	
	.margin-right{margin-right: 10px;}
	.margin-top{ margin-top: 10px;}
	.margin-top-neg { margin-top: -10px; }
	.margin-bottom { margin-bottom: 10px; }
	
	.med { font-size: 12px; line-height: 18px;}
	.small{font-size:11px; line-height:14px; }
	.large{font-size:14px; line-height:21px;}
	
	.nodis { display: none; }
	.clear{ clear: both; }
	.highlight { padding: 2px; background-color:#fff; }
	.box-highlight { padding: 0px 10px 0px 10px; border: 1px solid #fedfc8; background: #f8e8dc;}
	.grey, .grey:visited { color: #ccc; }
	.border { border: 1px solid #ccc; }
	.red { color: red; }
	.lightblue { color: #91ccff }
	.bold { font-weight: bold; }
	.black { color: #000; }