@charset "utf-8";
/* CSS Document */

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin: 0px auto 0px auto;
padding:0;
background-color:#FFF;
}

img {border:0;}
.clear {clear:both; padding: 0px; float: none; margin: 0px; height: 0px; overflow: hidden;}
a, a:link, a:visited, a:active {color:#a80532; text-decoration:none;}
a:hover {color:#c00; text-decoration:underline;}
h1, h2  {color:#000; font-weight:lighter; margin: 10px 0 5px 0;}
h1 {font-size:24px;}
h2 {font-size:18px;}
h3 {font-size:18px;}
h4, #content h1 {font-size:18px; margin-top:0; margin-bottom:7px; font-weight:lighter;}
#content h1 {color:#903}
#content h2 {font-size:15px; font-weight:bold;}
p {margin:7px 0;}

.textlist ul {
margin:0;
padding:0;
}
.textlist li {
padding:0;
margin:0;
list-style-type:none;
text-indent: 12px;
background-image:url(../images/bullet2.gif);
background-repeat:no-repeat;
background-position:top left;
}

#page {width:800px; margin:0 auto 0 auto; background: url(../images/bg_gradient.jpg) repeat-x top left;}

#header {height:110px; padding:8px 10px 0;}
	#header h1#logo_sw, #header h1#logo_sw a {width:205px; height:102px;}
	#header h1#logo_lsc, #header h1#logo_lsc a {width:144px; height:61px}
	#header h1#logo_sw, #header h1#logo_lsc {margin:0; padding:0; position:relative;font-size:17px;}
	#header h1#logo_sw {float:left;	background: transparent url(../images/logo_skillworks.gif) no-repeat top left;}
	#header h1#logo_lsc {float:right; background: transparent url(../images/logo_lsc.gif) no-repeat top right;}
	
	#header h1#logo_sw a, #header h1#logo_lsc a,
	#theoffer, #newsupdates, #plus, #logo_eu, .promo_banner h3#howcampaign a
	{
	margin:0; 
	padding:0; 
	display:block; 
	text-indent:-9999px;	
	text-decoration:none;
	overflow:hidden;
	}	

#main {
	width:800px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	background: url(../images/bg_main.gif) repeat-y top right;
}

.greybox {
	padding: 0px;
	float: left;
	font-size: 11px;
}


.imgright {
float: right;
margin: 0px 0px 0px 10px;
}
.imgleft {
float: left;
margin: 0 10px 0px 0px;
}
.imgcentre {
text-align:center;
}

.pinkbox {
	float:right;
	padding: 0px;
	overflow: visible;
	font-size: 11px;
}

#left_column {float:left; width:250px; padding:0; margin:0}
#right_column {float:left; width:549px; border-left:1px solid #fff;}
#content {padding: 15px 0 10px 20px;}
/*S: Navigation*/
#topnav {width:780px; margin:0; padding:3px 10px; background-color:#000; text-transform:uppercase; color:#fff;}
#topnav ul {float:right; padding:0; margin:0; list-style-type: none;}
#topnav li {margin:0; padding:0; font-weight:bold;}
	#topnav a:link, #topnav a:visited, #topnav a:active, #topnav a:hover, #topnav .navon, 
	.contact_box a:link, .contact_box a:visited, .contact_box a:active .contact_box a:hover
	{color:#fff}
	
#leftnav {margin:0;}
#leftnav ul {margin:0; padding:0; text-transform:uppercase; font-weight:bold;}
#leftnav li {width:250px; list-style:none; border-top:1px solid #fff;}
#leftnav a:link, #leftnav a:visited, #leftnav a:active {
	text-decoration: none; 
	color:#fff;
	display:block;
	padding:7px 5px 7px 15px; 
	margin:0;
	background-color:#702;
	height:14px;	
	
}
#leftnav a:hover{
	background-color:#000;
}
#leftnav .navon {
	text-decoration: none; 
	color:#fff;
	display:block;
	padding:7px 5px 7px 15px; 
	margin:0;
	height:14px;	
	background-color:#000;
}

#leftnav .navonsub {
	text-decoration: none; 
	color:#fff;
	display:block;
	padding:2px 0px 2px 5px; 
	margin:0;
	height:14px;	
	background-color:#000;
}

#leftnav ul li ul {margin:0; padding:0; text-transform:none; padding:0; background-color:#702;}
#leftnav ul li ul li {width:250px;list-style:none; text-indent:15px; border-top:1px solid #702;}
#leftnav ul li ul li a:link , #leftnav ul li ul li a:visited, #leftnav ul li ul li a:active{
	padding:2px 5px;
	background-color:#eddddd;
	color:#702;
	}
#leftnav ul li ul li a:hover {color:#000}

/*E: Navigation*/

.contact_box {
	width:220px;
	height:169px;
	padding:15px;
	background:#903 url(../images/bg_icon.gif) no-repeat top left;
	color:#fff;
	font-size:14px;
	font-weight:bold;	
}
.contact_box span {font-size:35px; letter-spacing:-2px;}
.promo_box {width:230px;padding:10px;}
	.promo_box p {margin:0 1px 10px;}
	.promo_box h2#theoffer {width:230px; height:56px; background:transparent url(../images/txt_theoffer.gif) no-repeat top left;}
	.promo_box h2#newsupdates {width:230px; height:30px; background:transparent url(../images/txt_newsupdates.gif) no-repeat top left;}
	.promo_box h2#plus {width:187px; height:58px; background:transparent url(../images/txt_skillworksplus.gif) no-repeat top left;}

.promo_banner h3#howcampaign {margin:0; width:549px; height:373px; background:transparent url(../images/banner_how.gif)  no-repeat top left;}
.promo_banner h3#howcampaign a {width:549px; height:373px;}
.col01 {float:left; width:255px; border-right:19px solid #fff}
.col02 {float:left; width:255px;}

#footer {width:796px; border-top:7px solid #000; padding:5px 2px;}
	#footer h6#logo_eu {
		float:left;
		width:100px; 
		height:65px;  
		background:transparent url(../images/logo_eu.gif) no-repeat top left;
		}
.footerlinks {float:right; margin:0; white-space:nowrap;}
.footerlinks ul{margin:0; padding:0;}
.footerlinks li{list-style:none; display:inline; margin-left:10px;}

/*S: Form Style */


form {
	margin:0;
	padding:10px 0 10px 20px;
	font-weight: bold;
}
label, .label {
	width: 230px;
	float: left;
	margin: 2px 10px 0px 0px;
	font-weight: bold;
	text-align: left;
}
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333;
	padding: 2px;
	background-color: #fff;
	border: solid #ccc 1px;
	margin-bottom: 4px;
}
.noborder {border:none}
.buttons {margin-left:260px;}
.submitbutton, .resetbutton { background-color:#000; color:#fff; font-weight:bold}
/*E: Form Style */