/* CSS Document */


/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	
	margin:0;
	padding:0;
	height:100%;
	background-image:url("../images/interface/bg_main.jpg");
	background-repeat:repeat-x;
	background-position:0px 0px;
	background-color: #f6f7f8;
	
	font-family:Arial, Helvetica, sans-serif;
	color:#6b6b6b;
	font-size:11px;
	

	
}
* html #container {
	height: 100%;
}
form {
	margin:0px;
	padding:0px;
}
.formInput {
width:420px;
padding:1px 0px 1px 6px;
}


input, select, textarea {
	color:#6b6b6b;
	/*width:175px;*/
	background-color: #ffffff;
	font-family: Trebuchet MS;
	font-size:11px;
	border: solid 1px #d2d2d2;
	margin-bottom:10px;
}
textarea {
height:80px;
}

.contactInput
{
	width:220px;
}

.contacttextarea
{
	width:220px;
}


ul { margin-top:2px; margin-bottom:20px;
}


.related {
margin:0 0 0 -38px;
padding:1px 0 1px 15px;
background-image:url(../images/interface/navarrow.gif);
background-repeat:no-repeat;
background-position:0px 3px;
list-style: none;
}


h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#af1517;
padding:0px;
line-height:normal;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#878fa7;
padding:0px;
margin-bottom:10px;
line-height:normal;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#af1517;
padding:0 0 5px 0px;
margin-bottom:5px;
line-height:normal;
font-weight:bold;
border-bottom:solid 1px #d8dbe3;
}

h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#878fa7;
padding:5px 0 0 0;
margin-bottom:-15px;
line-height:normal;
}

h5 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#878fa7;
padding:0px;
line-height:normal;
}


A:link {color:#7b849e;text-decoration:underline;}
A:visited {color:#7b849e;text-decoration:underline;}
A:active {color:#7b849e;text-decoration:underline;}
A:down {color:#7b849e;text-decoration:underline;}
A:hover {color:#af1517;text-decoration:none;}

A.sec:link {color:#ffffff;text-decoration:none;}
A.sec:visited {color:#ffffff;text-decoration:none; }
A.sec:active {color:#ffffff;text-decoration:none;}
A.sec:down {color:#ffffff;text-decoration:underline; }
A.sec:hover {color:#fffff;text-decoration:underline; }


A.footerlink:link {color:#a6a7a7;text-decoration:underline;}
A.footerlink:visited {color:#a6a7a7;text-decoration:underline; }
A.footerlink:active {color:#a6a7a7;text-decoration:underline;}
A.footerlink:down {color:#a6a7a7;text-decoration:underline; }
A.footerlink:hover {color:#af1517;text-decoration:none; }


A.viewmoreLink:link {color:#7b849e;text-decoration:none;}
A.viewmoreLink:visited {color:#7b849e;text-decoration:none; }
A.viewmoreLink:active {color:#7b849e;text-decoration:none;}
A.viewmoreLink:down {color:#7b849e;text-decoration:none; }
A.viewmoreLink:hover {color:#af1517;text-decoration:none; }

A.submit:link {color:#ffffff;text-decoration:none;}
A.submit:visited {color:#ffffff;text-decoration:none; }
A.submit:active {color:#ffffff;text-decoration:none;}
A.submit:down {color:#ffffff;text-decoration:none; }
A.submit:hover {color:#ffffff;text-decoration:none; }

A.relatedlink:link {color:#6b6b6b;text-decoration:none;}
A.relatedlink:visited {color:#6b6b6b;text-decoration:none; }
A.relatedlink:active {color:#6b6b6b;text-decoration:none;}
A.relatedlink:down {color:#6b6b6b;text-decoration:none; }
A.relatedlink:hover {color:#a23818;text-decoration:none; }




div#container {
	position:relative; /* needed for footer positioning*/
	width:100%;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; 
	
	margin: 0 auto;  
	background-image:url(../images/interface/bg_mainShadow.jpg);
	background-repeat:no-repeat;
	background-position: center 128px;
}


div#masthead {
	width: 997px;
	height:234px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0 0 0 16px;
}


#nav {
	margin: 0 auto; 
	left: 100px;
	width:981px;
	height:46px;
	padding:0px;
	background-color:#77819c;
	border:8px solid #ffffff;
	background-image:url(../images/interface/bg_nav.jpg); background-repeat:repeat-x;
}

.tersnav
{
width:216px;
padding:10px 0 0px 0px;
}
.tersnavOn
{
padding-left: 18px;
background-image:url(../images/interface/arrow_yellow.gif);
background-position:0px 2px;
background-repeat:no-repeat;
font-weight:bold;
color:#036aa5;

}
div#content { 
	width: 997px;
	padding:0px 0px 0px 0px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ 
	background-image:url(../images/interface/bg_content.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-color:#f6f7f8;
} 
div#contentHP { 
	width: 981px;
	padding:0px 0px 0px 0px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ 
	background-image:url(../images/interface/bg_content.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-color:#00FFFF;
	border-left:8px solid #FFFFFF;
	border-right:8px solid #FFFFFF;
	border-bottom:8px solid #FFFFFF;
} 

.contentleftHPholder
{
float:left;
width:470px;
margin:0px;
padding:48px 0px 50px 20px;
background-image:url(../images/interface/bg_contentHPleft.jpg); background-repeat:no-repeat;background-position:0px 0px;
background-color: #ffffff;
}

.contentleftHP
{
background-image:url(../images/interface/WebAppsBus_HP.jpg);
background-repeat:no-repeat; color:#FFFFFF;
font-size:12px;
text-align:left;
padding:20px 30px 70px 25px;
height:100px;
}

.contentrightHPholder
{
float:left;
width:491px;
margin:0px;
padding:48px 0px 50px 0px;
background-image:url(../images/interface/bg_contentHPright.jpg); background-repeat:no-repeat;
background-color: #ffffff;
text-align:center;
}
.contentrightHP
{
background-image:url(../images/interface/WebAppsEnt_HP.jpg);
background-repeat:no-repeat;
background-position:23px 0px;
color:#FFFFFF;
font-size:12px;
text-align:left;
padding:20px 30px 70px 45px;
height:100px;
}

.whatNowHP { 
	width: 981px;
	padding:47px 0px 37px 0px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ 
	background-color:#f0f1f4;
	border-left:8px solid #FFFFFF;
	border-right:8px solid #FFFFFF;
	border-bottom:8px solid #FFFFFF;
	text-align: center;
	} 
	
	
	
	
.contentleftHolder
{
float:left;
width:224px;
background-color:#f1f2f5;
margin:0px;
padding:0px;
background-image:url(../images/interface/bg_contentleft.jpg); background-repeat:no-repeat;
background-color: #f1f2f5;
}
.contentleft
{
padding:0px 0px 0px 8px;
}

.contentmiddleHolder
{
float:left;
width:562px;
padding:50px 0px 0px 0px;
margin:0px;
background-image:url(../images/interface/bg_contentmiddle.jpg); background-repeat:no-repeat;
background-color: #ffffff;
}
.contentmiddle
{
padding:0px 21px 50px 30px;
line-height:16px;
}


.contentrightHolder
{
	float:left;
	width:211px;
	padding:50px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/interface/bg_contentright.jpg); background-repeat:no-repeat;
	background-color: #fcfcfd;

}
.contentright
{
padding:0px 14px 0px 14px;
}

.rhsholder
{

}



.submitAssist
{
height:24px;
width:171px;
background-color:#af1517;
font-weight:bold;
text-align:right;
padding:4px;
}

.submitContact
{
height:24px;
width:215px;
background-color:#af1517;
font-weight:bold;
text-align:right;
padding:4px;
}


.contactlhs {
	float:left;
	padding:6px 6px 6px 6px;
	text-align:right;
	width:120px;
	background-color:#f7f7f7;
	margin:2px 2px 0px 0px;
	}
.contactrhs {
	float:left;
	padding:6px 0px 6px 6px;
	width:498px;
	background-color:#f7f7f7;
	margin:2px 0px 0px 0px;
	}
	
	
div#footer {
	width: 938px;
	height:150px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0 0 0 0;
	background-image:url(../images/interface/bg_footer.jpg);
	background-repeat:repeat-x;
	background-position:0px 0px;
}



/* ------------------------------------------------------------------------------------------ */


/* --- Generic styling ---
p {
margin:0px;
padding:0px;
line-height:15px;
}
*/



.dropdowns {
	font-family: Trebuchet MS;
	font-size:11px;
	color:#656565;
	background:#3f3f3f;
	border:solid 1px #6f7072;
}


.viewmore { 
	padding:5px 0px 0px 70px;
	color:#036aa5;
}
.viewmorearrow
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#af1517;
}
.HParrow
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
}

.back { 
	width:641px;
	font-size:20px;
	border-top:1px solid #f1f1f1;
	margin:30px 0px 0px 0px;
	padding:10px 0px 6px 0px;
	color:#e1e1e1;
} 

.quotenarrow
{
float:right; margin: 0px 0px 10px 10px; padding:15px; font-style:italic; color:#8992a9; width:200px; background-color:#f1f2f5;
}
.quotewide
{
margin: 10px 0px 10px 0px; padding:15px; font-style:italic;  background-color:#f1f2f5; color:#8992a9;
}

.topten
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#af1517;
padding:0 0 5px 0px;
margin-bottom:5px;
line-height:normal;
font-weight:bold;
}

.copy {
color:#ffffff;
font-family:'Trebuchet MS';
font-size:12px;
line-height:15px;
padding:0 0 0 21px;
}


.utubetitle {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#878fa7;
padding:0px;
line-height:normal;
}

.utubeclipholder
{
border:solid 1px #CCCCCC; text-align:center; padding:35px 0 35px 0;
}


.refsender
{ font-style:italic; font-weight:bold; text-align:right; padding-bottom:40px;
}

.clientname {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#878fa7;
padding:0px;
line-height:normal;
}


.quotediv {
float:left; width:250px;
}

.contactlhs {
	float:left;
	padding:6px 6px 6px 6px;
	text-align:right;
	width:80px;
	background-color:#f7f7f7;
	margin:2px 2px 0px 0px;
	}
.contactrhs {
	float:left;
	padding:6px 0px 6px 6px;
	width:410px;
	background-color:#f7f7f7;
	margin:2px 0px 0px 0px;
	}
	
#footer p {
	margin: 3px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	font-family:Arial, Helvetica, sans-serif;
	color:#a6a7a7;
	font-size:10px;
	text-align:center;
	padding:5px 0px 0px 0px;

}

/* ------------------------------------------------------------------------------------------ */