@charset "UTF-8";
/* CSS Document by Beyond Wonderland Studio*/

/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* END CSS RESET */

/* MAGAZINE LAYOUT */
            #info li.float-left                 {float:left;clear:left;margin:0 0 0 -24px;}
            #info li.float-right                {float:right;clear:right;}
            #info ul.first-list                 {padding:0 -20px 0 0;list-style: none;}
            #info ul.first-list li              {width:325px;}
/* END MAGAZINE LAYOUT */

/* NAVMENU */
#nav_wrap li {list-style:none;}
#nav_wrap img {display:inline;}
/* END NAVMENU */

/* SLIDING TABS */
#wrapper2{
width: 682px;
margin: 0 auto;
}
.box{
background: #fff;
}
.boxholder{
clear: both;
margin-left:10px;
padding: 0 0 1px 0;
background: #104860;
}
.tab{
float: left;
margin: 0 1px 0 0;}
/* END SLIDING TABS */

/* SLIDING SIDE MENU */
.examplediv {
float: left;
width: 46%;
margin: 1%;
margin-bottom: 1em;
margin-top:109px;
padding: 0;
position: relative;}
.examplediv p {
background-color:transparent;
padding: 5px;
width: 90%;
margin: 5px auto;
text-align: center;
clear: both;}

#resizercontainer {
clear: both;}

#resizercontainer p {
width: 150px;
text-align: right;
font-size:15px;
font-weight:lighter;}
/* END SLIDING SIDE MENU */


/*  footer */
div#footer {color: #6d6d6d;font-size: 11px; text-align:left; background:url(../images/swissmade.png); background-repeat: no-repeat;margin: 0 auto;width: 975px;height: 50px; padding-top:7px;}
div#footer a { color: #6d6d6d; } 
div#footer a:hover { color:#003366; border-bottom: 1px dotted #57afe1;; }
div#bgfooter {background: url("../images/bg_footer.png") 0 0 repeat-x;width: 100%;}

            div#footer li.float-left                 {float:left;clear:left;margin:0 0 0 50px; width:500px}
            div#footer li.float-right                {float:right;clear:right; width:245px}
            div#footer ul.first-list                 {padding:0 -30px 0 0;list-style: none;}
/* end footer */

/* Home Page Styling */

div.contactinfo h2 {
	display: inline;
	font-weight: normal;
	text-transform: lowercase;
	float: left;
	clear: none;
	font-size: 18px;
	letter-spacing: -0.25px;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;}

div.col3home h2 {clear: both;}

div.col3home h2.news {
	color: #333;
	font-size: 1.2em;
	margin: 0;
}


/* forms */
form {width:325px;}
label {
	float:left;
	width:5em;
	text-align:right;
	margin-right:24px;}
	
.text-input {
	padding:0.15em;
	width:17em;
	border:1px solid #ddd;
	background:#fff;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
.text-input:hover, input:focus {
	border-color:#c5c5c5;
	background:#fff;
} 

.text-input.default {
	color:#bbb;
}


/* end of forms */

/* Layout */

* { margin: 0; padding: 0; }

body {
	background: #fff;
	font-size: 12px;
	font-family:"Helvetica Neue", Helvetica, Verdana, sans-serif;
	color: #333;
	text-align: center;
	cursor:crosshair;}

div.col3home {	width: 280px;	padding: 20px 0 0 0;}

div {
	border: none;
	text-align: left;
	vertical-align: top;
}

div#containerm {
	width: 100%;
	background: #fff url("../images/bg_header.png") 0 0 repeat-x;}

div#wrapper { 
	width: 975px;
	margin: 0 auto;
	padding: 0; 
	position: relative;
	background: #fff url("../images/bg_header.png") 0 0 repeat-x;}
	
h5 {font-weight:bold;}

/* loads a new background image for the 2 columns in the section pages. */

/* home styles */

div#header {
    min-height: 125px;
    margin: 0 0 0 0;
	background: url(../images/logo_header.png);
	background-repeat:no-repeat;
	z-index:1}

div#col1 {
	float: left;
	display: inline; /* set to display inline // double margin float bug in IE*/
	clear: left;
	padding: 20px 0 0 0;
	min-height: 450px;
	color: #626262;
}
div#col2 {
	float: left;
	display: inline;
	/* margin: 10px 0 0 0; */
	padding: 20px 0 0 0;
	min-height: 490px;
	color: #626262;}

div#col3 {
	float: right;
	display: inline;
	padding: 20px -15px 0 0px;
	min-height: 450px;
	color: #626262;}

div.col1home {	margin: 0 0 0 20px;width: 530px;}

div.col3home {width: 245px;}

.clear { 
	clear: both; 
	height: 1px;
	margin: 0;
	padding: 0;}

h1, h2, h3, h4, p, ul, form {margin-bottom: 1em;}

ul {margin-left: 2em;}

li {margin-bottom: 0.25em;}

img {border: 0;}

a { overflow: hidden; color: #1f4c79; text-decoration: none; } /* chase away the marquee that gets drawn around the text on an a tag even when you have a specific h x w - FF.Camino.Opera draw this extra marquee as a user cue. */

a:hover { color: #57afe1; }
p a:hover { border-bottom: 1px dotted #57afe1; }

p { line-height: 15px; font-size: 0.916em; }

div#wrapper span.workoff, div#wrapper span.companyoff, div#wrapper span.exploreoff, div#wrapper span.searchSpanoff, div#wrapper span.contactoff {top: 0; left: -9999px;}

div#wrapper span.workon, div#wrapper span.companyon, div#wrapper span.exploreon, div#wrapper span.searchSpanon, div#wrapper span.contacton {top: 0; left: 0;}

h3 {font-size: 12px;color: #57afe1;margin: 0;}

div.col3home p.infohome {font-size: 11px;padding: 0;}

div.col3home p {margin: 0;padding: 7px 0 10px 0;}