body{ margin:0; padding:0; background:#f6f3e6 url("../kickimages/back.jpg") fixed repeat;  }
 
#side{ position:fixed; top:80px; left:0; width:100px; margin:0 20px 0 0; }
 
.container{ width:800px; padding:0 20px; margin:0 auto; }


 

h1 { color:#b49b16; font:18pt verdana; margin:6px 0 3px; padding: 0; }
h2 { color:#b49b16; font:16pt verdana; margin:6px 0 3px; padding: 0; }
h3 { color:#b49b16; font:12pt verdana; margin:6px 0 3px; padding: 0; }

ul { color:#797979; font:10pt verdana; text-align:left; }

p { color:#797979; font:10pt verdana; text-align:left; }
p.title{ color:#b49b16; font:10pt verdana; text-align:left; margin:0 0 3px; padding: 0; }

img { display:block; border:0; }


a { color: #b49b16; font:10pt verdana; text-decoration: none; }
a:hover { background-color:#b49b16; color: #fff; font:10pt verdana; text-decoration: none; }











#header { float:left; width:800px; height:260px; margin:0; padding:0; background:url("../kickimages/header.png") no-repeat; text-indent:-9999px; }

#header-text { float:left; width:800px; height:500px; margin:0 0 50px; padding:0; background:url("../kickimages/hi-there.png") no-repeat; text-indent:-9999px;  }
 	
.main { float:left; margin:0; width:760px; padding:20px 20px; }

#porfoliohead { float:left; width:277px; height:30px; margin:0 0 20px 20px; padding:0; }
#porfolio1 { float:left; width:760px; height:230px; margin:0 0 15px 35px; padding:0; }

#ralph a { float:left; width:230px; height:230px; margin:0 15px 0 0; padding:0; overflow:hidden; background:url("../kickimages/workdone/ralphroll.jpg") 0 0 no-repeat; text-indent:-9999px; }
#ralph a:hover { background-position:0 -230px; }

#pc a { float:left; width:230px; height:230px; margin:0 15px 0 0; padding:0; overflow:hidden; background:url("../kickimages/workdone/pcroll.jpg") 0 0 no-repeat; text-indent:-9999px; }
#pc a:hover { background-position:0 -230px; }

#strife a { float:left; width:230px; height:230px; margin:0 15px 0 0; padding:0; overflow:hidden; background:url("../kickimages/workdone/striferoll.jpg") 0 0 no-repeat; text-indent:-9999px; }
#strife a:hover { background-position:0 -230px; }


#porfolio2 { float:left; width:760px; height:230px; margin:0 0 15px 35px; padding:0; }

#wayne a { float:left; width:230px; height:230px; margin:0 15px 0 0; padding:0; overflow:hidden; background:url("../kickimages/workdone/wayneroll.jpg") 0 0 no-repeat; text-indent:-9999px; }
#wayne a:hover { background-position:0 -230px; }

#golf a { float:left; width:230px; height:230px; margin:0 15px 0 0; padding:0; overflow:hidden; background:url("../kickimages/workdone/golfroll.jpg") 0 0 no-repeat; text-indent:-9999px; }
#golf a:hover { background-position:0 -230px; }

#bella a { float:left; width:230px; height:230px; margin:0 15px 0 0; padding:0; overflow:hidden; background:url("../kickimages/workdone/bellaroll.jpg") 0 0 no-repeat; text-indent:-9999px; }
#bella a:hover { background-position:0 -230px; }


#porfolio3 { float:left; width:760px; height:230px; margin:0 0 0 35px; padding:0; }

#mdina { float:left; width:230px; height:230px; margin:0 15px 0 0; padding:0; overflow:hidden; background:url("../kickimages/workdone/mdinaroll.jpg") 0 0 no-repeat; text-indent:-9999px; }
#mdina:hover { background-position:0 -230px; }

#chapel a { float:left; width:230px; height:230px; margin:0 15px 0 0; padding:0; overflow:hidden; background:url("../kickimages/workdone/chapelroll.jpg") 0 0 no-repeat; text-indent:-9999px; }
#chapel a:hover { background-position:0 -230px; }

#scorpion a { float:left; width:230px; height:230px; margin:0 15px 0 0; padding:0; overflow:hidden; background:url("../kickimages/workdone/scorpionroll.jpg") 0 0 no-repeat; text-indent:-9999px; }
#scorpion a:hover { background-position:0 -230px; }

#andy a { float:left; width:230px; height:230px; margin:0 15px 0 0; padding:0; overflow:hidden; background:url("../kickimages/workdone/andyroll.jpg") 0 0 no-repeat; text-indent:-9999px; }
#andy a:hover { background-position:0 -230px; }





#freequote { width:800px; height:33px; float:left; margin:20px 0; padding:0; background:url("../kickimages/emailme.png") no-repeat; }


#contactbg { width:800px; margin:0; float:left; padding:10px 0; background-color:#dcdcda; }

#leftcol2 { width:359px; margin:0; float:left; padding:20px 20px 60px 19px; border-right:1px #b49b16 dotted; }
 	
#rightcol2 { width:360px; margin:0; float:left; padding:20px 20px 60px 20px; }

#form1 { margin:0; padding:0 0 0 20px; float:left; width:360px; }
#form2 { margin:0; padding:0 0 0 20px; float:left; width:360px; }

.send { width:110px; height:30px; background-color:#b49b16; padding:5px; margin:0; border:none; color:#fff; }
.send:hover { background-color:#797979; color:#fff; }

.clear { clear:both; }

#thanks { margin:0; padding:30px 0 0 250px; width:550px; float:left; }



.divider { margin:0; float:left; width:800px; padding:20px 0; }
					

					

					
#footer { font:7pt verdana; color:#797979; float:left; width:800px; padding:30px 0; }

.footertext { font:7pt verdana; color:#797979; margin:auto; width:auto; float:left; padding:0 20px; }


.freeIn { float:left; margin:0; padding:0 10px; width:80px; height:43px; bottom:0; overflow:hidden; background:url(../kickimages/icons.gif) 0px -86px; }

.linkIn { float:left; margin:0; padding:0 10px; width:80px; height:43px; bottom:0; overflow:hidden; background:url(../kickimages/icons.gif) 0px -129px; }




#navbar  ul { color:#fff; width:100px; height:auto; font:10pt verdana; padding:0; margin:200px 0; }

#navbar ul li { display:block; }

#navbar ul li a { padding:5px; margin:3px 0; float:left; color:#fff; text-decoration:none; width:auto; background-color:#b49b16; }

#navbar ul li a:hover { background-color:#f6f3e6; color:#b49b16; }