/* =General
-----------------------------------------------------------------------------*/
/* Remove padding and margin */
* {
  	margin: 0;
	padding: 0;
}

/* Remove border around linked images */
img {
	border: 0;
}


/* =Typography
-----------------------------------------------------------------------------*/
body {
	background-color: #ffffff;
	margin-top: 10px;
	margin-left: 10px;
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	min-width: 640px;
}
body.services { background-image: url(/images/bk-services.gif); }
body.altadena { background-image: url(/images/bk-altadena.gif); }
body.wired { background-image: url(/images/bk-wired.gif); }
body.clients { background-image: url(/images/bk-clients.gif); }
body.about { background-image: url(/images/bk-about.gif); }
body.links { background-image: url(/images/bk-links.gif); }
body.friends { background-image: url(/images/bk-about.gif); }

/* =Links
-----------------------------------------------------------------------------*/
a:link { color: #333; text-decoration: underline; }
a:visited { color: #333; text-decoration: underline; }
a:hover { color: #333; text-decoration: underline; }
a:active { color: #333; text-decoration: underline; }

p, td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.6em; }
p { margin: 0 0 .7em 0; }
p.footer {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #366;
	padding-top: 10px;
	text-align: center;
	line-height: 1.5em;
}
div.fine-print { margin-top: 18px; }
div.fine-print p {
	font-size: 10px;
	color: #333333;
}

/* =Layout
-----------------------------------------------------------------------------*/
div.outerwrap { width: 620px; margin: 0 auto; }
div.navigation { float: left; padding-top: 60px; }
div.logo { float: right; margin-bottom: 18px; }
div.contentwrap { clear: both; }
div.heading {
	width: 620px;
	padding: 0 10px;
	margin: 0 0 9px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
body.altadena div.heading { background-color: #B88256; }
body.wired div.heading { background-color: #84A26B; }
body.friends div.heading { background-color: #C6B2CE; }

div.content { padding: 0 10px; text-align: left; min-height: 400px; }
div.content-left { width: 45%; float: left; }
div.content-right { width: 45%; float: right; }
div.footer { width: 600px; clear: both; }

/* =Headings
-----------------------------------------------------------------------------*/
h1, h2 {
	color: #84A26B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	font-weight: bold;
	text-align: left;
}
h2 { margin-top: 26px; }
h1 { font-size: 16px; }
body.clients h1,
body.clients h2 { color: #849ABD; }
body.links h1,
body.links h2 { color: #fa9999; }
body.about h1,
body.about h2 { color: #AC9BB4; }
body.altadena h1,
body.wired h1,
body.friends h1 {
	color: #fff;
	font-size: 18px;
	font-weight: normal;
}
body.altadena h2 { color: #b88256; }
body.wired h2 { color: #84A26B; }
body.friends h2 { color: #AC9BB4; }

/* =Branding
-----------------------------------------------------------------------------*/




/* =Main Nav
-----------------------------------------------------------------------------*/




/* =Sub Nav
-----------------------------------------------------------------------------*/




/* =Main Content
-----------------------------------------------------------------------------*/




/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/



/* =Forms
-----------------------------------------------------------------------------*/
form {
	margin: 0px;
	padding: 0px;
}
label { font-size: 10px; }
input.button { 
	margin-top: 9px; 
	background-color: #F93; 
	padding: 4px 10px; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

/* Removes fieldset borders. even on Opera 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

