body{
margin:0;
padding:0;
line-height: 1.5em;
font-size:62.5%;
background: #18273e url(assets/bg.gif) repeat-x;
}

a img{border:none;}

#maincontainer{
width: 850px;
margin:0 auto;
background: url(assets/container.gif) repeat-y;
position:relative;
}

#topsection{
background: url(assets/header.gif) no-repeat;
height: 218px;
}

#contentwrapper{
float: left;
width: 100%;
background:url(assets/content.gif) no-repeat;
}

#contentcolumn{
margin-left: 220px;
margin-right: 70px;
min-height: 500px;
}
* html #contentcolumn{height:500px;}
:root #contentcolumn{min-height:750px;}

#leftcolumn{
float: left;
width: 200px;
margin-left: -850px;
}

#flash{
position:absolute;
top:170px;
left:170px;
}

#calc{background: url(assets/calc.gif) no-repeat; width:169px; height:200px;}

#footer{
background: url(assets/footer.gif) no-repeat bottom left;
width: 100%;
min-height: 150px;
}
:root #footer{clear:both;}

/* ---------- Menu and Text ---------- */

a{outline:none;color:#E32824; font: bold 1.1em "Century Gothic", Arial, Helvetica, sans-serif;}

#leftcolumn img{margin-left: 40px;}

#leftcolumn ul{list-style-type:none;margin-top:5px;}

#leftcolumn li{
background:url(assets/nav-bg.gif) no-repeat; 
width:169px; 
height:38px;
}
:root #leftcolumn li{margin-top:2px;}

#nav a{
background:url(assets/nav.gif) no-repeat;
width:169px; 
height:38px;
float:left;
font:1.5em "Century Gothic", Arial, Helvetica, sans-serif;
text-decoration:none; 
color:#000;
padding:8px 0 0 30px;
}

#leftcolumn a:hover{background:none;}

#topsection h2{
float:right;
color:#E32824;
margin:155px 70px 0 0; 
text-align:left;
font: 2.4em "Century Gothic", Arial, Helvetica, sans-serif;
}

p{
font: 1.4em "Century Gothic", Arial, Helvetica, sans-serif;
line-height: 1.6em;
}

#footer p{font-size: 1em;margin-left:100px;}

/* ---------- Slide Our Tabs ---------- */

.animationContainer{height: 220px;}

.demoDiv{
background: url(assets/featured-bg.gif) no-repeat; 
position:absolute;
height:235px;
width: 230px;
top:0;
overflow: hidden;
}

.hideInitially{visibility: hidden;}

.tabbed{
background: url(assets/featured-tab.gif) no-repeat;
position:absolute;
height:235px;
width: 50px;
float:left;
top:175px;
right:0;
}

.tabbed2{
background: url(assets/latest-tab.gif) no-repeat;
position:absolute;
height:235px;
width: 50px;
float:left;
top:410px;
right:0;
}

#atab{width:50px;height:235px;display:block;cursor:pointer;}
#btab{float:right;width:50px;height:235px;cursor:pointer;}

.sampleText{float:left;width:170px;}

#framenav {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #0F4171;
	padding-top:202px;
	padding-left:220px;
}
#framenav a {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #0F4171;
	text-align:center;
}

/* ------------ Calc ------------ */

#calc form{margin:25px 5px 0px;height:150px;}
#quick {float:left; line-height:1.6em; width:80px;}
#quick2 {float:left; width:70px;}
#quick3 {float:left; width:50px;}
#quick4 {float:left; line-height:1.6em; width:100px;}
#calcbutton {margin: 0; border-bottom: 2px solid #333;width:70px; float:right; margin-right:5px;}

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

fieldset {
width:500px; 
display:block;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}

legend {1
color:#000;
padding:5px;
text-transform:uppercase;
}

input {
float:right;
width:300px;
}

label {
float:left;
text-align:left;
}

textarea {
float:right;
width:300px;
}

select {
float:right;
width:275px;
}

.box {
float:right;
width:270px;
}

.box2 {
width:185px;
float:left;
}

.checkbox {
float:right;
width:20px;
margin-right:130px;
}

.button {
width:100px;
margin:20px 250px 0 0;
}


/*--------------- Highlighter ---------------*/

.ctrlHolder {
overflow:hidden;
clear:both;
margin:0;
padding:7px 4px;
}

.ctrlHolder span {
position:relative;
}

.focused {
color:#E32824;
border:3px solid #333;
border-width:3px 0;
padding:4px 4px;
}

.ctrlHolder .textInput:focus {
border-color:#666;
}

div.focused .formHint {
color:#000;
}