body{

margin:0px;

}



.bay-area-web-design-footer, .bay-area-web-design-footer a{

font-family: arial, helvaetica, verdana;

font-size: 10px;

font-weight: bold;

color: #333333;

vertical-align: middle;

text-decoration: none;

}



.bay-area-web-design-footer a:hover{

color: #666;

background-color: #ccc;

}



.california-web-design{

font-family: tahoma;

font-size: 10px;

font-weight: normal;

color: #666;

}



.web-design-sub-links, .web-design-sub-links a{

font-family: tahoma;

font-size: 10px;

font-weight: normal;

color: #6699ff;

line-height: 11px;

text-decoration: none;

}



.web-design-sub-links a:hover{

font-family: tahoma;

font-size: 10px;

font-weight: normal;

color: #3366cc;

line-height: 11px;

}



.california-web-design a{

font-family: tahoma;

font-size: 10px;

font-weight: normal;

color: #666;

text-decoration: none;

}



.c3i3-footer, .c3i3-footer a{

font-family: tahoma;

font-size: 10px;

font-weight: bold;

color: #666666;

text-decoration: none;

}



.c3i3-footer a:hover{

font-family: tahoma;

font-size: 10px;

font-weight: bold;

color: #cccccc;

text-decoration: none;

}



.california-web-design a:hover{

font-family: tahoma;

font-size: 10px;

font-weight: normal;

color: #333;

text-decoration: none;

}



.c3i3-form{

font-family: tahoma;

font-size: 10px;

font-weight: normal;

color: #666;

background-color: #fff

border: 1px solid #ccc;

}



.c3i3-form-submit-reset{

border: 1px solid #666;

font-family: tahoma, verdana, arial;

font-size: 10px;

text-transform: uppercase;

color: #333;

background-color: #ccc;

height: 20px;

width: 59px;

padding: 3px;

}



.bay-area-web-design-content{

border-right: 1px solid #595981;

}





.bay-area-web-design-roll a, #bay-area-web-design-roll3 a, #bay-area-web-design-roll4 a {

		display:block;

		width:150px;

		margin: 2pxem; 

		padding:2px 0px 4px 80px;

		font-size: 10px;

		font-weight: bold;

		color:#999;

		background-color: #595981;

		text-decoration: none;

		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

		padding: 5px 14px 5px 25px;

		}



#bay-area-web-design-roll a:hover, #bay-area-web-design-roll3 a:hover, #bay-area-web-design-roll4 a:hover {

		background-image: url('bay-area-web-design-img/bay-area-web-design-roll.gif');

		color: #ccc;

		}

#bay-area-web-design-roll a:active, #bay-area-web-design-roll3 a:active, #bay-area-web-design-roll4 a:active  {

		background-color: #595981;

		color:#ccc;

		}



#bay-area-web-design-roll2 a {

		border-top: 1px solid #595981;

		text-align: right;

		display:block;

		height: 21px;

		width: 190px;

		font-size: 10px;

		font-weight: bold;

		color:#5a5a82;

		background-color: #fff;

		text-decoration: none;

		font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;

		padding: 10px 20px 0px 20px;

		}



#bay-area-web-design-roll2 a:hover {

		background-image: url('bay-area-web-design-img/bay-area-web-design-roll2.gif');

		background-repeat: repeat;

		background-color: 595981;

		color: #fff;

		}

#bay-area-web-design-roll2 a:active {

		background-color: 595981;

		color:#fff;

		}



.bay-area-web-design-arial, .bay-area-web-design-arial a{

		font-family: Arial, Helvetica, sans-serif;

		font-size: 11px;

		color:#666;

		text-decoration: none;

}



.bay-area-web-design-arial a:hover{

		font-family: Arial, Helvetica, sans-serif;

		font-size: 11px;

		color:#333;

}



.web-design-body{

		font-family: Arial, Helvetica, sans-serif;

		font-size: 11px;

		color:#666;

}



h1{

		font-family: Arial, Helvetica, sans-serif;

		font-weight: bold;

		font-size: 14px;

		color: #6699ff;

		margin: 0px;

		padding: 0px;

}



h1.intro{

		font-family: Arial, Helvetica, sans-serif;

		font-weight: bold;

		font-size: 14px;

		color: #666;

		margin: 0px;

		padding: 0px;

}



h2{

		font-family: Arial, Helvetica, sans-serif;

		font-weight: bold;

		font-size: 11px;

		color: #333;

		margin: 0px;

		padding: 0px;

}



.contact-heading{

		font-family: Arial, Helvetica, sans-serif;

		font-weight: bold;

		font-size: 12px;

		color: #538bff;

		margin: 0px;

		padding: 0px;

}



.contact-form{

		font-family: Tahoma, Verdana;

		font-weight: bold;

		font-size: 10px;

		color: #000;

		border: 1px solid #999;

		margin: 4px;

		padding: 3px 0px 0px 5px;

		vertical-align: middle;

}



h2.intro{

		font-family: Arial, Helvetica, sans-serif;

		font-weight: bold;

		font-size: 11px;

		color: #666;

		margin: 0px;

		padding: 0px;

}



p{

line-height: 12px;

padding-top: 0px;

margin-top: 0px;

}

.ad_banner {
background: #EDF0FA;
text-align: center;
width: 790px;
height: 120px;
margin-bottom: 10px;
}

.ad_banner img {
border: none;
}

.vid_player {
width: 320px;
height: 270px;
margin: 0 0 10px;
padding: 10px 0 0 10px;
}

.vid_thumbs {
clear: both;
height: 60px;
margin: 0 0 10px;
}

.vid_thumbs a {
display: block;
float: left;
border: 1px solid #CCCCCC;
font-weight: bold;
color: #999999;
text-decoration: none;
background: url(images/vid_thumb_bg.jpg) repeat-x;
width: 98px;
height: 58px;
margin-left: 10px;
}