body {
background:url(../images/back.jpg) #333333;
color:#999999;
text-align:left;
font-family:Arial, 'Sans Serif';
font-size:14px;
}

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

a:hover {
color:#FFFFFF;
text-decoration: none;
}

p {
line-height:24px;
padding:0 0 15px 0;
}

p span.white {
color:#FFFFFF;
}

p.smallerText {
font-size:13px;
}

#page {
padding:0 0 0 50px;
width:930px;
background:url(../images/page.jpg) no-repeat top left;
display:table;
height:1%;
}

#header {
width:930px;
height:80px;
padding:50px 0 0 0;
}

#header h1 a {
background:url(../images/logo.jpg) no-repeat;
width:314px;
height:56px;
display:block;
float:left;
text-indent:-9999px;
}

#banner {
width:930px;
height:90px;
}

#banner h2 {
text-indent:-9999px;
background:url(../images/bannerText.jpg) no-repeat;
width:930px;
height:66px;
}

#mainarea {
}

#mainarea .block {
clear:both;
padding:0px 0 0 0;
}

#mainarea .block h2 a {
padding:0 15px;
border:1px solid #555555;
background:url(../images/headerActive.png);
line-height:47px;
height:47px;
font-size:20px;
font-weight:normal;
display:block;
color:#FFFFFF;
opacity:0.4;
}

#mainarea .block-getintouch h2 a {
border-top:none;
}

#mainarea .block h2 a:hover, #mainarea .block h2 a.active {
background:url(../images/headerActive.png);
opacity:1.0;
}

#mainarea .block .bottom {
padding:25px 0 20px 10px;
}

#mainarea .block .bottom .portfolio {

}

#mainarea .block .bottom .portfolio .sidebar {
float:left;
width:300px;
}

#mainarea .block .bottom .portfolio .sidebar h3 { 
color:#555555;
font-size:16px;
padding:0 0 15px 0;
font-weight:normal;
}

#mainarea .block .bottom .portfolio .sidebar ul.projectsNav {
padding-bottom:20px;
}

#mainarea .block .bottom .portfolio .sidebar ul.projectsNav li {
padding:0 0 10px 0;
}

#mainarea .block .bottom .portfolio .sidebar ul.projectsNav li a {
display:block;
padding:15px;
width:240px;
height:32px;
font-size:16px;
color:#CCCCCC;
}

#mainarea .block .bottom .portfolio .sidebar ul.projectsNav li a span {
font-size:13px;
color:#888888;
}

#mainarea .block .bottom .portfolio .sidebar ul.projectsNav li a:hover, #mainarea .block .bottom .portfolio .sidebar ul.projectsNav li a.active {
background:url(../images/portfolioItemLinkBack.jpg) no-repeat;
}

#mainarea .block .bottom .portfolio .content {
margin-left:320px;
width:600px;
}

#mainarea .block .bottom .portfolio .content ul.screenshots {
height:24px;
margin-right:20px;
float:right;
display:block;
}

#mainarea .block .bottom .portfolio .content ul.screenshots li {
float:left;
padding:0 3px;
}

#mainarea .block .bottom .portfolio .content ul.screenshots li a {
float:left;
display:block;
line-height:24px;
padding:0 7px;
}

#mainarea .block .bottom .portfolio .content ul.screenshots li a:hover, #mainarea .block .bottom .portfolio .content ul.screenshots li a.active {
background:#444444;
}

#mainarea .block .bottom .portfolio .content .item {
padding-bottom:50px;
}

#mainarea .block .bottom .portfolio .content .item h4 {
font-size:25px;
color:#FFFFFF;
font-weight:normal;
padding:0 0 20px 20px;
}

#mainarea .block .bottom .portfolio .content .item h4 span {
font-size:18px;
padding:0 0 0 10px;
color:#666666;
font-weight:normal;
}

#mainarea .block .bottom .portfolio .content .item h5 {
font-size:16px;
line-height:24px;
color:#FFFFFF;
padding:0 0 20px 20px;
font-weight:normal;
}

#mainarea .block .bottom .portfolio .content .item p {
padding:0 0 20px 20px;
}

p.buttons {
padding-top:15px;
opacity:1.0;
}

p.buttons a {
background:url(../images/button.jpg) no-repeat top right;
margin-right:10px;
line-height:29px;
height:29px;
display:block;
float:left;
}

p.buttons a span {
background:url(../images/button.jpg) no-repeat top left;
padding:0 10px 0 20px;
margin-right: 10px;
line-height:29px;
float:left;
display:block;
font-size:12px;
}

p.buttons a:hover {
border:none;
background:url(../images/button.jpg) no-repeat top right;
}

p.buttons a:hover span {
background:url(../images/button.jpg) no-repeat top left;
}

#contactform {
float:left;
display:block;
width:400px;
}

#contactform input, #contactform textarea {
font-family:Arial;
padding:4px;
font-size:11px;
border:2px solid #CCCCCC;
background:url(../images/form.jpg) repeat-x #FFFFFF;
}

#contactform #submit {
background:url(../images/button.jpg) no-repeat;
width:150px;
height:29px;
text-align:center;
border:none;
color:#FFFFFF;
}

.alignright {
display:block;
float:right;
width:300px;
}

.alignright p {
font-size:11px;
}

.alignright p span.white {
font-size:12px;
line-height:35px;
}

#footer {
padding:20px 0 0 0;
width:930px;
clear:both;
}

#footer p {
float:right;
text-align:right;
font-size:12px;
}

#footer p a {
color:#FFFFFF;
}

#footer p a:hover {
color:#926e2c;
border-bottom:1px dotted #926e2c;
}