/*

7ticks

Design: Tandemodus

Programming: Nifty Inc

*/







/* ---------- general -------- */



body {margin:0; padding:0; background: #000 url("../images/backgrounds/stripe.gif") 0 150px repeat-x;}

body {font: 100.01% Arial, Helvetica, Verdana, sans-serif; color: #e1e1e1;}



img {margin: 0; border:0;}

ul {list-style-type: none;}

a:focus, a:active {outline: 0; -moz-outline: none;}

ul.myList { list-style-type: disc } 



/* ---------- layout -------- */



.logo {
	position: absolute;
	top: 68px;
	left: 403px;
	margin:0;
	padding:0;
	width: 356px;
	height: 61px;
	z-index: 0;
}

.picArea {position: absolute; top: 150px; left: 0; margin:0; padding:0; width: 870px; height: 110px; z-index: 0; }

.specialArea {position: absolute; top: 150px; left: 650px; margin:0; padding:0; width:190px; height: 110px; background-color: #CFCFCF;  z-index: 99;}



.textArea {
	position: absolute;
	top: 274px;
	left: 227px;
	margin:0;
	padding:0 15px 0 0;
	width: 395px;
}

.articlesArea {position: absolute; top: 320px; left: 30px; margin:0; padding:0 15px 0 0; width: 600px; ul{list-style-type: none;}}



.contactArea {position: absolute; top: 275px; left: 650px; margin:0; width: 200px;}





/* ---------- menu -------- */



.menu {margin: 20px 0 0 20px; width:840px; height:20px; position:relative; font: normal 0.65em Arial, Helvetica, Verdana, sans-serif;  z-index:100;}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {padding:0; margin:0; list-style-type:none;}

.menu ul ul {width:200px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {float:left; margin:0 10px 0 0; width:200px; position:relative;}



/* style the links for the top level */

.menu a {display:block; padding: 4px 0 0 5px; width:195px; height:20px; line-height: 1em; text-decoration:none; color:#fff; background:#000 url(../images/nav/navBack.gif) no-repeat;}

.menu a:hover {color:#fff; background:#000 url(../images/nav/navBack.gif) no-repeat; background-position: -200px 0px;}

.menu :hover > a {color:#fff; background:#000 url(../images/nav/navBack.gif) no-repeat; background-position: -200px 0px;}



.menu a.chosen {display:block; padding: 4px 0 0 5px; width:195px; height:20px; line-height: 1em; text-decoration:none; color:#fff; background:#000 url(../images/nav/navBack.gif) no-repeat; background-position: -200px 0px;}

.menu a.chosen:hover {color:#fff; background:#000 url(../images/nav/navBack.gif) no-repeat; background-position: -200px 0px;}

.menu :hover > a.chosen {color:#fff; background:#000 url(../images/nav/navBack.gif) no-repeat; background-position: -200px 0px;}





/* style the second level links */

.menu ul ul a {padding:0 0 2px 5px; width:200px; color:#fff; text-transform: uppercase; height:auto; line-height: 1em; background:#000;}

.menu ul ul a:hover {color:#2484c6; background:#000;}

.menu ul ul :hover > a {color:#2484c6; background:#000;}



.menu ul ul a.selected {color:#2484c6; }

.menu ul ul a.selected:hover {color:#2484c6; background:#000;}

.menu ul ul :hover > a.selected {color:#2484c6; background:#000;}



.menu ul li.first a {padding:5px 0 2px 5px; width:200px; text-transform: uppercase; height:auto; background:#000;}



/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden; position:absolute; height:0; top:20px; left:0; width:200px;}



/* style the table so that it takes no part in the layout - required for IE to work */

.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul{visibility:visible; }





/* ---------- forms -------- */

.portal {float: left; clear: both; margin: 0; padding: 0; width: 196px;}



input, textarea {float: left; color: #fff; background-color: #000;}

input:focus, textarea:focus {color: #2484c6; background-color: #000;}



.submit {padding:0; color: #fff; text-align: left; background-color: #000; cursor: pointer; width: 50px;}

.submit:hover {color: #000; background-color: #fff; cursor: pointer;}

.submit:visited {color: #000; background-color: #fff; cursor: pointer;}



ul.portal input,

ul.portal textarea,

ul.portal select {float: left; margin: 0 0 8px 0; padding: 2px 0 2px 3px; font: 11px Arial; border: 1px solid #4d4d4d; width: 100%;}

select {color: #fff; background-color: #000;}



table.contactForm {border: 0; border-collapse: collapse; width: 100%; text-align: left;}

th {margin:0; padding: 0 5px 0 0; font: 0.6875em Arial, Helvetica, sans-serif; width: 25%;}

tr {padding:0 0 8px 0; vertical-align: top;}

td.pad {padding:0 0 0 10px;}

td.zip {padding:0 0 0 10px; width: 25%;}



table.contactForm2 {border: 0; border-collapse: collapse; width: 100%; text-align: left;}



table.contactForm input,

table.contactForm textarea,

table.contactForm select {float: left; margin: 0 0 8px 0; padding: 2px 0 2px 3px; font: 11px Arial; border: 1px solid #4d4d4d; width: 100%;}



.submit2 {padding:0; color: #fff; text-align: left; background-color: #000; cursor: pointer;}

.submit2:hover {color: #000; background-color: #2484c6; cursor: pointer;}

.submit2:visited {color: #000; background-color: #fff; cursor: pointer;}





/* ---------- typographic -------- */



p {font-size: 0.75em; padding:0; margin:0 0 10px 0; line-height: 1.5em; text-align: justify;}



h1 {margin:0 0 15px 0; padding:0; font: normal 0.9em Arial, Helvetica, Verdana, sans-serif; line-height: 1.4em; color: #4d4d4d; text-transform: uppercase;} /* ---------- Headline in Photo -------- */

h2 {margin:0 0 10px 0; padding:0; font: bold 0.75em Arial, Helvetica, Verdana, sans-serif; color: #e1e1e1; text-transform: uppercase;} /* ---------- Headline for Text -------- */



.bold {font-weight: bold;}

.ital {font-style:italic;}

.small {font-size: 0.6875em; line-height: 1.25em;}



.caps {text-transform: uppercase;}

.blue {color: #2484c6;}

.white {color: #fff;}

.copyright {position: absolute; top: 275px; left: 20px; font-size: 0.60em; text-align: left; color:#444;}



a.linkBlue {color:#2484c6; text-decoration:none;}

a.linkBlue:hover {color:#fff; text-decoration:underline;}



.idsText{color:#2484c6; font-size:10px;}



.button a {display: block; float: left; margin-bottom: 8px; height: 20px; width: 120px; background: url(../images/backgrounds/button.gif) no-repeat; cursor: pointer;}

.button a:hover { background-position: -120px 0;}

ul.jobItems{color:#CCCCCC;}