@charset "utf-8";
/* CSS Document */

body {
background:#333333 url(images/mainbg.jpg) scroll repeat;
margin:0px;
padding:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CCCCCC;
}

#top_background {
z-index:-1;
position:absolute;
top:0px;
left:0px;
height:377px;
width:100%;
background: transparent url(images/headbg2.png) scroll repeat-x;
}

#wrapper {
position:absolute;
width:800px;
top:20px;
left:50%;
margin-left:-390px;
}

#navs {
position:absolute;
z-index:10;
width:500px;
top:24px;
left:290px;
}

#logo {
	position:absolute;
	margin-top:-20px;
	width:800px;
	height:100px;
	background: transparent url(images/logo.png);
}

#robot {
position:absolute;
left:172px;
top:36px;
width:700px;
height:311px;
background: transparent url(images/robot.png);
}

#gears {
position:absolute;
left:0px;
top:35px;
width:491px;
height:337px;
background: transparent url(images/gears.png);
}

#top_header {
position:absolute;
left:100px;
top:80px;
width:532px;
height:68px;
}

#bottom_wrapper {
position:absolute;
width:770px;
height:300px;
left:30px;
top:375px;
}

#bottom_header {
position:absolute;
left:0px;
top:0px;
width:600px;
height:58px;
}

#bottom_content {
position:absolute;
left:2px;
top:70px;
width:770px;
height:403px;
}

#webdesign_text {
	position:absolute;
	left:260px;
	top:46px;
	width:500px;
	height:70px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}

#graphicdesign_text {
	position:absolute;
	left:260px;
	top:176px;
	width:500px;
	height:70px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}

#database_text {
	position:absolute;
	left:260px;
	top:306px;
	width:500px;
	height:70px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}

a{
 outline: none;
}


img.one {
border:2px solid #666666;
}

a:hover img.one{
border:2px solid #ffffff;
}

a:link { color: #cc6600; text-decoration: none;}
a:visited { color: #cc6600; text-decoration: none;}
a:active { color: #fff; text-decoration: none;}
a:hover { color: #fff; text-decoration: none;}

input, textarea{
background:#ccc;
border:1px solid #fff;
}

#mycontactinfo {
position:absolute;
	left:300px;
	top:359px;
	width:300px;
	height:200px;
	z-index:5;
	}
	
#bottomnavs{
border-top:1px solid #999;
width:780px;
height:24px;
padding-top:12px;
}

#quote{
position:absolute;
top:180px;
left:50%;
margin-left:-180px;
background: url(images/michelangelo.png);
width:293px;
height:77px;
}