@import url('reset.css');

body{
overflow: y-scroll;background: #f9f9f9;
font-family: Arial, sans-serif;
color: #000;
}


#wrapper {
background: #000;
width: 950px;
margin: 0 auto;
border: 2px solid #ddd;
}

#logo {
position: absolute;
background: url(../images/logobg.png) top left no-repeat;
width: 950px;
height: 247px;
text-align: right;
}

#logo h1, #logo span {
display: none;
}

#logo a {
text-decoration: none;
color: #5a2121;
font-size: 12px;
padding: 0 13px;
border-right: 1px solid #5a2121;
border-left: 1px solid #5a2121;
margin-right: 40px;
margin-top: 120px;
display: inline-block;
}

#logo a:hover {
text-decoration: underline;
}

#info {
position: absolute;
width: 283px;
padding: 70px 27px 70px 13px;
background: rgba(0, 0, 0, .7);
top: 0;
border-radius: 15px;
border: 9px solid rgba(255, 255, 255, .1);
margin: 115px 0 0 20px;behavior: url(PIE.htc); 
}

#info p {
color: #fff;
font-size: 11px;
line-height: 14px;
}


nav {
background: #3c3c3c;
background: -moz-linear-gradient(top,  #3c3c3c 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c3c3c), color-stop(100%,#000000));
background: -webkit-linear-gradient(top,  #3c3c3c 0%,#000000 100%);
background: -o-linear-gradient(top,  #3c3c3c 0%,#000000 100%);
background: -ms-linear-gradient(top,  #3c3c3c 0%,#000000 100%);
background: linear-gradient(top,  #3c3c3c 0%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#000000',GradientType=0 );
padding: 10px 32px 20px 0;
border-top: 1px solid #595959;
margin-top: -2px;
}

nav li {
display: inline;
padding-left: 0;
}

nav a {
padding: 13px 32px 19px 35px;
color: #fff;
text-decoration: none;
font-family: arial;
font-size: 11px;
border-right: 1px solid #010101;
margin-left: -3px;
}

body[role="homepage"] nav a {
margin-left: 0;
}

nav a:hover {
text-decoration: underline;
}

nav a.active {
background: #6c2828;
background: -moz-linear-gradient(top,  #6c2828 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c2828), color-stop(100%,#000000));
background: -webkit-linear-gradient(top,  #6c2828 0%,#000000 100%);
background: -o-linear-gradient(top,  #6c2828 0%,#000000 100%);
background: -ms-linear-gradient(top,  #6c2828 0%,#000000 100%);
background: linear-gradient(top,  #6c2828 0%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c2828', endColorstr='#000000',GradientType=0 );
border-top: 1px solid #a03b3b;
}

#content {
background: #000;
color: #fff;
}


section {
background: url(../images/border2.png) top left no-repeat;
padding-left: 17px;
margin-left: 87px;
margin-top: 140px;
width: 45%;float: left;
}

section div {
padding-left: 17px;
}

section p {
font-size: 12px;
}

section a {
color: #fff;
text-decoration: none;
}

#intro {
margin-top: 0;

}

#intro img {
margin-top: 65px;
border: 3px solid #3c3c3c;
}

aside {
background: #fff url(../images/aside.png) top left no-repeat;
min-width: 200px;
min-height: 708px;
float: right;
padding: 30px 6px 0 200px;
}

aside ul {
list-style: none;

}

aside ul img {
border: 1px solid #000;
margin-bottom: 36px;
}

#contact {
margin-left: -60px;
}

#contact li {
color: #000;
font-size: 12px;
font-family: arial;
line-height: 18px;
}

#intro ul {
font-family: arial;
font-size: 12px;
line-height: 24px;
list-style: none;
margin-top: 100px;
}


#offer {
list-style: disc inside!important;
font-size: 11px;
margin-top: 0 !important;
line-height: 36px !important;
}


body[role="contact"] section {
margin-left: 15px;
margin-top: 70px;
}

body[role="contact"] aside {
padding-left: 0;
}

#contactbox {
background: #171717;
margin-top: 0 !important;
border-radius: 10px;
padding: 32px 27px 15px 0; 
margin-left: 10px;
width: 657px;
position: relative;
}

#contactbox #contact {
margin-left: 26px;
list-style: none;
}


#contactbox #contact li{
color: #fff !important;
font-size: 12px;
font-family: arial;
line-height: 18px;

}

#contactbox img {
margin-left: 0px;
margin-top: 23px;
}

#ribbon {
width: 395px;
height: 86px;
background: url(../images/ribbon.png) top left no-repeat;
position: absolute;
right: -55px;
top: -0px;
-webkit-transform: rotate(24deg) ;
-moz-transform: rotate(24deg) ;
-o-transform: rotate(24deg) ;
-ms-transform: rotate(24deg);
}

body[role="contact"] aside ul {
margin-top: 250px;
margin-left: 60px;
}

body[role="contact"] aside ul img {
margin-bottom: 3px;
border: 3px solid #000;

}

#gallery {
margin-left: 8px;
margin-top: -40px;
margin-bottom: 50px;
}

#gallery li{
display: inline;
margin-right: -2px;
}

#gallery img {
margin-bottom: -22px;
}


#contactgal {
color: #000;
margin-left: 40px;
margin-top: 550px;
color: #000;
font-size: 12px;
font-family: arial;
line-height: 18px;
}


#keywords {
margin-top: 20px;
width: 600px;
color: #2d2d2d;
}
/*****************************/
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}