/* ---===_{ LOAD IMAGES }_===--- */

#wrapper{padding-top:2px; background-image:url(../img/bigbg.jpg);background-repeat:no-repeat;}
body {background-image:url(../img/noisebg.jpg);color:#EEF}
h2 {background-image:url(../img/h2ro.png);color:#BDF;padding:0px 10px;line-height:2em;padding:0 20px;background-color:#000442;border-bottom:1px solid #333333;
border-top:1px solid #333333;}

#question_submit {  background-image: url(../img/send_btn.png); width:90px; height: 30px; background-color:transparent; display:block; border-style:none;text-align:center; margin:0 auto; clear:both;}
#question_submit.roimage { background-image: url(../img/send_btn_ro.png); }

/* ---===_{ REDEFINE }_===--- */

a:link, a:visited {color:#EEF;}
a:hover { color: yellow;}
address{font-size:10px;margin-top:10px;}

/* ---===_{ CLASSES }_===--- */

.tinylogo {width:20px;height:20px;padding:6px;float:left;}
.mainheader h1 { color: rgb(EE,EE,EE,.9);font-size:48px;font-weight:bold;line-height:.6em;padding:10px 10px 0;margin-bottom:0px; }
.mainheader {background-color:#334; padding-top:10px;height:70px;}
.mainphoto {float:left;padding-right:10px;padding-left:5px;font-size:10px;}
.sechead h1 {font-size:24px; margin-bottom:0px; font-weight:bold;}
#online h1, #media h1, #reviews h1 {border-bottom:1px solid white; border-top:2px solid black; line-height:1.75em; margin:0 10px 10px; padding:0 10px;}
#header h2{background:none;font-size:11px;color:white;text-align:right;border:none;}

.clear {opacity:0;}
.faded {opacity:.25;}
.solid {opacity:1;}
.hide {display:none;}

.center {text-align:center;display:block;}
.above {position:relative;left:-30px;top:-20px;}
.tip {padding:5px;}

/* ---===_{ STYLE }_===--- */

#header {background-image: url(../img/fadebg.png);}

#about, #solutions, #contact {background-image:url(../img/colbg.png);margin-bottom:10px;}
#portfolio div {background-image:url(../img/colbg_nol.png);}
#qs {overflow-x:visible;width:960px;}

/* ---===_{ LAYOUT }_===--- */


#header {margin:0px 0px;width:960px;}
#formsubmit {text-align:center;margin-bottom:10px;}

#main {margin-bottom:10px;}
#main,#portfolio {float:none;}
#about p {padding:0px 10px;}
#solutions p {margin:10px 0px 20px 0px;}
#contact p, #contact address {padding:0px 10px;}

#footer {bottom:0;text-align:right;}

/* ---===_{ HEADER FORM }_===--- */


.question {font-weight:bold;text-align:center;}
.cmsinput {border:1px solid grey;font-size:14px;width:340px;background-color:transparent;padding:1px;}
.formhelp { font-size:10px; color:#9999CC; font-weight:bold; font-style:italic; }
#c1 .question {width:50px;float:left;}
#c1 {width:400px;}
#question_submit {  background-image: url(../img/send_btn.png); width:90px; height: 30px; background-color:transparent; display:block; border-style:none;text-align:center; margin:0 auto; clear:both;}
#question_submit.roimage { background-image: url(../img/send_btn_ro.png); }

.preselect {border:1px solid rgba(170, 204, 238, 0.5) !important;}
form textarea{border:0;border-bottom:1px dashed #669;background-color:transparent;width:500px;font-size:18px;overflow:hidden;color:#EEF;}
form textarea.tri{border:0;border-bottom:1px dashed #669;background-color:transparent;width:100%;font-size:14px;overflow:hidden;color:#EEF;}
span.tri {display:inline;float:left;width:300px;margin:0px 10px;}
div.full {padding:0px 10px;clear:both;width:50%;margin:0 auto;}

.notify {color:#CFF;text-align:center;float:right;width:100%;}
.error {color:red;}

#mainnav {margin-bottom:15px;}

/* ---===_{ NAV }_===--- */

#nav {background-color:rgba(200, 200, 255, 0.5);clear:both;}
#nav ul li { display:inline;margin:0px; }
#nav ul li a {text-decoration : none; padding:3px 10px 15px;background-color:rgba(100, 100, 125, 0.4); font-size:18px;margin-right:2px;}
#nav ul li a:hover {background-color:rgba(200, 200, 255, 0.5); color:yellow;}

/* ---===_{ MAIN }_===--- */ /*
#about p:first-letter, .description p:first-letter, #contact p:first-letter {padding-left:1em;}
p.services:first-letter {padding-left:0px;}

/* ---===_{ ABOUT }_===--- */

.services {display:block;}


/* ---===_{ SOLUTIONS }_===--- */
div.solution {background-image:url(../img/slidebg3.png);border-bottom:1px solid black;border-top:1px solid black;display:block;font-size:18px;margin:3px 5px;padding-top:3px;text-align:center;}
.solution_subtitle {text-decoration: underline; text-align: center; font-weight: bold;}
a.solution:link, a.solution:visited {text-decoraton:none;}

.description {overflow:hidden;display:block;padding:0px 10px;}

.nocol {-moz-column-count:1; -webkit-column-count:1;}
.twocol {-moz-column-count:2; -webkit-column-count:2;}
.active { background-color:rgba(66,66,190,.5);}
.inactive { background-color: rgba(0,0,0,0.2); }

/* ---===_{ CONTACT }_===--- */ 
.contact_btn {text-align:center; border:1px solid white; -moz-border-radius: 5px; -webkit-border-radius:5px; background-color:transparent;color:white; display:block; margin:10px auto 0;}
.contact_input {color:white;width:200px;margin:10px 0px; background-color:transparent; border-style:none;border-bottom:1px dashed #666;}
#contact_form label { clear:both; float:left; width:40px;padding-left:10px;margin:8px 0px;}
#contact_form textarea {margin-left:10px;background-color:transparent;border:1px dashed #666;font-size:12px;overflow:auto;width:260px;}
address {font-style:normal;}
form p {margin-bottom:auto;}


/* ---===_{ PORTFOLIO }_===--- */
.smalltn {width:175px; display:block; margin:0 auto; }
.item {border-top:1px dashed #666699;display:block;margin:10px 5px;padding:15px 0px 10px;min-height:150px; clear:both;}
.item:last-child {border-bottom:1px dashed #666699;padding-bottom:20px;}
.item h3 {clear:both;font-size:18px; margin-bottom:10px; padding-left:10px;}

.itemlink {text-align:center; font-size:10px;min-height:100px;}
.itemdesc {font-size:12px; min-height:34px; font-weight:bold; color:#CCD;margin:0px 5px;text-align:center;}

.corp_tn{width:100px;margin:0px 5px;}
.corp_tn_group{float:left;border:1px solid #003;width:590px;background-color:rgba(0,0,3,.25);margin:0px 10px 10px;padding:10px 5px 0px;text-align:center;}
#blackout {
	background-color: rgba(00,00,00,.9);
	display: block;
	height: 100%;
	left: 0;
	padding: 1% 10%;
	opacity: 0.25;
	position: fixed;
	top: 0;
	width: auto;
	z-index: 100;
	color:#666;
	text-align: left;
}
.full_image { background-color: grey; }
.portfolio_info { max-width:80%;text-align:left;width:auto; height:90%; padding-bottom:1%; overflow: scroll; display:none; color:#CCE; font-weight:bold; font-size:1.1em;}


/* === FOOTER === */
#online,#media,#reviews{
	background-color:rgba(10,20,40,0.4);margin-bottom:10px;
}

.review_text { float:left; width:140px; font-size:10px; font-weight:bold; padding:20px;}