@charset "UTF-8";

/* CSS Document */
/* Subo Talk - Sam Beckingsale 2008*/


/* EDITOR START */


hr {
	border: 1px solid #43a2cc;
	margin-top: 15px;
	margin-bottom: 15px;
	
}

h1 {
	font-size: 22px;
	color: #43a2cc;
	margin-bottom: 13px;
}

h2 {
	font-size: 15px;
	color: #aed7e9;
	margin-top: 5px;
	margin-bottom: 5px;

}

h3 {
	font-size: 13px;
	color: #f47b20;
	margin-top: 5px;
	margin-bottom: 5px;

}

h4 {
	font-size: 12px;
	color: #a09f9f;
	margin-top: 5px;
	margin-bottom: 5px;	
}

h5 {
	font-size: 12px;
	color: #aed7e9;
	margin-top: 5px;
	margin-bottom: 5px;	
}

a {
    color: #f47b20;
	text-decoration: underline;
}

a:hover {
    color: #f47b20;
	text-decoration: underline;
}

p {
    margin-bottom: 10px;
}

ul {
    padding: 5px 0px 15px 20px;
	color: #a09f9f;
}

li {
	padding: 0px;		
}

img, div, input { behavior: url("iepngfix.htc") }


/* EDITOR END */

body {
	font-size: 12px;
	font-weight: 200;
	line-height: 20px;
	color: #43a2cc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff url(assets/bg.jpg) repeat-x top left fixed;
}

* {
	margin: 0;
	padding: 0;
}

img {
	border: 0px;
}


/* --------- Main Container --------- */

#wrapper {
	width: 1000px;
	height: 1000%;
	padding: 0px;
	margin: 0 auto;
}


#main_container {
	width: 1000px;
	height: 100%;
	padding: 0px;
	float: left;
	margin:0px;	
}

/* --------- Masthead ---------*/

#masthead {
    width: 1000px;
	height: 220px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(assets/masthead_footer.png) no-repeat top left;
}

* html #masthead {
   height: 245px;
}

/* --------- Mainarea ---------*/

#mainarea {
	width: 1000px;
	height: 100%;
	float: left;
	margin: 0px;
	background:url(assets/main_area_bg.png);
}

* html #mainarea {
	margin-top: -25px;	
}

#left_column {
	width:	229px;
	float:	left;
	min-height: 350px;
	margin: 0px 90px 0px 0px;
	padding: 0px;
}


.textarea {
	padding: 5px 20px 20px 0px;
	margin: 0px;
	width:	630px;
	float:	left;
}

* html .textarea {
	 float:left;
	 margin: 0px 0px 0px -60px;
}

/* --------- download button ---------*/

.download {
     float:	left;
	 clear: left;
	 width: 165px;
	 height: 50px;
	 margin: 40px 0px 10px 90px;
	 padding: 0px;	 
}

* html .download {
    margin: 30px 0px 10px 45px;
}

/* --------- it_button button ---------*/

.it_button {
     float:	left;
	 clear: left;
	 width: 165px;
	 height: 50px;
	 margin: 20px 0px 15px 90px; 
}

* html .it_button {
    margin: 20px 0px 0px 45px;
}
/* --------- languages TOP ---------*/

*html .language {
     margin:  0 0 0 25px; 
}

.language {
	width: 300px;
	height: 18px;
	float: left;
	line-height:13px;
	text-align:left;
	padding: 0px;
	margin:  0 0 0 54px;          
}

.language ul {
	margin:0px;
	padding:0px;
	width:300px;	
}

.language li {
	display:inline;
	margin:0px 2px 0px 2px;
	width:73px;
	height:18px;
	float: left;
	text-align: center;
	display: block;
}

.language a {
	text-decoration:none;
	color:#ffffff;
	width:73px;
	height:18px;
	padding:0px;
	background: url(assets/top_buttons.png) no-repeat top right;
	display: block;	
	font-size: 10px!important;	
}

.language a:hover {
	text-decoration:underline;
	color:#43a2cc;
	width:73px;
	height:18px;
	padding:0px;
	background: url(assets/top_buttons.png) no-repeat top left;
	display: block;
	font-size: 10px!important;
	}
	
	*html .language a:hover {
	background: url(assets/top_buttons.gif) no-repeat top left;
	}
	
	*html .language a {
	background: url(assets/top_buttons.gif) no-repeat top right;
	}

/* --------- Navigation TOP ---------*/

*html .navigation_top {
     margin: -105px 0px 0px 30px; 
}

.navigation_top {
	width: 713px;
	height: 31px;
	float: left;
	line-height:24px;
	text-align:left;
	padding: 0px;
	margin: -80px 0px 0px 62px;          
}

.navigation_top ul {
	margin:0px;
	padding:0px;
	width:713px;	
}

.navigation_top li {
	display:inline;
	margin:0px 3px 0px 3px;
	width:136px;
	height:31px;
	float: left;
	text-align: center;
	display: block;	
}










.navigation_top a {
	text-decoration:none;
        color:#ffffff;
	width:136px;
	height:26px;
	padding: 5px 0px 0px 0px;
	background: url(assets/top_nav.png) no-repeat top left;
	display: block;	
}

.navigation_top a:hover {
	text-decoration:underline;
	color:#ffffff;
	width:136px;
	height:26px;
	padding: 5px 0px 0px 0px;
	background: url(assets/top_nav.png) no-repeat top right;
	display: block;
} 

.navigation_top .LGlob_active  a {
	color:#43a2cc;
	text-decoration:underline;
	width:136px;
	height:26px;
	padding: 5px 0px 0px 0px;
	background: url(assets/top_nav.png) no-repeat bottom left;
	display: block;
	font-weight:bold;	
}

.navigation_top .LGlob_active a:hover {
	color:#43a2cc;
	text-decoration:underline;
	width:136px;
	height:26px;
	padding: 5px 0px 0px 0px;
	background: url(assets/top_nav.png) no-repeat bottom left;
	display: block;
	font-weight:bold;
} 

*html .navigation_top a {
	background: url(assets/top_nav.gif) no-repeat top left;
	}
	
*html .navigation_top a:hover {
	background: url(assets/top_nav.gif) no-repeat top right;
	}
	
*html .navigation_top .LGlob_active a {
	background: url(assets/top_nav.gif) no-repeat bottom left;
	}
	
*html .navigation_top .LGlob_active a:hover {
	background: url(assets/top_nav.gif) no-repeat bottom left;
	}


/* --------- Navigation left ---------*/

.navigation_left {
	width: 225px;
	float: left;
	line-height:26px;
	text-align:left;
	padding: 0px 0px 0px 56px;
	border: #ffffff 1px;	 
	         
}

.navigation_left ul {
	margin:0px;
	width:225px;
    padding:0px;
	
	
}

.navigation_left li {
	list-style:none;
	margin:0px;
	width:226px;
}

.navigation_left a {
	text-decoration:none;
	color:#ffffff;
	margin-left: 0px;
	padding:0 0 0 10px;
	background-color:#aed7e9;
	width: 215px;
	display:block;
	border:1px solid #ffffff;
	
}

.navigation_left a:hover {
	text-decoration:none;
	color:#ffffff;
	margin-left: 0px;
	padding:0 0 0 10px;
	background-color:#43a2cc;
	width: 215px;
	display:block;
	border:1px solid #ffffff;

}

.navigation_left .LGlob_active {
	text-decoration:none;
	color:#ffffff;
	margin-left: 0px;
	padding:0 0 0 10px;
	background-color:#43a2cc;
	width: 215px;
	display:block;
	border:1px solid #ffffff;
	
} 

.navigation_left .LGlob_active a {
	text-decoration:none;
	color:#43a2cc;
	margin-left: -11px;
	padding:0 0 0 10px;
	background-color:#ffffff;
	width: 215px;
	display:block;
	border:1px solid #ffffff;
}

.navigation_left .LGlob_active a:hover {
	text-decoration:none;
	color:#43a2cc;
	margin-left: -11px;
	padding:0 0 0 10px;
	background-color:#ffffff;
	width: 215px;
	display:block;
	border:1px solid #ffffff;
} 


.navigation_left #parent {
	text-decoration:none;
	color:#ffffff;
	margin-left: 0px;
	padding:0 0 0 10px;

	width: 215px;
	display:block;
}

.navigation_left #parent a {
	text-decoration:none;
	color:#ffffff;
	margin-left: 0px;
	padding:0 0 0 10px;
	
	width: 215px;
	display:block;
}

.navigation_left #parent a:hover {
	text-decoration:none;
	color:#ffffff;
	margin-left: 0px;
	padding:0 0 0 10px;
	
	width: 215px;
	display:block;

	
}
 
.navigation_left li ul li a {
	color:#ffffff!important;
	text-decoration:underline!important;
	font-size: 11px!important;
	margin-bottom: 3px!important;
	margin-left: 10px;
	width: 180px!important;
	font-weight:200!important;
	background-color:#43a2cc;
	border:none!important;
}

.navigation_left li ul li a:hover {
	color:#ffffff!important;
	text-decoration:underline!important;
	font-size: 11px!important;
	margin-bottom: 3px!important;
	margin-left:10px;
	width: 180px!important;
	font-weight:200!important;
	
}



/* --------- Footer --------- */

#footer {
	width:1000px;
	height:434px;
	font-size:9px;
	color: #ffffff;
	float:left;
	margin:0 0 20px 0;
	padding:0px;
	clear:left;
	background: url(assets/masthead_footer.png) no-repeat bottom left;
}

* html #footer {
    background: url(assets/footer.png) no-repeat top left;
}

/* --------- anywhere button ---------*/

.anywhere {
     float:	right;
	 width: 580px;
	 height: 100px;
	 text-align:center;
	 margin: 50px 0px 0px 0px;
	 padding:0px;
	 
}

.anywhere h3 {
    color:#ffffff;
	margin:14px 70px 0 0px;
}

.anywhere h3 a {
    color:#ffffff;
}

/* --------- footer images ---------*/

.footer_images {
     float:	right;
	 width: 580px;
	 height: 100px;
	 text-align:center;
	 margin: 50px 30px 0px 0px;
	 padding:0px;	 
}

/* --------- Footer bottom --------- */

* html .footer_bottom {
    margin: 27px 0px 0px 90px;
}

.footer_bottom {
	width:1000px;
	text-align:center;
	height:50px;
	margin: 40px 0px 0px 150px;
	float:left;
	
	}

.footer_bottom a {
	text-decoration:none;
	color: #ffffff;

}

.footer_bottom a:hover {
	text-decoration:underline;
	color: #ffffff;
}

.footer_bottom p {
	font-size:9px;
	color: #ffffff;
	padding:0px;
	margin:0px;
	
}