/* CSS Document */
body {
	
	
	
	margin: 0; padding: 0; 
	background-image:url(images/body_bg.jpg);
	color: #333333;
	
        
	
	
	
	
	
	
	
	
	
	
}



h1
{
font-family: arial;
font-size: 14px;
color: #990000;
font-weight:bold;
text-align:left;
margin-top:1.5em;
margin-left:3.5em;






}

h1.other{font-size: 13px;
color: #fff;
margin-top:0.3em;
font-weight:600;
margin-bottom:0.1em;
border:none;}

h2{
font-size: 16px;
color: #000000;
border-bottom:1px #cccccc solid;
letter-spacing:2px;
font-variant:small-caps;




}
h3{
font-family: arial;
font-size: 19px;
color: #003399;
font-weight:lighter;
margin-bottom:0.5em;




}
small{
color: #666666;

}
body {
	font-family: arial;
	font-size: 13px;
	
	line-height:20px;
	
	
	
	
}



img.recent{float:left; margin-right:0.8em;}
img.desc{float:left; margin-left:3em;}

img{ border:none;}

a:link {
	text-decoration: none;
	color: #CC6600;
}
a:visited {
	text-decoration: none;
	color: #CC6600;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}











p img {
	padding: 0;
	max-width: 100%;
	}


#wrapper{width:950px; margin: 0 auto;}




#header{width:950px; float:left; height:217px;}


#navigationline{width:950px; height:37px; float:left; background-image: url(images/defence_02.png);}
#navbar{width:832px; height:42px; margin: 0 auto; background-image:url(images/nav.png);}

#pagenametext{color:#FFFFFF; height:30; float:left; margin-left:2em; margin-top:1.1em; font-size:16px; letter-spacing:2px; font-weight:bold;}




#content{width:950px; float:left;}
#contentcontent{width:950px; height:100%;}
#contentheader{height:62px; width:950px; float:left; background-image:url(images/defence_04.png);}
#contentbg{width:950px; float:left; background-image:url(images/defence_05.png); background-repeat:repeat-y;}
#contentfooter{height:68px; width:950px; float:left; background-image:url(images/defence_06.png);}
#maincontent{width:900px; float:left; margin-left:25px;}














#footertexts{float:right; margin-top:3em;  font-size:11px; font-weight:bold; color:#FFFFFF; margin-right:2em; text-align:right;}



 

p img {
	padding: 0;
	max-width: 100%;
	}















#nav{
  clear:both;
  font-weight:bold;
  color:#fff;
  
  float:left;
  list-style-type:none;	
  font-size:12px;
  padding-bottom:21px;
  margin-top:0.84576543em;
  

}
html>body #nav{
  margin-left:8px;
  
}
#nav li{
  list-style-type:none;
  float:left;
  margin:-10px 0px 0 0px;
  padding:0 0px 0 0 ;
  
  
  
  
  
}
#nav li a{
  color: #ffb400;	
  text-decoration:none;
  display:block;
  padding-left:1.7em; padding-right:1.7em; padding-top:0.79865em;padding-bottom:0.6em;
  
  
  
}



#nav li a:hover{
  color: #000000;	
  text-decoration:none;
  display:block;
  padding-left:1.7em; padding-right:1.7em; padding-top:0.79865em;padding-bottom:0.6em;
  background-color:#ffffff;
  
  
  
}

   


ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; }
ul.dropdown a:hover		            { color: #fff; }
ul.dropdown a:active                { color: #fff; }
ul.dropdown li a                    { display: block; padding: 4px 8px; 
	 								   }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                {  color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ margin-left:-3em;visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li a					{  width:230px; font-weight: normal; background-color: #585858; background-image:none; color: #000; 
									   float: none; margin-top:0.2em; margin-left:-0.6980876em; padding:0;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none;  display: block;background-image:none; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }







/* THE CALCULATOR */
.main .calculator { background-color: #000000; float:left; margin-left:2em; display: block; height: 120px; padding: 25px 35px; width: 710px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.main .calculator .col1 { display: block; float: left; width: 355px; }
.main .calculator .col1 p.title { color: #FFFFFF; font: 13px Arial,sans-serif; margin-bottom: 20px; margin-top: 0; }

.main .calculator .col1 .values-wrapper { display: block; margin-bottom: 8px; overflow: hidden; }
.main .calculator .col1 .values-wrapper #min { background: url("images/slider-min.png") repeat scroll 0 0 transparent; display: block; float: left; height: 20px; width: 38px; }
.main .calculator .col1 .values-wrapper #max { background: url("images/slider-max.png") no-repeat scroll 0 0 transparent; display: block; float: right; height: 20px; margin-right: 5px; width: 53px; }
.main .calculator .col1 div.slider-wrapper { background-color: #993300; display: block; height: 40px; overflow: hidden; width: 350px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; position: relative; }
.main .calculator .col1 div.slider-wrapper #minus { background: url("images/slider-controls.png") no-repeat scroll 0 0 transparent; cursor: pointer; display: block; height: 6px; left: 14px; position: absolute; top: 17px; width: 6px; }
.main .calculator .col1 div.slider-wrapper #plus { background: url("images/slider-controls.png") no-repeat scroll -310px 0 transparent; cursor: pointer; display: block; height: 7px; position: absolute; right: 15px; top: 16px; width: 7px; }
.main .calculator .col1 div.slider-wrapper div#slider { background-color: #FFFFFF; margin: 15px 35px; width: 280px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 8px; top: 1px; }
.main .calculator .col1 div.slider-wrapper div#slider .ui-slider-handle { background: url("images/slider-handle.png") no-repeat scroll 0 0 transparent; height: 25px; width: 25px; top: -9px; }

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

.main .calculator .col1 p.subtext { color: #717171; font: 11px Arial; text-align: center; margin-top: 8px; }

.main .calculator .col2 { display: block; float: left; height: 120px; overflow: hidden; }
.main .calculator .col2 a { background-color: #2988FF; display: block; float: left; font: bold 14px Arial,sans-serif; height: 30px; margin-left: 45px; margin-right: 35px; margin-top: 35px; padding: 15px; text-align: center; text-decoration: none; width: 50px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.main .calculator .col3 { display: block; float: right; overflow: hidden; }
.main .calculator .col3 p.title { color: #FFFFFF; font: bold 18px Arial,sans-serif; margin-bottom: 15px; margin-top: 0; }
.main .calculator .col3 p.row { clear: both; color: #FFFFFF; display: block; font: 14px Arial; padding: 5px 0; margin: 0px; }
.main .calculator .col3 p.row1 { padding-top: 0px; }
.main .calculator .col3 p.row2 { border-bottom: 1px solid #717171; }
.main .calculator .col3 p.row span.row-text { display: block; float: left; width: 140px; }
.main .calculator .col3 p.row span.row-value { display: block; float: right; }
.main .calculator .col3 p.subtext { color: #717171; font: 11px Arial,sans-serif; margin: 0; }






.main { float:left;  width: 950px; }
.main ul, .main ol { padding: 0 0 0 20px; }
.main h3 { color: #FFCC00; display: block; font: bold 18px Arial,sans-serif; margin-top: 60px; }
.main h3:first-child { margin-top: 0px; }
.main, .main p { font: 13px Arial, sans-serif; }
.main a.apply { background-color: #2988FF; display: inline-block; font: bold 14px Arial,sans-serif; margin-top: 25px; padding: 13px 20px; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.main .contact-p { display: block; margin-top: 100px; text-align: center; }
.main .contact-p a { color: #2988FF; }




/*contact form*/
/*---------------------------------------------------------------------------*/
.contactForm {
	width:300px;
	float:left;
	margin: 0;
	padding: 0;
	overflow: hidden;
	margin-left:2em;
}
.contactForm ul {
	width:100%;
	margin:0;
	padding:0;
	float:left;
	list-style:none;
}
.contactForm ul li {
	width:300px;
	min-height:25px;
	height:auto !important;
	height:25px;
	margin: 0px 0px 10px 0px;
	clear:both;
	float:right;
	background: none;
	padding: 0;
}
.contactForm label {
	height:25px;
	font-weight: bold;
	float:left;
}
.contactForm .txtFld {
	width:200px;
	height:25px;
	padding: 0px 0px 0px 5px;
	margin:0;
	font-family: Arial, Trebuchet MS, Verdana, sans-serif;
	font-size: 12px;
	line-height: 2em;
	background-color: #EBEBEB;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: none;
	outline: none;
	float: right;
}
.contactForm .txtAra {
	width:290px;
	height:60px;
	padding-top: 5px;
	padding-left: 5px;
	font-size: 12px;
	font-family: Arial, Trebuchet MS, Verdana, sans-serif;
	background-color: #EBEBEB;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: none;
	float: right;
}
.contactForm .submit {
	background: url(../images/send_btn.png) no-repeat;
	width:70px;
	height:28px;
	margin: 0;
	padding: 0;
	font-size:12px;
	font-weight: bold;
	text-align: center;
	border:none;
	cursor: pointer;
	float:right;
	line-height: 2em;
	color: #2f2f2f;
	text-shadow: #d1d1d1 0px 1px 1px;
}
.contactForm .formError {
	width: 300px;
	height: 0px;
	padding:0px 0px 5px 0px;
	margin:0;
	color:#bc4141;
	font-size:10px;
	line-height: 1em;
	text-align: right;
	float:right;
}
.contactForm .formProgress {
	float:left;
	margin-left: 100px;
	line-height: 2.2em;
}
/*footer*/
/*---------------------------------------------------------------------------*/