/* CSS Document */

div#banner{
margin-top:0px;
margin-bottom:0px;
padding:0;
width:770px;
background:url(../images/banner-inside-body-bg.gif) repeat-y;
}
div#banner-heading{
margin-top:0px;
margin-bottom:0px;
padding:4px 10px;
width:770px;
background:url(../images/banner-inside-head-bg.gif) repeat-y;
}

div#banner-heading h1{
color:#fff;
float:left;
margin-right:10px;
}
div.banner-nav{
float:left;}
ul.subnav{
list-style:none;
padding-top:4px;
}
ul.subnav li{
float:left;
border-right:1px solid #eee;
}
ul.subnav li.last{
border:0;
}

ul.subnav a, ul.subnav a:visited{
color:#eee;
text-decoration:none;
padding:0px 5px;
}
ul.subnav a:hover{
color:#fff;
text-decoration:underline;
}
ul.subnav a.last{
border:0;
}
ul.subnav a#current{
color:#fff;
font-weight:bold;
text-decoration:underline;
}

div#banner-text{
margin-top:0px;
margin-bottom:0px;
padding:5px 20px;
}
div#banner-text h2{
font-size:12px;
color:#fff;
}
#banner-text h2 span.numbers{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;}
div#banner-text p{
color:#fff;
}
div#banner-text a{
color:#eee;
}
div#banner-text a:hover{
color:#eee;
text-decoration:none;
}

div#content{
border-top:2px solid #436571;
border-bottom:2px solid #436571;
background:#eee;
width:730px;
padding:5px 20px;
}
p.portfolio-link{
text-align:right;
color:#9f2531;
}
p.portfolio-link a,p.portfolio-link a:visited{
color:#9f2531;
text-decoration:underline;
}
p.portfolio-link a:hover{
color:#436571;
text-decoration:none;
}

table.quote-form{
width:500px;
margin-left:100px;}

table.quote-form td{
vertical-align:top;
padding:2px;}

table.quote-form input, table.quote-form textarea{
border:1px solid #333;}
table.quote-form input.buttons{
margin:2px;
background:#333;
color:#eee;
font-size:10px;
}
td.buttons-detail{
text-align:right;
}
td.info-name{
font-weight:bold;}


ul.featured{
	list-style:none;
	margin-left:10px;
	margin-bottom:2px;
}
ul.featured li{
border-right:1px solid #436571;
color:#333;
font-size:9px;
width:155px;
float:left;
padding:0 2px;
}
ul.featured a{
text-transform:none;
color:#333;
text-decoration:none;
}

ul.featured a.date{
text-transform:uppercase;
color:#436571;
text-decoration:none;
}
ul.featured li img{
border:1px solid #333;
width:150px;
height:50px;
margin:1px;
}

div#screenshots{
width:300px;
float:left;
text-align:center;	
}
div#project-details{
width:350px;
float:right;
margin-right:10px;
padding:20px;
}
#screenshots p{
text-align:center;}
a.visit{
text-decoration:none;
color:#436571;
}
a.visit:hover{
text-decoration:underline;
color:#9f2531;
}

ul.portfolio-blocks{
margin:5px 2px;
list-style:none;
}
ul.portfolio-blocks li{
padding-top:10px;
margin:0 2px;
width:40px;
float:left;
}
ul.portfolio-blocks a img{
border:2px solid #fff;
}
ul.portfolio-blocks a#on  img{
border:2px solid #9f2531;
}

table.login-form{
width:200px;
margin-left:20px;
margin-top:10px;
color:#fff;}

table.login-form td{
vertical-align:top;
padding:2px;}

table.login-form input{
border:1px solid #eee;}
table.login-form input.buttons{
margin:2px;
background:#eee;
color:#333;
font-size:10px;
}
table.login-form td.login-button{
text-align:right;}