@charset "utf-8";
/* CSS Document */

@font-face{font-family:'Museo300';src:url('../fonts/museo300-regular-webfont.eot'); src:local('☺'), url('../fonts/museo300-regular-webfont.woff') format('woff'), url('../fonts/museo300-regular-webfont.ttf') format('truetype'), url('../fonts/museo300-regular-webfont.svg#webfont') format('svg')}

@font-face{font-family:'Museo500';src:url('../fonts/museo500-regular-webfont.eot');src:local('☺'), url('../fonts/museo500-regular-webfont.woff') format('woff'), url('../fonts/museo500-regular-webfont.ttf') format('truetype'), url('../fonts/museo500-regular-webfont.svg#webfont') format('svg')}

html, body { width:100%; margin:0; padding:0; background:url(../images/pattern.jpg) #D5DADF; font-family:'Museo300'}

.content .pages a:link		{ text-decoration:none; outline:0; }
.content .pages a:visited { text-decoration:none; outline:0; }
.content .pages a:active	{ text-decoration:none; outline:0; }
.content .pages a:hover		{ text-decoration:none; outline:0; }

#main { width:100%; margin:0 auto; }
#header { height:178px; width:1000px; margin:0 auto;}
#header #logo { width:358px; height:112px; margin:33px 0 0 0; float:left; }

#header #menu { height:38px; float:right; margin:71px 0 0 50px; }
#header #menu ul { margin:0; padding:0; list-style:none; }
#header #menu ul li { display:block; width:121px; height:38px; margin:0 0 0 3px; float:left; }
#header #menu ul li a span:hover { cursor:pointer; }
#header #menu ul li a.online { display:block; position:relative; width:121px; height:38px; background:url(../images/menu_online.gif) no-repeat; }
#header #menu ul li a.online span { display:block; position:relative; width:121px; height:38px; background:url(../images/menuUP_online.gif) no-repeat; }
#header #menu ul li a.online .act { display:block; position:relative; width:121px; height:38px; background:url(../images/menuUP_online.gif) no-repeat; }
#header #menu ul li a.offline { display:block; position:relative; width:121px; height:38px; background:url(../images/menu_offline.gif) no-repeat; }
#header #menu ul li a.offline span { display:block; position:relative; width:121px; height:38px; background:url(../images/menuUP_offline.gif) no-repeat; }
#header #menu ul li a.download { display:block; position:relative; width:121px; height:38px; background:url(../images/menu_download.gif) no-repeat; }
#header #menu ul li a.download span { display:block; position:relative; width:121px; height:38px; background:url(../images/menuUP_download.gif) no-repeat; }
#header #menu ul li a.contact { display:block; position:relative; width:121px; height:38px; background:url(../images/menu_contact.gif) no-repeat; }
#header #menu ul li a.contact span {
	display:block;
	position:relative;
	width:121px;
	height:38px;
	background:url(../images/menuUP_contact.gif) no-repeat;
	background-image: url(../images/menuUP_contact.gif);
}

.content { width:100%; margin:0 auto; padding:30px 0 0 0;}
.content .pages { float:right; }
.content .pages ul { margin:8px 0 0 1px; padding:0; list-style:none; font-family:'Museo500'; font-size:11px; color:#8a9198; }
.content .pages ul li { display:block; width:19px; height:25px; margin:0 0 0 4px; float:left;}

.content .top { width:1000px; margin:0 auto; }
.content .top .info { width:780px; margin:0 0 2px 0; float:left;}
.content .top .info .title { font-family:'Museo300'; color:#FFF; background:#8a9198; font-size:11px; padding:0 4px 0 5px; letter-spacing:2px;}
.content .top .info .descript { font-family:'Museo300'; color:#8a9198; background:#FFF; font-size:20px; font-weight:lighter; padding:0 4px 0 4px;}

.content .bottom { width:100%; background:url(../images/jobshadows.png) no-repeat top center;}
.content .bottom .work { width:990px; overflow:hidden; height:566px; margin:0 auto; border:5px solid #FFF; }
.content .bottom .work .boxer { position:relative; width:990px; margin:0; padding:0; }
.content .bottom .work .boxer ul { width:990px; height:566px; list-style:none; margin:0; padding:0;}
.content .bottom .work .boxer ul li { margin:0; padding:0; display:block;}
.content .bottom .work .boxer ul li div { margin:0!important; padding:0!important; border:none;}

#about { width:100%; height:130px; background:url(../images/bg_about.jpg) repeat-x; } 
#about .resume { width:1000px; margin:0 auto; }
#about .resume img { margin:35px 0 0 0; }

#footer { width:100%; font-size:12px; color:#FFF; padding:30px 0 30px 0; margin:35px 0 0 0; background:#656e77; border-top:3px dotted #d1d6da; }
#footer .information {width:1000px; margin:0 auto; font-size:10px; letter-spacing:10px; color:#d9d9d9; text-align:center; }

.clear {clear:both;}
span { margin:0; padding:0; }
img { margin:0; padding:0; }