/* CSS Document */

html, body {
	margin:0px;
	padding:0px;
	background:#787878 url(images/main07.jpg);
	background-position:top;
	background-repeat: no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;}
	
a {
color:red;
}
a:hover {
color:red;
text-decoration:underline;
}
	
#mainwhiteback {
	padding:0px;
	margin:0px;
	background:#ffffff url(images/cloudsbk.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	height:430px;}

#mainwhitebackservices {
	padding:0px;
	margin:0px;
	background:#ffffff url(images/cloud2.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	height:390px;}
	
	#mainwhitebackprojects {
	padding:0px;
	margin:0px;
	background:#ffffff url(images/cloudbot.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	height:540px;}

#wrapper {
	width: 760px;
	position:center;
	margin-left:auto;
	margin-right:auto;
	text-align:left;}

#header {
	height: 120px;
	padding-top: 60px;
	padding-left:177px;}

#left {
	width: 480px;
	height: 300px;
	float:left;
	padding:0px;
	margin-top:20px;
	margin-left:20px;
	margin-bottom:10px;
	text-align:justify;
	line-height:1.4;
	}
	
	#leftform {
	width: 510px;
	height: 300px;
	float:left;
	padding:0px;
	margin-top:20px;
	margin-left:20px;
	margin-bottom:10px;
	text-align:justify;
	}
	#leftclients {
	width: 540px;
	height: 300px;
	float:left;
	padding:0px;
	margin-top:20px;
	margin-left:20px;
	margin-bottom:10px;
	text-align:justify;
	line-height:1.4;
	}

#leftprofile {
	width: 490px;
	height: 300px;
	float:left;
	padding:0px;
	margin-top:20px;
	margin-left:20px;
	margin-bottom:10px;
	text-align:justify;
	line-height:1.4;
	}
	
	#leftprojects {
	height:500px;
	float:left;
	padding:0px;
	padding-left:20px;
	padding-right:20px;
	margin-top:20px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	text-align:justify;
	line-height:1.4;
	}
	
	#leftservices {
	width: 430px;
	height: 300px;
	float:left;
	padding:0px;
	margin-top:20px;
	margin-left:20px;
	margin-bottom:10px;
	text-align:justify;
	line-height:1.4;
	}
#content {
	background-image:url(images/sidepic.jpg);
	padding:0px;
	float:right;
	width:186px;
	height:380px;
	margin-top:20px;
	margin-right:10px;
	margin-bottom:10px;}
	
	
#contentcontact {
	background-image:url(images/sidepic4.jpg);
	padding:0px;
	float:right;
	width:186px;
	height:400px;
	margin-top:20px;
	margin-right:10px;
	margin-bottom:10px;}
	
#contentclients {
	background-image:url(images/clients.jpg);
	padding:0px;
	float:right;
	width:128px;
	height:351px;
	margin-top:20px;
	margin-right:10px;
	margin-bottom:10px;}
	
	#contentprofile {
	background-image:url(images/sidepic3.jpg);
	padding:0px;
	float:right;
	width:186px;
	height:400px;
	margin-top:20px;
	margin-right:10px;
	margin-bottom:10px;}
	
	#contentservices {
	padding:0px;
	float:right;
	width:253px;
	height:337px;
	margin-top:20px;
	margin-right:10px;
	margin-bottom:10px;}
	
#navigation {
width:760px;
	margin-top:0px;
	padding-top:0px;
	height: 30px;
	clear:both;
	text-align:center;
}
#footer {
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	height: 110px;
	width: 760px;
	clear:both;
	position:bottom; left:0px; bottom:0px;
	color:white;
	font-size: 10px;
	padding:0px;
	margin:0px;}
	
.address {
	width:300px;
	height:68px;
	text-align:left;
	padding-left:20px;
	padding-top:5px;
	float:left;
	line-height:1.4;
}
.telnos {
	width: 200px;
	height:68px;
	float:right;
	padding-right:20px;
	padding-top:5px;
	text-align:right;
	line-height:1.4;
}

.planb {
clear:both;
height:30px;
text-align:center;
}
.planb a {
color:white;
}
.websiteby {
float:right;
width:150px;
}
.planb a:hover {
color:red;
text-decoration:none;
}
.copyright {
float:left;
width: 200px;
text-align:left;
}

/* the css below controls the main navigation */

ul {
	margin-left:2px;
	padding-left:0px;
	height:30px;
	text-align:center;
	}
li{
	list-style-type:none;
	display:inline;}
	
li a {
	display:block;
	background-image:url(images/but1.jpg);
	color: white;
	text-decoration:none;
	border-bottom: 1px solid white;
	width: 125px;
	height: 23px;
	font-size: 11px;
	padding-top: 7px;
	float:left;
	text-align:center;}
	
	li a:hover {
	background-image:url(images/but1a.jpg);
	color: white;
	text-decoration:none;}
	
.bigbutton a{
	background-image:url(images/but2.jpg);
	width: 130px;
}
.bigbutton a:hover{
	background-image:url(images/but2a.jpg);
	width: 130px;
	text-decoration:none;
}
.contactbutton a{
	background-image:url(images/but2.jpg);
}
.contactbutton a:hover{
	background-image:url(images/but2a.jpg);
	color:white;
	text-decoration:none;}		

h1 {
	font-size: 15px;
	color: red;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
.list li{
list-style-type:disc;
}

#more a {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#003366;
font-size:12px;
text-decoration: underline;
}
#more a:hover {
text-decoration: none;
}
#more {
height: 20px;
width: 290px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 3px;
}
.textarea {
border:1px solid black;
}
input {
border: 1px solid black;
width: 170px;
background-color:white;
margin-top: 3px;
margin-bottom: 3px;
}
textarea {
height: 60px;
width: 350px;
border: 1px solid black;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
SCROLLBAR-SHADOW-COLOR: #666666; 
SCROLLBAR-ARROW-COLOR: #000000; 
SCROLLBAR-BASE-COLOR: #ccc; 
scrollbar-3d-light-color: #666666; 
scrollbar-dark-shadow-color: #000000; 
}
.button {
width: 70px;
height: 22px;
background-color: black;
font-size: 11px;
color: white;
border: none;
}

/* CSS below for projects 2 never used */
.thumbs {
border:4px solid red;
width:52px;
height:53px;
padding:2px;
}

.thumbs a{
border:4px solid red;
}

.thumbs a:hover{
border:4px solid black;
}