/*Css Sticky Footer stuff*/
/*Thanks to cssstickyfooter.com*/

html, body, #wrap{
height: 100%;
}
body > #wrap{
height: auto;
min-height: 100%;
}

#main{
padding-bottom: 90px;/* must be same height as the footer */
}  
#footer{
position: relative;
margin-top: -90px; /* negative value of footer height */
height: 90px;
padding-top:10px;
clear:both;
} 
/* CLEAR FIX*/
.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{
height: 1%;
}
.clearfix{
display: block;
}
/* End hide from IE-mac */

/*end of the sticky footer stuff*/

/*DeeJay Designs CSS author: Dan Jenkins*/
/*general stuff*/
* {
margin: 0;
padding: 0;
border: 0;
}
body{
font:11pt verdana, serif; 
background-color:#a3926f;
line-height:1.3em;
}
a img {
border:none;
}

/* Header */
#header{
padding: 0;
height:220px;
background-color: #cee6ea;
}
#header #logo {
width:880px;
margin:0 auto;
padding:0;
}
.headerImage{
float:left;
}
.navigation, .headerLogo{
text-align: right;
}
.navigation{
margin-top:10px;
}
a:hover{
cursor: pointer;
}

.navigation a{
margin-right:5px;
margin-left:5px;
}
.navigation a.current,.navigation a:hover{
border-bottom-color: #a5331f;
border-bottom-style: solid;
border-bottom-width: 5px;
}

/* Content Area */

#main {
width:790px;
margin:0 auto;
clear:both;
padding-right:10px;
padding-left:10px;
}

#content {
width:790px;
float:left;
padding:30px 0 25px 0;
}

#content .containerBody {
background-image: url('http://deejay-designs.co.uk/images/container_back_Body.jpg');
background-repeat: repeat-y;
}

#content .containerTopImage{
background: url('http://deejay-designs.co.uk/images/container_back_Top.jpg');
height:27px;
}

#content .containerBottomImage{
background: url('http://deejay-designs.co.uk/images/container_back_Bottom.jpg');
height:24px;
}

#content .containerBody p{
margin-left: 20px;
margin-right:20px;
}

#content .containerBody ul {
list-style:square;
margin:10px 0 10px 20px;
list-style-position:inside;
}
#content .containerBody li {
line-height:1.2em;
font-size:0.9em;
}

/* Footer */
#footer {
font-size:11px;
font-family:Verdana, Arial, sans-serif;
}

#foot {
width:880px;
margin:0 auto;
height:90px;
line-height:1.1em;
padding:0;
}

#foot p{
font-size: 0.8em;
text-align: center;
position:relative;
bottom:30px;
margin-top:5px;
}

#footer img {
position:relative;
top:13px;
}

/*anchor styling*/

#content a:visited, #footer a:visited, #content a:link, #footer a:link{
border-bottom: none;
text-decoration: none;
color: #a5331f;
}
#content a:hover, #footer a:hover{
text-decoration: underline;
border-bottom: none;
color: #a5331f;
}
/*tooltip css*/
#tooltip {
position: absolute;
z-index: 3000;
border: 0.5px dashed #111;
background-color: #eee;
font-size: 0.7em;
padding-left:2.5px;
padding-right:2.5px;
padding-top:1.5px;
padding-bottom: 1.5px;
opacity: 0.85;
}

/*page specific stuff - portfolio*/
.portfolioContainer{
width:789px;
}

.portfolioContainerTop{
background-image: url('http://deejay-designs.co.uk/images/container_back_Top.jpg');
background-repeat:no-repeat;
height:27px;
}

.portfolioContainerBody{
background-image: url('http://deejay-designs.co.uk/images/container_back_Body.jpg');
background-repeat: repeat-y;
}

.portfolioContainerBottom{
background-image: url('http://deejay-designs.co.uk/images/container_back_Bottom.jpg');
background-repeat:no-repeat;
height:24px;
}

.portfolioContainerBody{
overflow: hidden;
width: 100%
}

.portfolioContainerDescription p, .portfolioContainerDescription ul{
width:45%;
margin-left:25px;
}

.portfolioImage{
float:right;
width:344px;
margin-right:25px;
margin-left:10px;
}

.portfolioImageTop{
background-image:url('http://deejay-designs.co.uk/images/port_image_container_top.jpg');
background-repeat:no-repeat;
height:11px;
}

.portfolioImageBody{
background-image:url('http://deejay-designs.co.uk/images/port_image_container_body.jpg');
background-repeat:repeat-y;
}

.portfolioImageBottom{
background-image:url('http://deejay-designs.co.uk/images/port_image_container_bottom.jpg');
background-repeat:no-repeat;
height:10px;
}

.portfolioImage img{
margin:3px 20px 3px 20px;
}

/*contact form css*/
.contactForm{
float:left;
}

.contactForm label{
width:100px;
float:left;
text-align:right;
clear:left;
}

.contactForm input, .contactForm textarea{
margin-top:2.5px;
margin-bottom:2.5px;
margin-left:3px;
border: solid 1px black;
}

.contactForm input{
width:200px;
height:15px;
}

.contactForm textarea{
height: 150px;
width:400px;
}
.contactForm input.submitForm{
margin-left: 103px;
margin-top:5px;
width:120px;
height:25px;
}

.contactForm p{
margin-bottom: 10px;
font-weight:  lighter;
font-size: 0.8em;
margin-left:103px;
}

/*other contactables div*/
.otherContacts{
float:right;
text-align:center;
margin:0;
width:270px;
}

.contactTitle{
font-weight: bold;
font-size: 1.1em;
}

.twitter img{
width:100px;
}
.aim img{
width:40px;
}

.email img{
width:40px;
}

.contactDetail{
margin-top:5px;
}

.twitter, .aim, .email{
padding-top:10px;
padding-bottom:10px;
}

.otherContacts .contactsBody{
background-image: url('http://deejay-designs.co.uk/images/small_container_back_body.jpg');
background-repeat:repeat-y;
}

.otherContacts .contactsTop{
background-image: url('http://deejay-designs.co.uk/images/small_container_back_top.jpg');
background-repeat:none;
height:23px;
}
.otherContacts .contactsBottom{
background-image: url('http://deejay-designs.co.uk/images/small_container_back_bottom.jpg');
background-repeat:none;
height:22px;
}

/*login form*/

.loginForm{
float:left;
}

.loginForm label{
width:100px;
float:left;
text-align:right;
clear:left;
}

.loginForm input{
margin-top:2.5px;
margin-bottom:2.5px;
margin-left:3px;
border: solid 1px black;
width:200px;
height:15px;
}

.loginForm input.submitForm{
margin-left: 103px;
margin-top:5px;
width:120px;
height:25px;
}

#content .containerBody p, #content .portfolioContent p{
padding-top:5px;
padding-bottom:5px;
font-size:0.9em;
}

#content .containerBody ul, #content .portfolioContent ul{
list-style:disc;
margin-left:50px;
font-size:0.9em;
}

#ie6warning{
background-color:#B5B5B5;
width:100%;
}

#ie6container{
width:790px;
margin:0 auto;
margin-top:10px;
margin-bottom:10px;
font-size: 0.8em;
}

#ie6warning a{
color:#111;
}
#ie6warning a:hover{
color:#2178BF;
}

#ie6container .removeBar{
float:right;
}