@charset "utf-8";
/* CSS Document written in 2011 */


/* backgrounds */
body{
background: #525c66 url(../media/images/bg_grad.gif) repeat-x;	
}
#header{
background: url(../media/images/head_bg.png) repeat-x;
}
#nav{
background: url(../media/images/nav_bg.png) no-repeat;
}
#word, #design_word{
background: url(../media/images/word.png) no-repeat;
}
#design_word{
background: url(../media/images/design_word.png) no-repeat;
}
#logo{
background: url(../media/images/logo.png) no-repeat;
}
#nav a{
background: url(../media/images/about.png) no-repeat right 5px;
}
#footer{
background: url(../media/images/footer_bg.gif) no-repeat;
}

/* main */
body{
font: 100%/1.4 Helvetica,Arial,sans-serif;
}

/* coerced/explicit positioning */
#nav,#word, #design_word,#logo{
position: absolute;
}
#header{position:relative;}
/* main structure */
#wrap{
margin: 0 auto;
position: relative;
width: 100%;
max-width: 978px;
border: 1px solid #868d94;
border-top: none;
border-bottom: none;	
}
#footer{
position: relative;
bottom: 0;
clear: both;
height: 1.8em;
color: #ccc;	
font-size: 8pt;
border: 1px solid #ccc;
border-left: none;
border-right: none;
padding-top: 5px;
padding-left: 5px;
}

#nav ul li{
display: inline-block;
height: 1.5625em;
}
#nav ul{
position: absolute;
right: 5px;	
}
#nav a{
display: block;
height: 1.5625em;
width: 5.9375em;
}
#header{
width: 100%;
height: 5.1325em;
}
#nav{
top: 56px;
height: 1.5em;
width: 100%;
}
#word, #design_word{
height: 4.375em;
width:14.0625em;
top: 7px;
left: -8px;
z-index: 2;
}
#design_word{
height: 4.375em;
width: 29.75em;
top: -1px;
left: 8px;
}
#logo{
height: 3.3125em;
width: 3.3125em;
top: 1px;
right: 4px;
}
a{
color: #69e;
text-decoration: none;
}
a:hover{
color: #47c;
text-decoration: underline;	
}

#content{
min-height:18.75em;
color: #ccc;
padding: 0.9375em;
font-size: 11pt;
}
#content p{
padding: .6em 0;	
}
#content ul{
list-style-type: none;
margin: .6em 3em;
display: inline-block;
vertical-align: top;
}
.title{
font-weight: bold;	
color: #fff;
}
#content.list ul{
margin-left: 0;
background: #345;
border: 1px solid #fff;
padding: 1em;
padding-top: .3em;
-moz-border-radius: 7px;
-o-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;

}
#nav .nav-services a{
background: url(../media/images/services.png) no-repeat right 5px;
}
#nav .nav-projects a{	
background: url(../media/images/projects.png) no-repeat right 5px;
}
#nav a:hover{
background-position: right -25px;
text-decoration: none;
}
#nav .here a,#nav .here a:hover{
background-position: right -55px;
}

#footer ul li{
display: inline-block;
text-transform:uppercase;
border-right: 1px solid #999;
padding: 0 9px 0 6px;
}
#footer ul{
position: absolute;
right: 0;
top: 5px;
}
#footer ul li a{
color: #ddd;	
}
#footer ul li a:hover, #footer ul li.here a{
color: #618092;	
}
li.here a:hover{
text-decoration: none;
cursor: default;
}
.cf:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.list-last{
border-right: none !important;	
}

/* carousel */
.pager {
	width: 100%;
	text-align: center;
	position: absolute;
	margin-top: 17px;
}
.pager a {
	margin: 0 5px;
	text-decoration: none;
	background: url(../images/carousel_page_pip.png) no-repeat scroll -21px 0 transparent;
	display: inline-block;
	height: 15px;
	margin: 0 5px 0 0;
	width: 15px;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.pager a:hover{
	background-position: -42px 0;
}
.pager a.selected {
	background-position: 0 0;
	text-decoration: underline;
}
.pager a span{
display: none;	
}


.next, .prev{
position: absolute;
width: 24px;
height: 58px;
top: 90px;
cursor: pointer;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.next{
right: -2px;
background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}

.prev{
left: -2px;
background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}

.prev:hover,.prev:focus,.next:hover,.next:focus {
background-position: -25px 0;
}

.prev:active,.next:active {
background-position: -50px 0;
}

.prev.disabled,.next.disabled  {
cursor: default;
background-position: -75px 0;
}	


#intro {
	width: 580px;
	margin: 0 auto;
}
.wrapper {
	background-color: white;
	width: 480px;
	margin: 40px auto;
	padding: 50px;
	box-shadow: 0 0 5px #999;
}
.list_carousel {
	position: relative;
	background-color: #134;
	/* 39515e */
	margin: 40px 0 30px 101px;
	width: 742px;
	border: 1px solid #678;
	padding: 0 7px;	
	-moz-border-radius: 11px;
	-o-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	font-size: 40px;
	color: #999;
	text-align: center;
	background-color: #eee;
	border: 5px solid #999;
	width: 225px;
	height: 208px;
	padding: 0;
	margin: 6px;
	display: block;
	float: left;
}
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}

.list_carousel ul li a img{
margin-top: 1px;	
}
.clearfix {
	float: none;
	clear: both;
}
.timer {
	background-color: #999;
	height: 6px;
	width: 0px;
}
.caroufredsel_wrapper{
margin-left:0 !important;	
}
/* end carousel */

.not-ready{
text-decoration:line-through;
display:none !important;
}

@media only screen and (min-width: 320px){
	#wrap{
		max-width:98%;
		min-width:570px;
	}
	.list_carousel{
	margin: 0 auto;
		width:100%;
	}
	.fancybox-title{
		font-size: 1.2em !important;
	}

}
@media only screen and (min-width: 781px){
	.list_carousel{		
	margin: 0 auto;
	width: 742px;
	}

}
@media only screen and (min-width: 980px){
	#wrap{
		max-width: 978px;
		min-width:570px;
	}

}