html, body {
background:url(../images/back.jpg) no-repeat center center #333333;
font-family:Arial, 'Sans Serif';
font-size:14px;
text-align:center;
color:#FFFFFF;
height: 100%;
padding: 0;
margin: 0; 
}

a {
color:#a3a2a2;
text-decoration: none;
}

a:hover {
color:#FFFFFF;
text-decoration: none;
border-bottom:1px dotted #FFFFFF;
}

DIV#page {
background:url(../images/innerback.jpg) no-repeat top left;
position: absolute;
left: 50%;
top: 50%;
width: 980px;
height: 700px;
margin-left: -490px; /* half of width */
margin-top: -350px;  /* half of height */
text-align: left;
}

DIV#page.homepage {
background:url(../images/homeback.jpg) no-repeat top left;
}

.homelogo {
margin-top:153px;
margin-left:84px;
position:absolute;
background:none;
}

.homelogo a.logo {
width:738px;
height:335px;
background: url(../images/homelogo.png) no-repeat;
display:block;
}

.homelogo a.logo:hover {
border:none;
}

#header {
width:980px;
height:142px;
clear:both;
padding:10px 0 0 0;
}

#portfolio {
width:980px;
height:490px;
clear:both;
}

#portfolio #portfoliostrip {
width:900px;
height:490px;
margin-left:20px;
float:left;
display:block;
position:relative;
overflow:hidden;
}

#portfoliostrip ul {
list-style:none;
width:20000px;
position:absolute;
height:490px;
}

#portfoliostrip ul li {
float:left;
display:block;
width:300px;
}

#portfoliostrip ul li span.image {
height:355px;
padding-top:30px;
display:block;
width:300px;
}

#portfoliostrip ul li span.description {
height:100px;
display:block;
width:260px;
line-height:24px;
color:#a3a2a2;
padding:0 40px 0 0;
font-size:12px;
}

#portfoliostrip ul li span.description span.whiteText {
font-size:13px;
color:#FFFFFF;
}

#portfolio #arrow {
width:55px;
float:right;
display:block;
position:relative;
height:490px;
}

#portfolio #arrow a {
position:absolute;
bottom:45px;
width:23px;
height:31px;
display: block;
background:url(../images/arrow.png) no-repeat;
}

#portfolio #arrow a:hover {
border:none;
}


/* About */

#about {
width:960px;
height:340px;
clear:both;
padding:30px 0 0 20px;
background: url(../images/aboutIMG.png) no-repeat bottom right;
}

#about h2 {
font-size:24px;
font-weight: normal;
color:#FFFFFF;
padding:0 0 10px 0;
}

#about p {
font-size:14px;
color:#a3a2a2;
line-height:24px;
padding:0 0 10px 0;
}

#about .alignright {
float:right;
}


/* Contact */

#contact {
width:960px;
height:340px;
clear:both;
padding:30px 0 0 20px;
background: url(../images/aboutIMG.png) no-repeat bottom right;
}

#contact h2 {
font-size:24px;
font-weight: normal;
color:#FFFFFF;
padding:0 0 10px 0;
}

#contact p {
font-size:14px;
color:#a3a2a2;
line-height:24px;
padding:0 0 10px 0;
}

#contact .alignright {
float:right;
}

#contactform {

}

#contactform input, #contactform textarea {
background:#FFFFFF;
border:none;
padding:5px;
font-family: Arial;
font-size:12px;
}

#contactform input#submit {
background:url(../images/submitButton.png) no-repeat;
width:100px;
height:30px;
color:#FFFFFF;
text-align: center;
padding:0px;
display:block;
}

#contactform {

}


/* Info Strip */

#infostrip {
width:980px;
height:120px;
clear:both;
}

#infostrip .right {
float:right;
display:block;
padding:15px 0 0 0;
}

#infostrip .right h2 {
font-size:14px;
font-weight:normal;
color:#FFFFFF;
padding-bottom:5px;
}

#infostrip .right ul.upcomingevents {

}

#infostrip .right ul.upcomingevents li {
line-height:24px;
}

#infostrip .right ul.upcomingevents li span {
float:left;
display:block;
font-size:11px;
}

#infostrip .right ul.upcomingevents li span.col1 {
width:100px;
color:#FFFFFF;
}

#infostrip .right ul.upcomingevents li span.col2 {
width:250px;
color:#a3a2a2;
}

#infostrip .right ul.upcomingevents li span.col3 {
width:85px;
color:#dadada;
}

#infostrip .right ul.upcomingevents li span.col3 a {
color:#dadada;
}

#infostrip .right ul.contactdetails {

}

#infostrip .right ul.contactdetails li {
line-height:24px;
padding-right:20px;
}

#infostrip .right ul.contactdetails li span {
float:left;
display:block;
font-size:11px;
}

#infostrip .right ul.contactdetails li span.col1 {
width:70px;
color:#FFFFFF;
}

#infostrip .right ul.contactdetails li span.col2 {
width:250px;
color:#a3a2a2;
}






/* Footer */

#footer {
width:980px;
height:60px;
clear:both;
line-height:60px;
}

#footer ul#nav {
list-style:none;
padding:20px 0 0 20px;
width:500px;
float:left;
display:block;
}

#footer ul#nav li {
float:left;
display:block;
margin-right:40px;
}

#footer ul#nav li a {
float:left;
display:block;
height:21px;
}

#footer ul#nav li a:hover {
border:none;
}

#footer ul#nav li a.portfolioLink {
background:url(../images/nav_portfolio.png) no-repeat;
width:130px;
}

#footer ul#nav li a.aboutLink {
background:url(../images/nav_about.png) no-repeat;
width:104px;
}

#footer ul#nav li a.contactLink {
background:url(../images/nav_contact.png) no-repeat;
width:126px;
}

#footer p {
float:right;
display:block;
width:200px;
font-size:12px;
color:#a3a2a2;
text-align: right;
padding-right:20px;
}