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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;}


/*END OF RESET*/

a{color:white}


body { background:steelblue}

#pagewrap{ width:1024px; height:880px; margin:0 auto; margin-top:30px; background-color:white; border:1px solid black; }

a:hover{color:cyan}

#header{}
#headertop{ background-image:url(images/headertop.jpg); width:1024px; height:120px}
#headerbottom{ width:1024px; height:205px; background:url(images/headerbottom.jpg) no-repeat; margin:0 auto; float:left}
#headerbottom p{font-family:Verdana, Geneva, sans-serif; color:white; font-size:10px; line-height:14px; text-align:center; margin:0 auto; margin-top:12px; width:300px}

#headertext{width:600px; float:left}
#headertext h2{width:400px; color:white; font-family:Verdana, Geneva, sans-serif; font-size:13px; text-align:center; margin:0 auto; margin-top:15px}
#search-engine-box{width:544px; height:205px; margin-right:56px; background:url(images/search-engines.jpg) no-repeat; float:left}
#wordpressbox{width:544px; height:205px; margin-right:56px; background:url(images/wordpress.jpg) no-repeat; float:left}
#headlist{width:300px; float:left; margin-right:50px;}
ul#headlist{text-align:right; float:left; color:white; font-family:Verdana, Geneva, sans-serif; font-size:10px}
ul#headlist li{margin-top:15px}

#twitter{width:130px; padding-top:40px; padding-right:30px; float:right; text-align:center; font-size:10px;height:20px }
#follow{float: right; width:26px; height:26px; margin-top:90px}
#delicous{float: right; margin:90px -60px 0px 0px}
#rss{float: right; margin:90px -94px 0px 0px}

#main h1{width:175px; margin:0 auto;font-family:Verdana, Geneva, sans-serif;text-align:center; font-weight:bold;margin-top:10px; font-size:14px}
#main{width:1024px; height:562px; float:left}
#main p{font-family:Verdana, Geneva, sans-serif; color:black; font-size:10px; line-height:14px; text-align:center; margin:0 auto; margin-top:12px}
#products p{width:170px}
#portfoliodiv p{font-family:Verdana, Geneva, sans-serif; color:black; font-size:10px; width:370px; text-align:center; margin:0 auto; margin-top:12px}
#portfoliodiv h3{color:red; font-family:Verdana, Geneva, sans-serif; color:black; font-size:10px; ; text-align:center; }
#middlediv p {width: 380px}
#middlediv h1{width: 150px}

#products{-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */
width:190px; height:480px; background-color:#929393; margin:0 auto; margin-top:30px; margin-left:30px; float:left; border:black solid 1px}
#portfoliodiv{-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */
width:400px; height:480px; background-color:#929393; margin:0 auto; margin-top:30px; margin-left:30px; float:left; border:black solid 1px}
#contact{-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */
width:290px; height:480px; background-color:#929393; margin:0 auto; margin-top:30px; margin-left:30px; float:left; border:black solid 1px}
#middlediv{-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */
width:400px; height:480px; background-color:#929393; margin:0 auto; margin-top:30px; margin-left:30px; float:left; border:black solid 1px}

.info[class] {
display:none;}

li.formcontact[class] {
display:none;}

#form{width:250px; margin:0 auto; text-align:center; height:320px; overflow:hidden}


p.slider{text-align:center}