@charset "UTF-8";
body {
	font-family: Tahoma;
	background-image:url(../images/bg.gif);
	color:#FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center;
}
#container {
	width:800px;
	margin: 0 auto;
	text-align: left;
}
#header {
	height:120px;
	width:800px;
}

#home-banner{
background-image:url(file:///C:/Users/Jacob/Documents/My Web Sites/spazzydesigns main/images/home-banner.jpg);
background-repeat:no-repeat;
height:179px;
width:800px;
}

#client-banner{
background-image:url(../images/banner-cartwheel.jpg);
background-repeat:no-repeat;
height:179px;
width:800px;
}

#us-banner{
background-image:url(../images/banner-ozzmacfloral.jpg);
background-repeat:no-repeat;
height:179px;
width:800px;
}

#services-banner{
background-image:url(../images/banner-dancer.jpg);
background-repeat:no-repeat;
height:179px;
width:800px;
}

#freebies-banner{
background-image:url(../images/banner-nothernlights.jpg);
background-repeat:no-repeat;
height:179px;
width:800px;
}

#portfolio-banner{
background-image:url(../images/banner-bubbles.jpg);
background-repeat:no-repeat;
height:179px;
width:800px;
}

.websites {
width:800px;
height:180;
margin:10px 0 10px 0;
}

.thum {
	list-style:none;
	float:left;
	margin:10px;
}

.clear {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.para {
width:500px;
}

#left {
float:left;
margin-right:10px;
height:100px;
}

#lefth {
float:left;
margin-right:10px;
height:30px;
width:240px;
}

#contact-banner{
background-image:url(../images/banner-grid.jpg);
background-repeat:no-repeat;
height:179px;
width:800px;
}

#mainContent {
	padding: 0 20px;
}

#footer {
	width:800px;
}

form {
	margin: 0px;
}

body,td,input,select,textarea {
	font-family: Tahoma;
	font-size: 11px;
}

/*h1 {
	font-family: Tahoma;
	font-size: 18px;
	font-weight: normal;
	color: #ccffff;
}

h2 {
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
    text-decoration: none;
    color: #ccffff;
}

h3 {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #ccffff;
}*/

h1 {
color:#CCFFFF;
font-family:Tahoma;
font-size:20px;
font-weight:normal;
}
h2 {
color:#CCFFFF;
font-family:Tahoma;
font-size:18px;
font-weight:bold;
text-decoration:none;
}
h3 {
color:#CCFFFF;
font-family:Tahoma;
font-size:16px;
font-weight:bold;
}

/*p {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
}*/

p {
color:#FFFFFF;
font-family:Tahoma;
font-size:14px;
font-weight:normal;
line-height:16pt;
margin-top:20pt;
}

a {
font-size:12px;
}

/*main links*/

ul#red { margin:0; padding:0; list-style-type:none; }

ul#red li { position:relative; float:left; border-top:4px solid #999999; margin-right: 15px; padding-right: 20px; padding-top: 5px;}

ul#red .current { border-top:4px solid #FF0000;}

ul#red li:hover { border-top:4px solid #ff6666;}

ul#red li a { padding:2px 2px; text-decoration:none; font:bold 12px Verdana, Georgia, "Times New Roman", Times, serif; color:#999999;}

ul#red li.current a { padding:2px 2px; text-decoration:none; font:bold 12px Verdana, Georgia, "Times New Roman", Times, serif; color:#FF0000;}

ul#red li a:hover { color:#ff6666; border:none; }

ul#red li span{ display:none; position:absolute; top:20px; left:2px; width:160px; font:normal 9px Verdana, Georgia, "Times New Roman", Times, serif;  line-height: 15px;}

ul#red li a:hover span {margin-top: 7px; display:block; color: #FFFFFF;}

a {text-decoration:none; font: Verdana, Georgia, "Times New Roman", Times, serif; color:#999999;}

a:hover {color: #ff6666; text-decoration:none;}



/*sub links*/

ul#sub-red { margin:0; padding:0; list-style-type:none; }

ul#sub-red li { position:relative; float:left; border-top:4px solid #999999; margin-right: 15px; padding-right: 20px; padding-top: 5px;}

ul#sub-red li:hover { border-top:4px solid #ff6666;}

ul#sub-red li a { padding:2px 2px; text-decoration:none; font:bold 12px Verdana, Georgia, "Times New Roman", Times, serif; color:#999999;}

ul#sub-red li a:hover { color:#ff6666; border:none; }