/* setup */
* { margin: 0; padding: 0; }
html,body { margin:0; padding:0; border:none; width:100%; height:100%;  }
img { border: 0; }

body {
 background: #c41230 url(../images/bg-firstchoice.jpg) no-repeat fixed 0 0;
 font: 12px Arial, sans-serif;
 color: #111;
}

/* global */
#container { width: 100%; text-align: center; height:100%; 
margin-bottom: -35px; /* MSIE 6 fix */ }

#header, #layout, #footer { width: 770px; margin: 0 auto 0; clear: both; }

/* layout */
#topmenu { top: 0; right: 0; float: right; position: relative; overflow: hidden; padding: 10px 0 10px; z-index: 4;}
#header { top: 0; margin: 0px auto 0px; height:130px; }
#logo { padding: 20px 10px 0 0; float: left; clear:left; }
#layout { padding-top: 10px; }
#footer { width:100%; clear: both; left:0; bottom:0; position: relative; padding: 10px 0 10px; text-align: center; vertical-align:bottom; z-index: 3;}
html > body #topmenu { position: fixed; }
html > body #footer { position: fixed; margin-bottom:0; }

#flash {
width: 624px;
height: 112px;
 display: inline;
 float: left;
 padding: 20px 0 0 0;
 vertical-align: bottom;
 white-space: nowrap;
}
#swf{
width: 624px;
height: 112px;
top: 0px;
left: 0px;
position: relative;
background-color: transparent;
z-index: 2;
}

/* tab menu */
#tabmenu { height: 31px; text-align: left;  }

/* top menu */
#topmenu {
background-color: #DD7989;
color: #fff;
opacity: .8;
border-bottom-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-bottom-left-radius: 10px;

box-shadow: 5px 5px 5px #9d1229;
-webkit-box-shadow: 5px 5px 5px #9d1229;
-moz-box-shadow: 5px 5px 5px #9d1229;
}
#corporate {
background-color: transparent;
padding: 10px 20px 10px;
}
/* footer menu */
#locations {
background-color: #DD7989;
color: #fff;
opacity: .8;
padding: 10px 20px 10px;

border-top-left-radius: 10px;
border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
}
#corporate a, #locations a {
color: #fff;
text-decoration: none;
}
#corporate a:hover, #locations a:hover {
text-decoration: underline;
}

/* content */
#content {
text-align: left;

border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;

border-top-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-top-left-radius: 0;

box-shadow: 5px 5px 5px #9d1229;
-webkit-box-shadow: 5px 5px 5px #9d1229;
-moz-box-shadow: 5px 5px 5px #9d1229;
background: #fff url(../images/moz-radius-fix.gif) no-repeat 0 0;
}

.prop {
float: right;
width: 1px;
}
.clear {
clear:both;
height:1px;
overflow:hidden;
}
.minfirst, .minsector, .maxsector { padding-bottom: 50px; margin-bottom: 40px; }
.maxsector { padding-bottom: 60px;}
.minfirst { height: 440px; clear: both;  }  /* 430px */
.minsector { height: 360px; clear: both;  } /* 370px */
.maxsector { clear: both; } /* 370px */


.photo {
float: left;
display: block;
margin-right: 20px;
border-right: 1px solid #f7e1e4;
width: 212px;
height: 300px;
}
.headline {
display: block;
}
h1, h2, h3{
padding: 12px;
font-weight: lighter;
font-size: 18px;
}
.keypoints {
padding-right: 60px;
display: block;
padding-left: 20px;
clear: right;
}
ul{
list-style-type: disc;
list-style-position: inside;
padding-bottom: 10px;
}
.keypoints li{
color: #454545;
padding: 0px 20px 10px 0px;
}
.keypoints p, .keypoints a {
line-height: 20px;
color: #222;
}
.action, .action a  {
color: #c41230;
}


.box {
clear: left;
border-top: 1px solid #f7e1e4;
border-bottom: 1px solid #f7e1e4;
display: block;
min-height: 300px; /* set to height of photo */
background-color: #fdf9f9;
}
.nobar {
top: 34px;
position: relative;
}

.rounded {
 border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

/* navbar */
.navbar {

margin : 0;
padding: 0 10px;
}
.navbar ul  {
margin : 0;
padding : 0;
text-indent: 0;
}
.navbar li  {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
white-space: nowrap;
}
.navbar a  {
padding : 10px 10px 10px;
background-color : #fff;
text-decoration : none;
}
.navbar a:link , .navbar a:visited  {
background-color : #fff;
color : #555;
}
.navbar a:hover , .navbar a:active , .uberlink a:link , .uberlink a:visited , .uberlink a:hover , .uberlink a:active  {
background-color : #fff;
color : #000;
}

/* end */

.whitetext, .whitetext a {
color: #fff;
}
.br {
text-align: right;
vertical-align: bottom;
}


/* t and c */

.barspace { height: 15px; clear: both; }

.bodytext {
padding-right: 60px;
display: block;
padding-left: 20px;
margin: 20px;
clear: both;
}
.bodytext h1, .bodytext h2 {
margin: 0; padding: 0;
padding-bottom: 10px;
}
.bodytext h2 {
font-size: 18px;
}
.bodytext p {
padding-bottom: 20px;
color: #111;
line-height: 150%;
}

.bodytext ol {
margin: 20px;
margin-top: 0;
}
.bodytext ol>li, .bodytext ul>li {
color: #111;
padding-bottom: 5px;
line-height: 150%;
}
.bodytext table {
padding-bottom: 20px;
width: 50%;
}

.bodytext p a, .vacancy p a  {
color: #c41230;
text-decoration: none;
}
.bodytext p a:hover, .vacancy p a:hover  { text-decoration: underline; }

.line {
border-bottom: 1px solid #f7e1e4;
clear: both;
}

.hot{
color: #c41230;
}

div .vacancy{
display: block;
position: relative;
float: left;
}

.odd, .even{
padding: 10px;
}
.odd{ background-color: #efebee; }
.even{ background-color: #e3dde3; }
.odd td, .even td {
padding: 2px;
}