body {
background:#eee url(../images/tile_bottom.jpg) repeat-x 0 100px;
}

#header {
background:#000 url(../images/tile_top.jpg) repeat-x bottom;
height:100px;
}

#big {
color: #fff;
font-size: .9em;
font-weight: bold;
}

#login-form {
background-color:red;
height:180px;
left:36%;
position:absolute;
width:360px;
z-index:5;
top:-180px;
}

#login {
right:20px;
position:absolute;
top:9px;
font-size:9pt;
}

#login a {
color:#FFF;
}

#nav {
width:800px;
margin:auto;
}

#footer {
width:800px;
height:20px;
text-align:center;
position:relative;
top:120px;
color:#3d3d3d;
margin:auto;
}

#content {
background:#fff url(../images/tile_content_bottom) repeat-x bottom;
border:1px #bdbcbd solid;
border-top:none;
/*min-height:450px;*/
height:auto !important;
position:relative;
overflow:hidden;
padding-bottom:20px;
width:800px;
margin:auto;
}

#info {
float:left;
width:800px;
height:250px;
background:url(../images/bluebox.jpg);
margin-bottom:35px;
margin-top:50px;
color:#fff;
}

.advantages {
margin-top:25px;
padding:0 20px;
}

.advantages p {
margin-top:0;
color:#3d3d3d;
}

#projects {
float:left;
width:300px;
position:relative;
left:59px;
padding-top:10px;
}

#contact-form {
width:450px;
float:left;
margin:20px 0 0 20px;
}

#contact-info {
float:left;
width:250px;
margin:35px 0 0 20px;
}

#intro {
float:left;
width:420px;
padding:25px 0px 10px 25px;
}

#intro p {
color:#fff;
}

#intro h3 {
margin-bottom:25px;
}

#our_services {
margin-top:40px;
}

p.projects {
margin-bottom:0;
text-transform:uppercase;
color:#fff;
}

img.preview {
margin-bottom:20px;
}

img#compatible {
margin-right:0;
margin-top:20px;
margin-left:10px;
}

img#codefriend {
margin-right:20px;
}

#preview {
background:#eee;
height:240px;
position:relative;
width:7000px;
left:-425px;
padding-left:550px;
}

.rip {
background:#eee;
}

img.gallery {
position:relative;
float:left;
top:-16px;
z-index:10;
}

.preview-cover {
position:relative;
z-index:20;
}

#bottom-cover {
position:relative;
top:-30px;
z-index:20;
}

.gallery-nav {
cursor:pointer;
font-size:24px;
height:70px;
position:relative;
top:-200px;
width:80px;
z-index:15;
padding:10px;
}

#next-button {
margin-left:20px;
}

.gallery-desc {
height:40px;
width:100%;
display:none;
margin:auto;
}

.gallery-desc p {
font-size:22pt;
line-height:28pt;
position:absolute;
text-align:center;
width:800px;
color:#3d3d3d;
margin:0;
padding:0;
}

#menu {
background:url(../images/nav.png) no-repeat;
height:50px;
float:left;
left:124px;
position:relative;
top:50px;
width:378px;
margin:0;
padding:0;
}

#menu li {
list-style:none;
position:absolute;
margin:0;
padding:0;
}

#menu li,#menu a {
height:50px;
display:block;
}

#home,#home-current {
width:84px;
left:0;
}

#our_work,#our_work-current {
left:84px;
width:100px;
}

#services,#services-current {
left:184px;
width:100px;
}

#contact,#contact-current {
left:283px;
width:94px;
}

#home a:hover {
background:#fff url(../images/nav.png) 0 -50px !important;
}

#home-current {
background:transparent url(../images/nav.png) 0 -50px !important;
}

.advantages h2,#intro h2 {
margin-bottom:0;
}

#our_work a:hover,#our_work-current {
background:transparent url(../images/nav.png) -84px -50px !important;
}

#services a:hover,#services-current {
background:transparent url(../images/nav.png) -184px -50px !important;
}

#contact a:hover,#contact-current {
background:transparent url(../images/nav.png) -283px -50px !important;
}

.success {
background:#E6EFC2 none repeat scroll 0 0;
border:2px solid;
color:#529214;
margin:25px auto 0;
padding:10px;
text-align:center;
width:90%;
}