*{
	text-align: left;
}

body{
	width: 785px;
	background-color: #ffffff;
	margin: 24px auto 0px auto;
	font-family: verdana;
	font-size: 70%;
	color: #666666;
	text-align: center;
}

img{
	border: solid 0px;
}


a{	
	color: #6E0226;
	text-decoration: none;
	font-weight: bold;
}

a:hover{	
	text-decoration: underline;
}

.clear-both { 
	font: 1px/1px sans-serif; 
	clear: both; 
}

#header{
	width: 785px;
	height: 62px;
	background-image: url(../images/dots.gif); 
	background-repeat: repeat-x;
	background-position: bottom left;
}

#logo{
	float: left;
}

#navigation{
	float: left;
	margin-top: 38px;
}

#navigation img{
	margin-left: 30px;
}

#home-content{
	width: 785px;
}

#home-content #content-left{
	float: left;
	text-align: left;
	width: 560px;
}

#home-content #content-right{
	float: left;
	width: 207px;
	margin-left: 15px;
}

#internal-content{
	position: relative;
	width: 785px;
}

#internal-content #content-left{
	float: left;
	text-align: left;
	width: 560px;
}

#internal-content #content-right{
	float: left;
	width: 207px;
	margin-left: 15px;
}

#portfolio-content{
	position: relative;
	width: 785px;
}

#portfolio-content #content-left{
	float: left;
	text-align: left;
	width: 785px;
}

#portfolio-content a{	
	color: #6E0226;
	text-decoration: none;
	font-weight: normal;
	font-size: 0.9em;
}

#portfolio-content #content-left .content img{	
	float: left;
	margin: 0px 10px 0px 0px;
	border: #94959A solid 1px;
}

#portfolio-content .links{
	margin-top: -5px;
}

#portfolio-content #content-portfolio{
	float: left;
	width: 556px;
	text-align: left;
}

#portfolio-content #content-portfolio .content{
	background-image: url(../images/dots_v.gif); 
	background-repeat: repeat-y;
	background-position: top right;	
}

#portfolio-content #content-portfolio .screenshots{
	background-image: url(../images/dots.gif); 
	background-repeat: repeat-x;
	background-position: top left;
	float: left;
	width: 556px;
}

#portfolio-content #content-portfolio .screenshots img{
	border: #94959A solid 1px;
}

#portfolio-content #content-portfolio .screenshots div{
	float: left;
	margin-right: 39px;
	margin-top: 10px;

}

#portfolio-content #content-portfolio .screenshots  .pane{
	float: left; 
	margin: 0px; 
	padding-bottom: 10px;	
	background-image: url(../images/dots_v.gif); 
	background-repeat: repeat-y;
	background-position: top right;
}

.redbox{
	background: #6E0226; 
	position: absolute; 
	top: 200px; 
	left: 490px; 
	width: 290px;
	font-weight: bold; 
	font-size: 0.9em;
}

.redbox .top{
	padding: 10px; 
	color: #ffffff; 
}

.redbox .bottom{
	padding: 6px; 
	background: #ffffff; 
	margin: 0px 2px 2px 2px; 
	color: #6E0226; 
}

#design-portfolio{	
	background: url(../images/home_design_portfolio.gif) no-repeat;
	width: 560px;
	height: 280px;
	margin: 20px 0px 20px 0px;
}

#design-portfolio .thumb{
	float: left;
	margin-top: 195px;
	padding-left: 16px;
}

#design-portfolio #thumb-large{
	float: right;
	margin-top: 15px;
	padding-right: 20px;
}

#design-portfolio .go-button{
	float: right;
	/*margin-top: 255px;*/
	margin-top: 8px;
	padding-left: 20px;
	padding-right: 19px;
}

#features{
	float: left;
	margin: 20px 0px 0px 0px;
	width: 210px;
}

#features #latest-updates{
	height: 22px;
	background-image: url(../images/dots.gif); 
	background-repeat: repeat-x;
	background-position: bottom left;
	margin-bottom: 15px;
}

/*
#features .feature{
	border: solid 1px;
}
*/

.home-text{
	margin-bottom: 20px;
}

#footer{
	width: 785px;
	font-size: 0.8em;
	background-image: url(../images/dots.gif); 
	background-repeat: repeat-x;
	background-position: top left;
	padding: 5px;
}


#title{
	margin-top: 24px;
	padding-left: 18px;
	background-image: url(../images/dots.gif); 
	background-repeat: repeat-x;
	background-position: bottom left;
	height: 18px;
}

.content{
	padding: 10px 18px 10px 18px;
}

p{
	margin: 12px 0px 12px 0px;
}

ul{
	margin-top: 16px;
	margin-bottom: 16px;
}