/*=============== Main structure =================*/

body {
background: rgb(230, 230, 230) url(/images/bg_main.png) top left repeat-x;
}

#header {
height: 100px;
#background: transparent url(/images/logo_firstimpress.png) -10px 0 no-repeat;
}

#menu {
margin-top: 59px;
height: 40px;
background: transparent url(/images/menu_lines.png) 0 0 no-repeat;
}

#topbox {
background: transparent url(/images/topbox_frontpage.png) no-repeat;
min-height: 270px;
padding: 20px;
}

.page_content {
background-color: white;
min-height: 310px;
border: 1px solid silver;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
padding-bottom: 40px;
}

.page_content div {
padding: 20px 20px 0 20px;
}

.page_shadow {
background: transparent url(/images/page_shadow.png) 0 bottom no-repeat;
min-height: 10px;
}

#topbox_shadow {
background: transparent url(/images/topbox_frontpage_shadow.png) 0 bottom no-repeat;
min-height: 20px;
}

#box_headers {
background: url(/images/bottom_box_headers.png) no-repeat;
min-height: 40px;
margin: 20px 0 10px 0;
}

#box_left {
background: transparent url(/images/bottom_box_left.png) no-repeat;
min-height: 240px;
}

#box_mid {
background: transparent url(/images/bottom_box_mid.png) no-repeat;
min-height: 240px;
}

#box_news {
background: transparent url(/images/bottom_box_news.png) no-repeat;
height: 240px;
}

/*=============== MENU ===============*/
#menu ul {
position: relative;
left: -10px;
}

#menu ul li{
display: inline;
}


#menu ul li a {
font-size: 18px;
margin-right: 40px;
padding: 12px 10px 10px 10px;
display: block;
float: left;
text-decoration: none;
color: white;
}

#menu ul li:first-child a {
padding-left: 5px;
}

#menu ul li a:hover {
background-color: rgba(0,0,0,.1);
}

/*=============== Products ================*/
.product {
float: left;
}
	 
.product ul li {
background: url(/images/icons/general.jpg) no-repeat;
display: block;
float:left;
width: 400px;
min-height: 140px;
font-weight: bold;
}

.product ul li p {
font-weight: normal;
margin-left: 100px;
}

/*================== Cases ==================*/
.case p {
float: left;
width: 300px;
padding: 0 20px 0 0;
}

.case h2 {
margin-bottom: 10px;
}

.case ul {
margin-left: 40px;
padding-right: 20px;
border-right: 1px solid silver;
list-style-image: url(../images/checkmark.png);
float: left;
min-width: 100px;
}

.case img {
float: left;
margin: 0 20px 20px 20px;
cursor: pointer;
}

/*=============== firstmedia ================*/
#mediabox img.partner {
margin-right: 30px;
#filter:alpha(opacity=60);
opacity: .6;
cursor: pointer;
}

/*=============== Overlay =================*/
.overlay { 
     
	background-image:url(http://static.flowplayer.org/tools/img/overlay/transparent.png);         
    display:none;
    width:640px;         
    padding:55px; 
    font-size:11px; 
    color: white;
    text-align: center;
} 

.overlay h2, .overlay h3, .overlay h1 {
color: white;
text-align: left;
}

.overlay img {
text-align: center;
}

.overlay .close { 
    background-image:url(../images/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}