/* This disables the border that some browsers draw around images */
img	{
border: 0;
}
.hide {
display : none;
}
body {
font : normal .8em/1.75em arial, helvetica, verdana, sans-serif;
text-align : left;
color : #fff;
background-color : #000;
}



ul {
margin : 0;
padding : 0;
list-style : none;
width : 175px;
}
li:hover ul {
display: block;
}
li:hover ul, li.over ul{
display: block;
}
li ul {
font : normal 1.2em/1.3em arial, helvetica, verdana, sans-serif;
position : absolute;
left: 200px;
top : 0;
display : none;
padding : 15px;
padding-top : 5px;
background-color: #000;
opacity: .7;
border-bottom: 1px solid #827f5a;
}
ul li {
position : relative;
line-height: 1em;

}
ul li a {
font : normal .9em/1.5em arial, helvetica, verdana, sans-serif;
display : block;
text-decoration: none;
color : #fff;
background: none;
padding : .1em;
}
ul li a:hover {
text-decoration: underline;
}
ul {
margin: 0;
padding: 0;
list-style: none;
width: 200px;
}
li.details {
padding: 7px;
}

/* Layout */
#wrapper {
margin : auto;
margin-top : 50px;
height : 1800px;
width : 800px;
background-image : url("../images/sky.jpg");
background-repeat: no-repeat;
border-bottom : 1px solid #333;
}
#wrapper-home {
margin : auto;
margin-top : 50px;
height : 1800px;
width : 800px;
background-image : url("../images/house.jpg");
background-repeat: no-repeat;
border-bottom : 1px solid #333;
}
#wrappercontact {
margin : auto;
margin-top : 50px;
height : 600px;
width : 800px;
background-image : url("../images/skycontact.jpg");
background-repeat: no-repeat;
border-bottom : 1px solid #333;
}
#wrappertestimonials {
margin : auto;
margin-top : 50px;
height : 2500px;
width : 800px;
background-image : url("../images/skytestimonials.jpg");
background-repeat: no-repeat;
border-bottom : 1px solid #333;
}
#wrappergallery {
margin : auto;
margin-top : 50px;
height : 3000px;
width : 800px;
background-image : url("../images/skygallery.jpg");
background-repeat: no-repeat;
border-bottom : 1px solid #333;
}
#paragraph {
position : absolute;
margin-left : 80px;
margin-top : 550px;
height : auto;
width : 400px;
border-right: 1px solid #666;
padding-right: 40px;
}
#navigation {
position : absolute;
margin-left : 30px;
margin-top : 110px;
height : 400px;
width : 300px;
}
#sidebar {
position : absolute;
margin-left : 570px;
margin-top : 555px;
height : 200px;
width : 200px;
}
#contactsidebar {
position : absolute;
margin-left : 570px;
margin-top : 200px;
height : 200px;
width : 200px;
}
#script {
position : absolute;
margin-left : 570px;
margin-top : 1255px;
height : 120px;
width : 200px;
}
#logos {
position : absolute;
margin-left : 30px;
margin-top : 1600px;
height : 43px;
width : 700px;
}
#creditline {
position : absolute;
margin-left : 30px;
margin-top : 1750px;
height : 50px;
width : 660px;
}
#contactcreditline {
position : absolute;
margin-left : 30px;
margin-top : 545px;
height : 50px;
width : 660px;
}
#testimonialscreditline {
position : absolute;
margin-left : 30px;
margin-top : 2450px;
height : 50px;
width : 660px;
}
#gallerycreditline {
position : absolute;
margin-left : 30px;
margin-top : 2950px;
height : 50px;
width : 660px;
}
#contactform {
position : absolute;
margin-left : 120px;
margin-top : 200px;
height : auto;
width : 400px;
border-right: 1px solid #666;
padding-right: 20px;
}
#testimonials {
position : absolute;
margin-left : 120px;
margin-top : 200px;
height : auto;
width : 500px;
border-right: 1px solid #666;
padding-right: 20px;
}
#gallery {
position : absolute;
margin-left : 120px;
margin-top : 200px;
height : auto;
width : 500px;
border-right: 1px solid #666;
padding-right: 20px;
margin-bottom: 10px;
}
.gallerylandscape {
height : 375px;
width : 500px;
padding-bottom: 15px;
}
.galleryportrait {
height : 667px;
width : 500px;
padding-bottom: 15px;
}


/* Typography */
.credit {
font-size : .8em;
color : #666;
line-height : 1.25em;
}
.credit a {
font-size : .9em;
color : #fff;
line-height : 1.25em;
text-decoration : none;
}
.credit a:link {
color : #fff;
}
.credit a:visited {
color : #fff;
}
.credit a:hover {
color : #666;
}

.email a:link {
color : #999;
text-decoration : none;
}
.email a:visited {
color : #999;
text-decoration : none;
}
.email a:hover {
color : #fff;
text-decoration : none;
}
.title {
color : #fff;
}
span.telephone {
font-size: 2.4em;
text-transform: uppercase;
}
p.members {
color: #666;
}
p a {
color: #666;
font-size: .9em;
text-decoration: underline;
}
p a:hover {
color: #fff;
}

h2 {
font : normal 1.2em/1.5em arial, helvetica, verdana, sans-serif;
}
h3.paraheads {
font : normal 1.2em/1.5em arial, helvetica, verdana, sans-serif;
color: #827f5a;
text-transform: uppercase;
}
h3.clients {
font : normal 1.2em/1.5em arial, helvetica, verdana, sans-serif;
color: #827f5a;
text-transform: uppercase;
}
h3 {
font : normal 1.2em/1.5em arial, helvetica, verdana, sans-serif;
}
p.navigation {
text-decoration: underline;
}
p.members {
font : normal .7em/1.5em arial, helvetica, verdana, sans-serif;
}
h1.introduction {
font-size : 25px;
text-transform: uppercase;
line-height: 30px;
text-indent: -3000px;
}
h2.introduction {
text-indent: -3000px;
}
p.contact {
color: #827f5a;
}