/*	-------------------------------------------------------------
Table of Contents
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/*
	
	1. Body
	2. Facielities
	3. Links / Menu
	4. Colors
	5. Layout
	6. Loader
	7. Logo
	8. Slide Panel
	9. Footer 

*/

@import url(reset.css);
@import url(slide.css);


/*	-------------------------------------------------------------
1. =BODY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html,
body {
	margin:0;
	padding:0;
	height:800px; /* 100 % height */
	background-color:#fff;
	border:#FF0000 0px solid;
	background-image: url(../img/one-page-3d.jpg);
	background-repeat:no-repeat;
	}



/* = 2. Facielities
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.clear {
	clear:both;
}

.left {
	float:left:
}

.right: {
	float:right;
}

.hide {
	display:none;
}


/* = 3. Links / Menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


a {

}

a:hover {
}

a:active {
}


#button-english {
	position: absolute;
	z-index: 11;
	top:85px;
	left: 605px;
}

#button-english a {
	position: relative;
	display: block;
	width: 48px;
	height: 51px;
	background: url(../img/button-english.png) 0 0 no-repeat;
	text-indent:-9999em;
}

#button-english a:hover {
	background: url(../img/button-english.png) 0 -51px no-repeat;
}

.button-mobile {
	position: absolute;
	z-index: 11;
	top:140px;
	left: 30px;
	margin: 100px 0 0;
	padding: 0;
	list-style: none;
	color: #fff;
}

.button-mobile a {
	z-index: 11;
	/*display: block;*/
	width: 100px;
	height: 42px;
/*	background: url(../img/button-mobile.png) 0 0 no-repeat;*/
	text-indent:-9999em;
}

.button-mobile a:hover {
	/*background: url(../img/button-mobile.png) no-repeat;*/
}

.button-mobile em {
/*	background: url(../img/hover-bullet.png) no-repeat;*/
	width: 151px;
	height: 62px;
	position: absolute;
	color:#fff;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 18px;
	padding: 10px 15px 10px 15px;
	top: -85px;
	left: -15px;
	text-align: center;
	font-style: normal;
	z-index: 12;
	display: none;
}

.button-mobile em span {
	color:#f4c200;	
}

.chat{float:left; width:auto; height:auto; border: #CCFF66 2px solid;}

div#main-menu {
	position: absolute;
	top:385px;
	z-index: 100;
}

#main-menu ul {
	margin: 0;
	padding: 0;
}

#main-menu ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding:0 0 0 15px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}

#main-menu li a { 
	overflow:hidden;
	cursor:pointer;
	text-indent: -9999em;
	height:42px;
	overflow: hidden;
	display: block;
}
	
	.menu-li-1 {
		width:171px;
		background: url(../img/menu-li-11.png) 0 0 no-repeat;
	}
	
	.menu-li-2 {
		width:171px;
		background: url(../img/menu-li-22.png) 0 0 no-repeat;
	}
	
	.menu-li-3 {
		width:171px;
		background: url(../img/menu-li-33.png) 0 0 no-repeat;
	}
	
	.menu-li-1:hover, .menu-li-2:hover, .menu-li-3:hover {
		background-position: 0 -41px;
	}
	
	.menu-li-4:hover, .menu-li-5:hover, .menu-li-6:hover {
		background-position: 0 -30px;
	}


#side-menu {
	position: absolute;
	top:390px;
	left:750px;
	z-index: 100;
}

#side-menu ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding:0 15px 0 0px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}

#side-menu li a { 
	cursor:pointer;
	text-indent: -9999em;
	height:30px;
	overflow: hidden;
	display: block;

}

.menu-li-4 {
	width:122px;
	background: url(../img/menu-li-44.png) 0 0 no-repeat;

}

.menu-li-5 {
	width:92px;
	background: url(../img/menu-li-55.png) 0 0 no-repeat;
}



#side-menu li em {
	background: url(../img/button-go-to11.png) 0 -40px no-repeat;
	width: 107px;
	height: 60px;
	position: absolute;
	top: 0px;
	left: -110px;
	z-index: 12;
	display: none;
}

.label-go-to {
	background: url(../img/button-go-to11.png) 0 0 no-repeat;
	width: 107px;
	height: 40px;
	position: absolute;
	top: 0px;
	left: -110px;
	z-index: 11;
	text-indent: -9999em;
}


/* = 4. Colors
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* = 5. Layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#container {
	height:800px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	border:solid 0px red;
}

#wrapside1{
	float:left;
	width:50%;
	margin-left:-480px;
	
}

#side1 {
	margin-left:480px;
	height: 100%;
}

#content-main {
    float:left;
	width:1000px;
	min-height:150px;
	border:0px solid #993300;
	overflow:hidden;
	
}

#content-main {
	background-image:url(../img/bg22.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	position: relative;
	overflow:hidden;
	height:800px;
}

#wrapside2 {
	float:right;
	width:50%;
	margin-left:-480px;
	height: 100%;
}

#side2 {
	margin-left:480px;
	height: 100%;
}

#height {

 	
}

.left-side-bg {
	background: url(../img/bg-left1111.jpg) top right repeat-y;
	background-attachment:inherit;
	min-height: 750px;
	width: 100%;
	position: relative;
}

.right-side-bg {
	background: url(../img/bg-right1111.jpg) top left repeat-y;
	background-attachment:inherit;
	min-height: 750px;
	width:100%;
	position: relative;
}

#picture-main-top {
	width: 1000px;
	height: 382px;
	background: url(../img/new-header1.jpg) 0 0 no-repeat;
	z-index:10;
	position: absolute; 
	top:0;
	left: 500;
}

#picture-main-left {
	position: absolute; right: 0;
	width: 220px;
	height: 367px;
	background: url(../img/top-111picture-left.jpg) top right no-repeat;
}



/* = 6. Loader
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.loader-maintop {
	width: 36px;
	height: 36px;
	background: url(../img/loader.gif) 0 0 no-repeat;
	z-index: 0;
	position: absolute; top:160px;
	left: 430px;
}


/* = 7. Logo
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#logo {
	position: absolute;
	top:100px;
	right: 40px;
	z-index: 10;
	width:210px;
	height: 169px;
}

#header {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width:210px;
	height: 169px;
	position: relative;
	margin-left: -1em;
	background:url(../img/logo1.png) 0 0px no-repeat;
}
#header a {
	position: absolute;
	top: 0;
	left: 0;
	width:210px;
	height: 169px;
	display: block;
	border: 0;
	background: transparent;
	overflow: hidden;
}



/* = 8. Slide panel
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



#container-slide {
	position: relative; top:300px;
	z-index: 20;
	border:0px solid #FF0000;
}



/* = 9. Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.hr {
	width: 100%;
	height: 2px;
	background: url(../img/hr-bg.gif) 0 0 repeat-x;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.hr hr {
	display: none;
}

#footer p {
	font:12px/30px normal "Lucida Grande", "Calibri", tahoma, sans-serif; ;	color:#3c3b3b;
}

#footer p a {
	text-decoration: none;
	color:#707070;
}

#footer p a:hover {
	border-bottom: 1px dotted #707070;
	color:#707070;
}

#footer {
	width: 960px;
	position: relative; top:400px;
}


#favs-icon {
	top:10px;
	position: absolute; 
	right: 0;
	margin: 0;
	padding: 0;
}


#favs-icon li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding:0 10px 0 0px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}

#favs-icon a { 
	overflow:hidden;
	cursor:pointer;
	text-indent: -9999em;
	height:16px;
	overflow: hidden;
	display: block;
}
	
	.fav-madeonmac {
		width:63px;
		background: url(../img/fav-madeonmac.png) 0 0 no-repeat;
	}
	
	.fav-twitter {
		width:16px;
		background: url(../img/fav-twitter.png) 0 0 no-repeat;
	}
	
	.fav-deviantart {
		width:16px;
		background: url(../img/fav-deviantart.png) 0 0 no-repeat;
	}
	
	.fav-digart {
		width:16px;
		background: url(../img/fav-digart.png) 0 0 no-repeat;
	}
	
	.fav-behance {
		width:16px;
		background: url(../img/fav-behance.png) 0 0 no-repeat;
	}
	
	.fav-madeonmac:hover, .fav-twitter:hover, .fav-deviantart:hover, .fav-digart:hover, .fav-behance:hover {
		background-position: 0 -16px;
	}

#pointer-list {
	top:10px;
	position: absolute; 
	left:470px;
	margin: 0;
	padding: 0;
}


#pointer-list li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding:0 15px 0 0px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}

#pointer-list a { 
	overflow:hidden;
	cursor:pointer;
	text-indent: -9999em;
	height:14px;
	overflow: hidden;
	display: block;
}

.button-point {
	width:14px;
	background: url(../img/button-pointer.png) 0 -14px no-repeat;
}

.button-point:hover{
	background-position: 0 0px;
}

.button-point:active{
	background-position: 0 -28px;
}



/* = OFFER BOX
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#box-offer p {
	position: relative; top:200px;
	font-size: 12px;
	text-align: center;
	color: #636363;
}

#box-offer p a {
	position: relative;
	text-decoration: none;
	color:#636363;
}

#box-offer p a:hover {
	border-bottom: 1px dotted #707070;
	color:#707070;
}

#offer-list {
	position: relative; top:90px; left:20px;
	margin: 0;
	padding: 0;
	width: 960px;
	height: 52px;
	border:#FF0000 0px solid;
}

.item-offer {
	float:left;
	display:inline-block;
	height: 52px;
	padding:0 0 0 0;
}

.item-offer a { 
	cursor:pointer;
	text-indent: -9999em;
	height:52px;
	overflow: hidden;
	display: block;
}
#offer-list-pack {
	position: relative; top:40px; left:10px;
	margin: 0;
	padding: 0;
	width:960px;
	height:52px;
	border:#FF0000 0px solid;
}

.pacakages
{
	background-image:url(../works/new-pack.jpg);
	width:958px;
	height:419px;
	background-repeat:no-repeat;
	background-position:bottom left;
}

	.offer-1 {positon:relative; left:20px; width:240px;background: url(../img/offer-11.png) 0 0 no-repeat; border:#FF0000 0px solid;}
	.offer-2 {width:240px;background: url(../img/offer-22.png) 0 0 no-repeat; border:#FF0000 0px solid;}
	.offer-3 {width:240px;background: url(../img/offer-33.png) 0 0 no-repeat; border:#FF0000 0px solid;}
	.offer-4 {width:240px;background: url(../img/offer-44.png) 0 0 no-repeat; border:#FF0000 0px solid;}
	
	.offer-1, .offer-2, .offer-3, .offer-4 {display: inline-block;}
	.offer-1:hover, .offer-2:hover, .offer-3:hover, .offer-4:hover { background-position: 0 -52px;}
	
	.offer-1, x:-moz-any-link {display:-moz-inline-box; padding:0px; position: relative; top:-13px;}
	.offer-1, x:-moz-any-link, x:default {display:inline-block; padding:0;position: relative; top:1px;}
	.offer-2, x:-moz-any-link {display:-moz-inline-box; padding:0px; position: relative; top:-13px;}
	.offer-2, x:-moz-any-link, x:default {display:inline-block; padding:0;position: relative; top:1px;}
	.offer-3, x:-moz-any-link {display:-moz-inline-box; padding:0px; position: relative; top:-13px;}
	.offer-3, x:-moz-any-link, x:default {display:inline-block; padding:0;position: relative; top:1px;}
	.offer-4, x:-moz-any-link {display:-moz-inline-box; padding:0px; position: relative; top:-13px;}
	.offer-4, x:-moz-any-link, x:default {display:inline-block; padding:0;position: relative; top:1px;}


#offer-more em {
	z-index: 12;
}


/* = CONTACT BOX
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#box-contact {
	width: 960px;
	height: 290px;
	text-align: left;
	position: relative;
}


#box-contact .left-form {
	float: left;
	width:500px;
	height: 290px;
}

#box-contact .right-info {
	float: left;
	width:460px;
	height: 290px;
}

#box-contact p {
	line-height: 22px;
}

#box-contact p a {
	text-decoration: none;
	position: relative;
	margin: 0;
	padding: 0;
	color:#fff;
	padding: 0 2px 0 2px;
}

#box-contact p a:hover {
	border-bottom: 1px dotted #707070;
	color:#707070;
}


#contacts-info {
	position: relative; top:40px; left: 0px;
	margin: 0;
	padding: 0;
}


#contacts-info a { 
	position: relative;
	cursor:pointer;
	text-indent: -9999em;
	height:118px;
	overflow: hidden;
}


.item-contact {
	height: 118px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    float: left;
}

.contact-1 {
	width:126px;
	height:118px;
	background: url(../img/contact-1.png) 0 0 no-repeat;
}

.contact-2 {
	width:83px;
	position: relative; left:40px;
	background: url(../img/contact-2.png) 0 0 no-repeat;
}

.contact-3 {
	width:73px;
	position: relative; left:80px;
	background: url(../img/contact-3.png) 0 0 no-repeat;
}


.contact-1, .contact-2, .contact-3 {display: block;}
.contact-1:hover, .contact-2:hover, .contact-3:hover { background-position: 0 -118px;}



#button-directions {
	width: 960px;
	z-index: 100;
	position: absolute;
	top:310px;
}

#frame-contact {
	overflow: hidden;
	width: 480px;
	height: 300px;
	border:0 none; 
}


.contact {
	width: 500px;
}

.contact-form {
	width: 500px;
}

.contact-form label {
	font-size: 12px;
	color:#fff;
	display: block;
}

.lname {
	float: left;
	width: 240px;
	text-align: left;	
}

.lemail {
	float: left;
	width: 240px;
	text-align: left;	
}

.ltext {
	padding: 20px 0 0 0;
	width: 500px;
}

.lname input, .lemail input {
	width: 226px;
	height: 27px;
	background:transparent url(../img/input-text.png) 0 0 no-repeat;
    font-family: "Lucida Grande", "Calibri", tahoma, sans-serif; 
	font-size: 12px;
	color: #c2c2c2;	border: none;
	padding:13px 0 0 10px;
	line-height: 30px;
	border: 0 solid;
	border:none !important;
}

/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body .lname input, .lemail input { padding: 3px 0 0 10px; height: 33px;}
}


.ltext textarea {
	width: 458px;
	height: 94px;
	background: url(../img/input-text2.png) no-repeat;
	border: 0;
	overflow: hidden;
	color: #fff;
	padding: 12px 0 0 8px;
    font-family: "Lucida Grande", "Calibri", tahoma, sans-serif; 
	font-size: 12px;
	color: #c2c2c2;	
	
}



.lname-txt {
	width: 226px;
	height: 30px;
	background: url(../img/label-text.png) 0 0 no-repeat;
	text-align: left;
	text-indent: -9999em;
}

.lemail-txt {
	width: 226px;
	height: 30px;
	background: url(../img/label-email.png) 0 0 no-repeat;
	text-align: left;
	text-indent: -9999em;
}

.ltext-txt {
	width: 226px;
	height: 30px;
	background: url(../img/label-text.png) 0 0 no-repeat;
	text-indent: -9999em;
}

.message {
	border: 1px solid #1d1d1d;
	opacity:0.9;
	background:#0e0e0e;
	color:#000;
	display:none;
	width:320px;
	padding:3px;
	position: absolute;
	top:243px;
	font-size:11px;
	color: #ffd649;
}

.message em {
	color:#f5f5f5;
	font-style: normal;
	padding: 0 0 0 5px;
}


.submitbutton {
	padding: 15px 0 0 0;
	width: 466px;
	text-align: right;
}

#replacment-1 {
  	width: 51px;
  	height: 20px;
  	border: 0;
  	background:url(../img/button-submit.png) no-repeat center top;
  	text-indent: -9999em;
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
  
}

#replacment-2 {
  	width: 66px;
  	height: 20px;
  	border: 0;
  	background: transparent url(../img/button-reset.png) no-repeat center top;
  	text-indent: -9999em;
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
}

#replacment-1, x:-moz-any-link {padding:0px; position: relative; top:2px;}
#replacment-1, x:-moz-any-link, x:default {padding:0;position: relative; top:-1px;}
#replacment-2, x:-moz-any-link {padding:0px; position: relative; top:-20px;}
#replacment-2, x:-moz-any-link, x:default {padding:0;position: relative; top:-1px;}

#replacment-1:hover {background: transparent url(../img/button-submit.png) 0 -20px no-repeat;}
#replacment-2:hover {background: transparent url(../img/button-reset.png) 0 -20px no-repeat;}



/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body #replacement-2 { position: relative; top:0px; }
}

/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body #replacement-3 { position: relative; top:-20px; }
}


/* = BUTTONS - LEFT/RIGHT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



a.button-left {
	cursor:pointer;
	position: absolute;
	top:0px;
	left: 30px;
	display:block;
	height: 65px;
	background: url(../img/button-left.png) 0 0 no-repeat;
	width: 183px;
	text-indent: -9999em;

}

a.button-right {
	cursor:pointer;
	position: absolute;
	top:0px;
	right: 30px;
	display: block;
	height: 65px;
	background: url(../img/button-right.png) 0 0 no-repeat;
	width: 183px;
	text-indent: -9999em;
}

a.button-left:hover, a.button-right:hover {
	background-position: 0 -65px;
} 


/* = WORKS SECTION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.box-works {
	width: 930px;
	height:auto;
	border:#FF0000 0px solid;
	
	
}
.item-work {
	float: left;
	display: inline-block;
	width: 240px;
	height: 214px;
	background: url(../img/loader.gif) 100px 110px no-repeat;
	position: relative;
	top:0;
	left: 0;

}


.item-work a {
	display: block;
	width: 500px;
	height: 214px;
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
	top:0;
	left: 0;

}

.spoffer
{
background-image:url(../works/s-offer.jpg);
width:1000px;
background-repeat:no-repeat;
background-position:bottom left; 
height:420px;
border:#FF0000 0px solid;

}



.work-1 {background: url(../works/web-1-small.png);}
.work-2 {background: url(../works/web-2-small.png);}
.work-3 {background: url(../works/web-3-small.png);}
.work-4 {background: url(../works/web-4-small.png);}
.work-5 { background-image:url(../works/soffer.png); width:946px; height:334px; background-repeat:no-repeat;}
.work-6 {background: url(../works/sp-txt.png);}
.work-7 {background: url(../works/web-7-small.png);}
.work-8 {background: url(../works/web-8-small.png);}
.work-9 {background: url(../works/web-9-small.png);}
.work-10 {background: url(../works/web-10-small.png);}

.id-1 {background: url(../works/id-1-small.png);}
.id-2 {background: url(../works/id-2-small.png);}
.id-3 {background: url(../works/id-3-small.png);}
.id-4 {background: url(../works/id-4-small.png);}
.id-5 {background: url(../works/id-5-small.png);}
.id-6 {background: url(../works/id-6-small.png);}
.id-7 {background: url(../works/id-7-small.png);}
.id-8 {background: url(../works/id-8-small.png);}


.other-2 {background: url(../works/other-2-small.png);}
.other-3 {background: url(../works/other-3-small.html);}
.other-4 {background: url(../works/other-4-small.html);}


.leftname-head
{float:left;
color:#0066FF;
font-size:18px;
font-weight:bold;
width:260px;
height:auto;

}


.cont2
{
float:left;
width:400px;
height:auto;
margin:5px;
}
.con-form
{	float:left;
	width:410px;
	height:auto;
	padding-left:35px;
	padding-top:55px;
	border:#FF0000 0px solid;
}
.leftname
{float:left;
width:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
padding-top:10px;
color:#333333;
}
.right
{
float: left;
width:150px;
color:#000000;
border:#333333 0px dashed;
}
.greytxtb{width:240px; height:30px; background-color:#f0f0f0; border:1px solid #d6d6d6; font-size:25px; color:#333333;}
.button-submit
{
float:left;
width:245px;
height:30px;
border:#000000 0px solid;
padding-left:100px;
}
.email
{
	float:left;
	width:400px;
	height:auto;
	border:#FF0000 0px solid;
}
.eicon
{float:left;
background-image:url(../works/emial.jpg);
background-repeat:no-repeat;
background-position:center;
width:81px;
height:88px;
}
.emailid{
float:left;
padding-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
.skypee
{
float:left;
width:120px;
height:49px;
background-image:url(../works/skypee.jpg);
background-repeat:no-repeat;
background-position:right;
}

.skid{
float:left;
padding-top:20px;
font-family:Arial, Helvetica, sans-serif;
padding-left:130px;
font-size:14px;
}

.img-cont
{
	float:left;
	background-image: url(../works/wire.png	);
	background-repeat:no-repeat;
	width:450px;
	height:350px;
	background-position:right bottom;
}

.footer1
{

background-color:#6e6e6e;
width:1000px;
margin-left:auto;
margin-right:auto;
height:20px;
}
.fo-con
{

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:right;
padding-top:5px;
color:#FFFFFF;
}

.menu-li-6 {
	width:122px;
	background: url(../img/menu-li-6.png) 0 0 no-repeat;
}



.other-1 {background: url(../works/other-1-small.png);}
.other-2 {background: url(../works/other-11-small.png);}
.other-3 {background: url(../works/other-22-small.png);}
.other-4 {background: url(../works/other-33-small.png);}
.other-5 {background: url(../works/other-44-small.png);}
.other-6 {background: url(../works/other-55-small.png);}
.other-7 {background: url(../works/other-77-small.png);}
.other-8 {background: url(../works/other-88-small.png);}


.button2{
background-image:url(../works/get_offer.gif);
width:750px;
background-position:bottom right;
background-repeat:no-repeat;
height:280px;
}
.button3{
/*background-image:url(../works/buy-pack.gif);*/
width:700px;
background-position:bottom right;
background-repeat:no-repeat;
padding-top:330px;

height:170px;
}

#filter
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color:#fff ;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=50);
}


#box 
{
	display: none;
	position: absolute;
	top: 20%;
	left: 30%;
	width: 400px;
	height: 330px;
	/*padding: 48px;*/
	margin:0;
	border: 1px solid black;
	background-color: #ffffff;
	z-index:101;
	overflow: none;
	
}

#boxtitle
{
	position:absolute;
	float:center;
	top:0;
	left:0;
	width:400px;
	height:24px;
	padding:0;
	padding-top:4px;
	left-padding:8px;
	margin:0;	
	color:#1D4279;
	text-align:center;
	font-weight:bold;
	
	
}
#filter1
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=50);
}


#box1 
{
	display: none;
	position: absolute;
	top: 20%;
	left: 30%;
	width: 400px;
	height: 350px;
	/*padding: 48px;*/
	margin:0;
	border: 1px solid black;
	background-color: #ffffff;
	z-index:101;
	overflow: none;
}

#boxtitle1
{
	position:absolute;
	float:center;
	top:0;
	left:0;
	width:400px;
	height:24px;
	padding:0;
	padding-top:4px;
	left-padding:8px;
	margin:0;	
	color:#1D4279;
	text-align:center;
	font-weight:bold;
}
.box-txt
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
padding-left:5px;
}