/*
 *  Website Webdesign CSS Code v 1.1
 *
 *  Design by: Rommert Zijlstra
 *  Code by: Rommert Zijlstra
 *  Written by: Rommert Zijlstra
 *  
 *  © Website Webdesign
 */
 
body {
	background: #fff;
	padding: 0;
	margin: 0;
	}
	
table, img { border: none; }

p { margin-top: 0px; }
ul {margin-bottom: 5px; }
td,tr,p,div,ul,li {
	text-align: left;
	font-family: Tahoma, sans-serif, Helvetica;
	font-size: 11px;
	color: #000000;
	}
	
a:link, a:visited {
	color: #666;
	text-decoration: none;
	}
a:hover {
	color: #369;
	text-decoration: underline;
	}
	
input, textarea {font-size: 11px; font-family: Tahoma, sans-serif, Helvetica; }

/* TEMPLATE RELATED */

#container {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	}
	
#mainWrapper {
	width: 898px;
	background: #fff url(images/site_bg.png) repeat-y top left;
	padding: 0 21px;
	margin: 0 auto;
	float: left;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	}

#logo {
	background: url(images/top_bg.png) repeat-x top left;
	width: 420px;
	float: left;
	padding: 0 134px 0 39px;
	height: 119px;
	}
#leftLogo {
	background: url(images/topLeft_bg.png) no-repeat top left;
	width: 305px;
	float: left;
	height: 119px;
	}
	
#leftLogo p {
	padding: 40px 0 0 40px;
	color: #FFF;
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
	}

#contentTop {
	float: left;
	width: 898px;
	height: 32px;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	background: #fff url(images/contentTop_bg.jpg) no-repeat top left;
	}

#contentWrapper {
	width: 898px;
	height: 280px;
	float: left;
	background: #fff url(images/content_bg.jpg) no-repeat top left;	
	}

#welcomeWrapper {
	width: 300px;
	height: 280px;
	float: left;
	}
#welcomeHeader {
	width: 119px;
	height: 53px;
	padding: 7px 161px 0 20px;
	}
#welcomeContent {
	margin: 0 10px;
	}

#contentImage {
	width: 298px;
	height: 280px;
	float: left;
	}

#serviceWrapper {
	width: 300px;
	height: 280px;
	float: left;
	}
#servicesHeader {
	width: 127px;
	height: 53px;
	padding: 7px 153px 0 20px;
	}
#servicesContent tr td,#servicesContent p,#servicesContent div, #servicesContent ul li { color: #fff; }
#servicesContent {
	margin: 0 10px;
	}

#contentBottom {
	float: left;
	width: 898px;
	height: 32px;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	background: #fff url(images/contentBottom_bg.jpg) no-repeat top left;
	}

#bottomWrapper {}

#leftSideWrapper {
	width: 598px;
	height: auto;
	float: left;
	}
#portfolioHeader {
	width: 125px;
	height: 53px;
	padding: 8px 453px 9px 20px;
	}
#portfolioContentWrapper {}

#rightSideWrapper {
	width: 300px;
	height: auto;
	float: left;
	}	

#adsense { margin: 80px 25px 0; }

#pollWrapper {}
#pollHeader {
	width: 64px;
	height: 53px;
	padding: 8px 216px 9px 20px;
	}
#pollContent {
	margin: 0 10px;
	}

#contactWrapper {}
#contactHeader {
	width: 110px;
	height: 53px;
	padding: 8px 177px 8px 19px;
	}
#contactContent {
	margin: 0 10px;
	}
#contactContent p {
	color: #fff;
	}
	
#contactContentTable tr td {
	color: #fff;
	}
	
.contactContentTableLabel {
	width: 80px;
	}
.contactContentTableInput {
	width: auto;
	}
	
.quote {
	font-style: italic;
	font-size: 12px;
	display: block;
	}

#footer {
	float: left;
	width: 900px;
	text-align: center;
	padding: 20px;
	margin: 0 auto;
	border-top: solid 1px #000;
	}
#footer p { text-align: center; }

/* Portfolio Part */

.portfolioContent {
	width: 500px;
	padding: 12px;
	height: 136px;
	margin: 0 auto 10px auto;
	}
.portfolioContent:hover {
	border: dashed 1px #369;
	padding: 11px;
	}

.portfolioImage {
	width: 112px;
	height: 112px;
	padding: 4px 0 0 4px;
	background: url(images/portfolioImage_bg.png) no-repeat top left;
	float: left;
	}
.portfolioInfoWrapper {
	float: left;
	width: 384px;
	}
.portfolioInfoJob {
	width: 374px;
	margin-left: 10px;
	height: 20px;
	line-height: 20px;
	}
.portfolioInfoDesc {
	width: 374px;
	margin-left: 10px;
	height: 96px;
	}
.portfolioInfoUrl {
	width: 500px;
	height: 20px;
	line-height: 20px;
	margin-left: 10px;
	}
	
.portfolioInfoTop {
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin-left: 10px;
	float: right;
	}

.portfolioInfoHeader {
	margin-right: 20px;
	font-family: Helvetica, Tahoma, sans-serif;
	font-size: 12px;
	color:#666666
	}