body {
	padding: 0;
	margin: 0;
	background-color: #D3CBB5;
	background-position: center;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
p {
	margin: 0;
	padding: 0;
}
#wrapper {
	background: url(images/background.jpg);
	background-repeat: repeat-y;
	margin: 0 auto;
	width: 794px;
}
#container {
	margin: 0 auto;
	width: 768px;
}
#masthead {
	height: 80px
}
.logo {
	margin: 22px 0 0 25px;
}
#navigation ul {
    width: 463px; 
    height: 27px; 
    position: absolute;
    top: 53px; 
    background: url(images/navigation.gif) no-repeat 0 0;
    list-style: none;
    margin: 0 0 0 305px ; 
	padding: 0;
}
#navigation li {
    display: inline;
}
#navigation li a:link, #navigation li a:visited {
    border: none;
    width: 116px; 
    height: 27px; 
    display: block; 
    position: absolute; 
    top: 0; 
    text-indent: -7000px;
    outline: none;
}
#navigation li.home a:link, #navigation li.home a:visited { 
    left: 0;
}
#navigation li.about a:link, #navigation li.about a:visited { 
    left: 116px 
}
#navigation li.portfolio a:link, #navigation li.portfolio a:visited { 
    left: 232px  
}
#navigation li.contact a:link, #navigation li.contact a:visited { 
    left: 348px  
}
#navigation li.home a:hover {
    background: url(images/navigation.gif) no-repeat 0 -27px; 
}
#navigation li.about a:hover {
    background: url(images/navigation.gif) no-repeat -116px -27px; 
}
#navigation li.portfolio a:hover {
    background: url(images/navigation.gif) no-repeat -232px -27px;
}
#navigation li.contact a:hover {
    background: url(images/navigation.gif) no-repeat -348px -27px;
}
#bluebox {
	height: 399px;
	background: url(images/blue-bg.jpg);
	border-bottom: 7px #0E80A0 solid;
}
#aboutus {
	float: left;
	width: 340px;
	margin: 57px 0 0 47px;
	line-height: 1.3em;
	color: #094253;
	display:inline;
}
#aboutus p ,#news p{
	margin-bottom: 10px;
}

#twitter {
margin: 60px 0 0 40px;
}
#welcomeimg {
	float: left;
	width: 290px;
	height: 295px;
	margin: 57px 0 0 40px;
	
	background: url(images/freelance.png) no-repeat;
}
#blackbox {
	width: 768px;
	height: 250px;
	background: url(images/black-bg.jpg);
}
#news {
	float: left;
	margin: 30px 0 0 47px;
	width: 295px;
	color: #6F6F6F;
	display:inline;
}
#blackdivide {
	float: right;
	width: 382px;
	border-left: 2px solid #373737;
	height: 250px;
}
#portfolio {
	margin: 30px 0 0 47px;
	color: #6F6F6F;
}
.examplework {
	border: 3px solid #fff;
	margin-top: 8px;
}
#footer {
	height: 50px;
	background-color: #232323;
	width: 768px;
}
#footer p {
	float: left;
	margin: 18px 0 0 18px;
	color: #404040;
}
#finisher {
	position: relative;
	width: 794px;
	height: 14px;
	background: url(images/finisher.jpg);
}

a:link, a:visited {
color:#FFFFFF;
}

#quote {
color: #ffffff;
font-family: Verdana, Geneva, sans-serif;
line-height: 200%;
margin: 85px 0 0 18px;
}

#tip {
background: url(pngs/tip.png) no-repeat;
margin: 150px  0 0 -166px;
position: relative;
float: left;
height: 175;
width: 200;
}

#detail {
background: url(pngs/detail.png) no-repeat;
margin: 150px -166px 0 0;
position: relative;
float: right;
height: 175;
width: 200;
{