html,body { width:100%; height:100%; }

body {
	min-height:100%;
	padding:0; margin:0;
	background:#020207 url(images/bg.jpg) no-repeat top left;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.clear {clear:both; }
.left { float:left; }
.right { float:right; }

.wrap { position:relative; width:1020px; padding:0; margin:0 auto; }

#logo-bg {
	position:fixed;
	top:0;
	width:100%;
	padding:15px 0;
	background:transparent url(images/logo_bg.png) repeat;
	border-bottom:#434762 1px solid;
	z-index:9999;
}

#logo-bg div { position:relative; }

#flosites-partners {
	position:relative;
}

#partners {
	position:absolute;
	top:-5px; left:0;
	max-width:211px;
	padding:0; margin:0 auto;
	background:#010206;
	color:#a5a5a5;
	display:none;
}

#partners ul { padding:0; margin:5px 0;position:absolute; background:#010206; width:100%; }
#partners ul li {
	padding:8px 0; margin:0;
	border-bottom:#47474d thin solid;
	list-style-type:none;
}
#partners ul li p { display:inline-block; vertical-align:top; padding:0 0 0 10px; margin:0; font-size:10px; }
#partners ul li p.text { width:75px; }

/* header */

#header {
	position:relative;
	padding:0; margin:100px 0 25px 0;
}

#header div.hello { position:relative; float:left; border:none; }
#header div.accord { position:relative; float:left; width:411px; max-width:411px; max-height:231px; overflow:hidden; }

#header div.accord div.tab {
	position:relative;
	float:left;
	width:69px; height:231px;
	text-align:left;
	color:#8c8c90;
	font-weight:bold;
	cursor:pointer;
	background:url(images/accord_bg_close.png) no-repeat; color:#8c8c90;
}
#header div.accord div.tab:hover { background:url(images/accord_bg_open.png) no-repeat; color:#FFFFFF; }
#header div.accord div.opened { background:url(images/accord_bg_open.png) no-repeat; color:#FFFFFF; }

#header div.accord div.tab p { position:relative; top:75px; padding:8px; margin:0; }

#header div.accord div.sub { position:relative; float:left; padding:0; margin:0; width:200px; height:231px; background:url(images/tab_sub_bg.png) no-repeat; }

#header div.accord div.sub-closed { display:none; }

#header div.accord div.sub div {
	position:relative;
	padding:0; margin:15px;
	width:150px;
	color:#FFFFFF;
	font-size:12px;
}

#header div.accord div.sub div a { color:#FFFFFF; text-decoration:none; }


/* navigation */
.navigation { margin:20px 0 15px 0; color:#4b4b4c; font-size:13px; }
.navigation a {
	margin:0 10px;
	color:#b4b4b5;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
}
.navigation a:hover { color:#3a5370; }

/* content */
.bg { background:transparent url(images/content_-bg.png) repeat; border:transparent thin solid; margin-top:25px; }

.entry { position:relative; margin:15px; background:#FFFFFF url(images/entry-bg.png) repeat-x bottom;}
.project {
position:relative; 
background:#FFFFFF url(images/project_bg.png) repeat-x top;
margin:15px 15px 0 15px;
border-bottom:#bfbfbf thin solid;
}
.project-last {
	border-bottom: 0;
	margin-bottom: 15px;
}
.entry-wrap { padding:15px; }

.content {
	position:relative;
	background:transparent url(images/divider.png) no-repeat right center;
}

.narrow { width:325px; height:424px; padding-right:20px; }
.full { margin-left:auto; margin-right:auto; }

.content p { padding:0; margin:3px 0; }

.content p.title { color:#303030; font-size:24px; font-weight:bold; }
.content p.cat { color:#ababab; font-size:13px; font-weight:bold; }
.content p.message { margin:25px 0; color:#333333; font-size:12px; font-weight:bold; line-height:20px; }
.content p.btn { position:absolute; bottom:0; left:0; }

.content p.img { width:424px; }
.content p.img img {
	width:600px; height:424px;
	max-width:600px; max-height:424px;
	border:#d3d3d3 1px solid;
}

.services {
	margin:20px auto 0 auto;
}

.service { position:relative; float:left; width:200px; background:url(images/divider.png) no-repeat right center; padding-right:25px; padding-left:10px; }

.service p { padding:0; margin:3px 0; }
.service p.title { color:#303030; font-size:16px; font-weight:bold; }
.service p.examples a { color:#7ea6cc; font-size:12px; font-weight:bold; text-decoration:none; }
.service p.message { height:200px; margin:25px 0; color:#333333; font-size:11px; font-weight:normal; line-height:20px; }
.service p.pricing { color:#4b4b4b; font-weight:normal; font-size:11px; }
.service p.pricing span {
	display:block;
	padding-left:15px;
	background:url(images/list-arrow.png) no-repeat left center;
}


.testimonials { margin:25px auto 0 auto; }

.testimonial {
	position:relative;
	float:left;
	background:url(images/divider.png) no-repeat right center;
	width:200px;
	padding-right:25px; padding-left:10px;
}

.testimonial p { padding:0; margin:3px 0; }
.testimonial p.pic { }
.testimonial p.title { color:#303030; font-size:16px; font-weight:bold; }
.testimonial p.link a { color:#7ea6cc; font-size:11px; font-weight:bold; text-decoration:none; }
.testimonial p.message { height:200px; margin:25px 0; color:#333333; font-size:11px; font-weight:normal; line-height:20px; }

.contact { }

.contact div.details {
	position:relative;
	width:225px;
	background:url(images/divider.png) no-repeat right center;
	padding-right:20px;
	margin-top:15px;
}

.contact div.details p { padding:0; margin:3px 0; }

.contact div.details p.title { color:#303030; font-size:16px; font-weight:bold; }
.contact div.details p.message { margin:10px 0 40px 0; color:#333333; font-size:11px; font-weight:normal; line-height:17px; }
.contact div.details p.message a { color:#7ea6cc; text-decoration:none; }

.contact div.form { color:#333333; font-size:12px; font-weight:bold; }

.contact div.form form { padding:0; margin:0; }
.contact div.form form input[type=text] {
	padding:11px 7px;
	width:563px;
	background:url(images/form_input_bg.png);
	border:none;
	color:#999999;
}

.contact div.form form textarea {
	padding:11px 7px;
	width:563px; height:68px;
	background:url(images/form_textarea_bg.png) no-repeat;
	border:none;
	color:#999999;
}

.contact div.form form select {
	padding:9px 7px;
	width:314px;
	background:url(images/form_select_bg.png);
	border:none;
	color:#999999;
}



/*
 Added by Eugen
*/
#slides,
#slides li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #000;
}
#slides {
/* 	height: 652px; */
	height:365px;
}
#slides li {
	display: block;
}
#slides li.visible {
	display: block;
}