


/* reset browser defaults */
* {
    margin: 0px;
    padding: 0px;
}

body {
    position: relative;
    margin: 0px;
    padding: 0px;
    padding-bottom: 70px;
    text-align: left;
    background-image: url(../images/bg_bricks.gif);
    font: normal 13px Arial, sans-serif;
    background-color: #BED639;
    color: #eeeeee;
}

body.form {
    position: relative;
    margin: 0px;
    padding: 3px;
    text-align: left;
    background-image: url(../images/bg_bricks.gif);
    font: normal 13px Arial, sans-serif;
    background-color: #BED639;
    color: white;
}


.berkeley {
height:275px;
padding: 20px;
background: rgba(255, 102, 0, .9);
}

.linkberkeley {
color: rgba(255, 102, 0, .9);
text-decoration: none;
}

.emeryville {
height:275px;
padding: 20px;
background: rgba(0, 168, 229, .9);
}

.linkemeryville {
color: rgba(0, 168, 229, .9);
text-decoration: none;
}

.oakland {
height:275px;
padding: 20px;
background: rgba(19, 95, 16, .9);
}

.linkoakland {
color: #339933;
text-decoration: none;
}


.richmond {
height:275px;
padding: 20px;
background: rgba(254, 16, 1, .9);
}

.linkrichmond {
color: rgba(254, 16, 1, .9);
text-decoration: none;
}

.richmondlong {
height:500px;
padding: 20px;
background: rgba(254, 16, 1, 1);
}

.richmondblk {
height:500px;
padding: 20px;
background: rgba(254, 16, 1, .8);
}

.richmondbox {
padding: 20px;
background: rgba(254, 16, 1, 1);
font: normal 13px Arial, sans-serif;
    line-height:1.2em;
    color: #eeeeee;
}

.events {
height:150px;
padding: 20px;
background: rgba(0, 0, 0, .8);
line-height:2em;
}

.news {
height:150px;
padding: 20px;
background: rgba(0, 0, 0, .8);
line-height:2em;
}


	.drop {
	margin-top: 100px;
	}
	
	.droprich {
	margin-top: 80px;
	padding-bottom: 31px;
	background: rgba(254, 16, 1, .9);
	} 
	
		.dropberk {
	margin-top: 80px;
	padding-bottom: 31px;
	background: rgba(255, 102, 0, .9);
	} 
	
		.dropoak {
	margin-top: 80px;
	padding-bottom: 31px;
	background: rgba(19, 95, 16, .9);
	} 
	
		.dropemer {
	margin-top: 80px;
	padding-bottom: 31px;
	background: rgba(0, 168, 229, .9);
	} 
	
		.eventrichmond {
	margin-top: 10px;
	padding: 20px;
	background: rgba(254, 16, 1, .9);
	} 
	
		.eventberkeley {
	margin-top: 10px;
	padding: 20px;
	background: rgba(255, 102, 0, .9);
	} 
	
		.eventoakland {

	margin-top: 10px;
	padding: 20px;
	background: rgba(19, 95, 16, .9);
	} 
	
		.eventemeryville {
	margin-top: 10px;
	padding: 20px;
	background: rgba(0, 153, 255, .9);
	}
	
	.eventevents {
	margin-top: 10px;
	padding: 20px;
	background: rgba(0, 0, 0, .85);
	}

	.eventblk {
	margin-top: 0px;
	padding: 20px;
	background: rgba(0, 0, 0, .85);
	} 
	
	.exhibitppl {
	margin-top: 0px;
	padding: 20px;
	background: rgba(93, 35, 148, .85);
	} 
	
.cityback {
    position: relative;
    margin-top: 0px;
    padding: 0px;
    padding-bottom: 10px;

    text-align: left;
    background-image: url(../images/cityscape3.gif);
    background-repeat:no-repeat;
    font: normal 13px Arial, sans-serif;
    line-height:1.2em;
    color: white;
}


.citypageback {
    position: relative;
    margin-top: 0px;
    padding: 0px;
	text-align: left;
    background-image: url(../images/cityscape3.gif);
    background-repeat:no-repeat;
    font: normal 13px Arial, sans-serif;
    line-height:1.2em;
    color: white;
}


img {
    border: 0px;
}


#contentArea {
    position: relative;
    top: 0px;
    width: 960px;
    margin: 0px auto 0px auto;
    overflow: visible;
}

#contentPane {
    position: relative;
    width: 950px;
    height: auto;
    top: 0px;
    left: 10px;
    margin: 0;
    margin-bottom: 11px;
    
}

.citytext {
    position: relative;
    text-align: left;
    width: 200px;
    height: 250px;
    top: 0px;
    left: 10px;
    margin: 0;
    margin-bottom: 11px;
    color: #666;
    
}

.upcomingevents {
    
	font: normal 12px Helvetica, sans-serif;
	line-height: 15px;
	color: #535154;    
}

.head {
    
	font: bold 15px Helvetica, sans-serif;
	line-height: 15px;
	color: #ffffff;    
}

#contentMainArea {
    position: relative;
    top: 0px;
    left: 0px;
    border: 0px solid black;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 300px;
    min-height: 300px;
    width: 430px;
    vertical-align: top;
}


#bottomPane {
    position: relative;
    background: rgba(0, 0, 0, .85);
    left: 15px;
    top: 0px;
    height: 30px;
    width: 935px;
}

#bottomPaneNavigation {
    width: 100%;
}

#bottomPaneNavigation * {
    color: #eeeeee;
    font: normal 12px Arial, sans-serif;
    text-decoration: none;
}

#bottomPaneCopyright {
    float: right;
    margin-top: 6px;
    margin-left: 10px;
    padding: 3px;
    padding-right: 10px;
}

#bottomPaneMenu {
	margin-top: 6px;
    margin-right: 10px;
    float: left;
    padding: 3px;
}



ul li
{
	list-style-type:disc;
	margin-left:30px;
	
}

ol li
{
	list-style-type:numbers;
	margin-left:30px;
	padding: 10px;
	
}

p
{
	clear:both;
	margin-bottom:15px;
}
a
{
	color: #ffffff;
	text-decoration:underline;
	
}
a:hover
{
	text-decoration:none;
}

input[type="text"], select
{
	font-size:12px;
	color: #000;
	width:170px;
	margin:0px;
	font-family:  Arial;
}
textarea
{
	font-size:12px;
	color: #000000;
	width:397px;
	margin:0px;
	font-family:  Arial;
}

input.textfield, input.text, input.password, .passwordField, input.select, select, .textfield {
	width: 180px;
  	border:1px solid #a29c83;
	margin-top: 2px;
	margin-bottom: 3px;
	padding: 5px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #535143;
  background-color:#ccc;
  background-image:url(shade.png)
}

input.textfield, input.date {
	width: 90px;
  	border:1px solid #a29c83;
	margin-top: 2px;
	margin-bottom: 3px;
	padding: 5px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #535143;
  background-color:#ccc;
  background-image:url(shade.png)
}

textarea {
	width:350px;
  	border:1px solid #a29c83;
	margin-top: 2px;
	margin-bottom: 3px;
	padding: 3px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #535143;
  background-color:#ccc;
  background-image:url(shade.png)
}

.white
{
	color:#fff;
}
.red
{
	color: #ea002c;
}
.grey
{
	color: #231f20;
}
.lightgrey
{
	color:#676767;
}
.light_grey
{
	color:#aaa;
}
.black{color:#000;}
#wrap {
	margin: 0 auto;
	width: 980px;
	background:#fff;	
}
#site_map
{
	clear:both;
	float:left;
	height:10px;
	width:100%;
	background:#ea002c;
}
#site_map_container
{
	width:860px;
	background: #ea002c;
	height:0px;
	overflow:hidden;
	padding:0px 20px;
}

.site_map_inner
{
	float:left;
	width:195px;
	height:150px;
	padding:0px 10px;
}

.site_map_inner.sm_about_us ul li, .site_map_inner.sm_web_design ul li, .site_map_inner.sm_brand_identity ul li, .site_map_inner.sm_our_work ul li, .site_map_inner.sm_quick_links ul li, .site_map_inner.sm_seo ul li
{
	color:#ea002c;
}
.site_map_inner h1
{
	color:#fff;
	font-size:14px;
}
.site_map_inner.sm_seo h1, .site_map_inner.sm_quick_links h1
{
	color:#ea002c;
}
.site_map_inner.main
{
	width:165px;
	height:100px;
	background:#e9002c;
	border-bottom:4px solid #fa6781;
	margin-top:50px;
	padding-left:40px;
	
	
}
.site_map_inner.main h1
{
	font-size:25px;
}

.site_map_inner.sm_seo
{
	background:#fff;
	border-bottom:4px solid #ffb9c4;
}

.site_map_inner.sm_quick_links
{
	background:#fff;
	color:#ea002c;
}
.site_map_inner.sm_about_us
{
	background:#fb6b84;
	border-bottom:4px solid #e9002c;
}

.site_map_inner.sm_about_us a
{
	color: #fff;
}

.site_map_inner.sm_brand_identity
{
	background:#fb6b84;
}
.site_map_inner.sm_brand_identity a
{
	color:#fff;
}
.site_map_inner.sm_our_work
{
	background:#ffbecc;
}
.site_map_inner.sm_our_work a
{
	color:#fff;
}
.site_map_inner.sm_web_design
{
	background:#ffbecc;
	border-bottom:4px solid #fa6c84;
}
.site_map_inner.sm_web_design a
{
	color:#fff;
}

#inner_content
{
	float:left;
	width:900px;
	padding:0px 40px 40px 40px;
}

#header
{
	clear:both;
	float:left;
	height:90px;
	width:900px;
	border-bottom: 1px solid #ddd;
	margin-top:20px;
}
#header #logo
{
	float:left;
	width:205px;
	height:68px;
	overflow:hidden;
}
a.header_logo_image
{
	float:left;
	width:205px;
	height:68px;
	background-image:url('../images/kalexiko_logo.png');
}
a.header_logo_image:hover
{
	background-position:0px -69px;
}
#header #strap
{
	float:left;
	height:50px;
	width:688px;
	text-align:right;
	float:right;
	background-image:url("../images/innovating_to_inspire.jpg");
	background-repeat: no-repeat;
	background-position:top right;
}
#header #strap h1
{
	font-size:28px;
	color:#a8a8a8;
	font-weight:600;
	height:50px;
}
#header #nav
{
	float:right;
	height:25px;
	width:688px;
	
}
#header #nav ul
{
	list-style-type: none;
	text-align:right;
}
#header #nav ul li 
{
	float:right;
	display: block;
	font-family:Cambria,Georgia,Times,'Times New Roman',serif;
	font-size:16px;
	text-transform:uppercase;
	font-weight:900;
	border-right:1px solid #a8a8a8;
	padding: 0px 30px;
	padding-bottom: 2px;
	height:16px;
	margin:0px;
}
#header #nav ul li.last 
{
	padding-right: 0px;
	border-right:0px;
}
#header #nav ul li a 
{
	text-decoration: none;
	color:#231f20;
	
}

#header #nav ul li a:hover, #header #nav ul li a.active
{
	color: #ea002c;
	text-decoration: none;
}

#banner
{
	clear:both;
	float:left;
	height:450px;
	width:940px;	
	padding:0px;
	border-bottom:1px solid #e7e1e1;
	margin-bottom:5px;
	overflow:hidden;
}
 
.home_column
{
	float:left;
	width:214px;
	padding:5px;
	border-left:1px solid #e7e1e1; 
}

#breadcrumbs
{
	float:left;
	width:435px;
	text-align:left;
	padding:5px 0px;
	margin-bottom:10px;
}
#breadcrumbs ul 
{
	clear:both;
}
#breadcrumbs ul li 
{
	float:left;
		
}
#breadcrumbs ul li a
{
	padding:0px 10px 0px 8px;
	background-image: url(../images/arrow.jpg);
	background-repeat:no-repeat;
	background-position:0% 50%;
	color:#676767;
}
#breadcrumbs ul li a.active
{
	font-weight:bold;
}

#breadcrumbs ul li a.first
{
	padding-left:8px;
}

#inner_left_container
{
	clear:left;
	float:left;
	width:180px;
	margin-right:20px;
	margin-top:50px;
}
#inner_left_menu
{
	clear:both;
	float:left;
	width:180px;
}

.profile_image
{
	position:relative;
	clear:both;
	float:left;
	width:500px;
	height:585px;
}
.profile_text_container
{
	z-index:2;
	float:left;
	width:200px;
	background:transparent;
	height:400px;
}
.description
{
		z-index:2;
position:relative;	
	float:left;
	height:210px;
	width:200px;
	padding-top:170px;
}

.next_prev_links
{
	position:relative;
	width:200px;
	font-family:Cambria,Georgia,Times,'Times New Roman',serif;
	font-size:16px;
	font-weight:900;
}
.next_prev_links.logo
{
	width:700px;
	text-align:right;
	
}
a.case_study
{
	clear:both;
	font-family:arial;
	font-size:11px;
	color:#fff;
	background:#676767;
	text-transform:uppercase;
	text-decoration:none;
	padding:2px 5px;
}
a.case_study:hover
{
	background:#000;
}


.logo_description
{
	clear:both; 
	min-height:100px;
}
.logo_image
{
	text-align:center;
	min-height:290px;
}

.profile
{
	position:relative;
	float:left;
	width:700px;
	background-repeat:no-repeat;
}
.profile.red_london
{
	background-image: url(../images/websites/lrg/web_page_red_london.jpg);
}
.profile.urban_link
{
	background-image: url(../images/websites/lrg/web_page_urban_link.jpg);
}
.profile.ukopa
{
	background-image: url(../images/websites/lrg/web_page_ukopa.jpg);
}
.profile.uri
{
	background-image: url(../images/websites/lrg/web_page_uri.jpg);
}
.profile.debt_plan_direct
{
	background-image: url(../images/websites/lrg/web_page_debt_plan_direct.jpg);
}
.profile.fcl
{
	background-image: url(../images/websites/lrg/web_page_fcl.jpg);
}
.profile.fcl_fuels
{
	background-image: url(../images/websites/lrg/web_page_fcl_fuels.jpg);
}
.profile.goods_direct
{
	background-image: url(../images/websites/lrg/web_page_goods_direct.jpg);
}
.profile.grant_locators
{
	background-image: url(../images/websites/lrg/web_page_grant_locators.jpg);
}
.profile.our_wall
{
	background-image: url(../images/websites/lrg/web_page_our_wall.jpg);
}
.profile.positive_hands
{
	background-image: url(../images/websites/lrg/web_page_positive_hands.jpg);
}


.profile.debt_plan_direct
{
	background-image: url(../images/websites/lrg/web_page_debt_plan_direct.jpg);
}
.profile.renatex
{
	background-image: url(../images/websites/lrg/web_page_renatex.jpg);
}
.profile.royal_marquees
{
	background-image: url(../images/websites/lrg/web_page_royal_marquees.jpg);
}
.profile.improve_your_body
{
	background-image: url(../images/websites/lrg/web_page_improve_your_body.jpg);
}
.profile.escience
{
	background-image: url(../images/websites/lrg/web_page_escience.jpg);
}
.profile.bhf
{
	background-image: url(../images/websites/lrg/web_page_bhf.jpg);
}
.profile.bio_energy
{
	background-image: url(../images/websites/lrg/web_page_bio_energy.jpg);
}

.profile.print_debt_plan
{
	background-image: url(../images/stationery/lrg/print_debt_plan.jpg);
}
.profile.print_coleman
{
	background-image: url(../images/stationery/lrg/print_coleman.jpg);
}
.profile.print_FCL
{
	background-image: url(../images/stationery/lrg/print_FCL.jpg);
}
.profile.print_ilikestyle
{
	background-image: url(../images/stationery/lrg/print_ilikestyle.jpg);
}
.profile.print_positive
{
	background-image: url(../images/stationery/lrg/print_positive.jpg);
}

.profile.photo_01
{
	background-image: url(../images/photos/lrg/photo_L_01.jpg);
}
.profile.photo_02
{
	background-image: url(../images/photos/lrg/photo_L_02.jpg);
}
.profile.photo_03
{
	background-image: url(../images/photos/lrg/photo_L_03.jpg);
}
.profile.photo_04
{
	background-image: url(../images/photos/lrg/photo_L_04.jpg);
}
.profile.photo_05
{
	background-image: url(../images/photos/lrg/photo_L_05.jpg);
}
.profile.photo_06
{
	background-image: url(../images/photos/lrg/photo_L_06.jpg);
}
.profile.photo_07
{
	background-image: url(../images/photos/lrg/photo_L_07.jpg);
}
.profile.photo_08
{
	background-image: url(../images/photos/lrg/photo_L_08.jpg);
}
.profile.photo_01
{
	background-image: url(../images/photos/lrg/photo_L_01.jpg);
}
.profile.photo_09
{
	background-image: url(../images/photos/lrg/photo_L_09.jpg);
}
.profile.photo_10
{
	background-image: url(../images/photos/lrg/photo_L_10.jpg);
}
.profile.photo_11
{
	background-image: url(../images/photos/lrg/photo_L_11.jpg);
}
.profile.photo_12
{
	background-image: url(../images/photos/lrg/photo_L_12.jpg);
}
.profile.photo_13
{
	background-image: url(../images/photos/lrg/photo_L_13.jpg);
}














/* Side Scroller */



#ScrollBox 
{
	float:left;
	width: 700px;
	height:585px;
	position:  absolute;
	overflow: hidden;
}

#BigBox
{
	width: 14000px;
	position:  absolute;
}
#BigBox a.disabled
{
	color:#231f20;
}
#BigBox a.disabled:hover
{
	text-decoration:none;
}

.block
{
	width: 700px;
	float: left;
	min-height:585px;
	margin-right: 10px;
}

.case_study_container
{
	clear:both;
	width:700px;
	height:500px;
	
}
.case_study_content
{
	clear:both;
	float:left;
	width:700px;
	height:420px;
	overflow:hidden;
}
.case_study_btn_container
{
	clear:both;
	float:left;
	width:700px;
	clear:both;
}
.case_study_backbtn
{
float:right;margin-right:100px;top:-20px;
}

#left_menu ul li
{
	padding:2px 5px 2px 10px;
	border-bottom:1px solid #ddd; 
}

#inner_left_container h1
{
	font-family: "Trebuchet ms",Arial;
	font-weight:normal;
	font-size: 18pt;
	color: #231f20;
	padding-bottom:10px;
	line-height:1em;
}
#inner_left_container h2
{
	font-weight:normal;
	font-size: 14pt;
	color: #231f20;
	padding-bottom:5px;
	line-height:1em;
}
#inner_left_container h3
{
	font-weight:normal;
	font-size: 10pt;
	color: #231f20;
	line-height:1em;
}
#left_menu ul li a
{
	color: #676767;
}
#left_menu ul li a.active, #left_menu ul li a:hover
{
	color: #ea002c;
	text-decoration:none;
}

#inner_left_container .box
{
	clear:both;
	float:left;
	width:154px;
	padding:10px;
	border:3px solid #b8b8b8; 
	background: #fff;
	margin-top:15px;
	font-size:8pt;
	line-height:1.5em;
}
#inner_left_container .box a.mail
{
	color:#ea002c;
}
#inner_left_container .box a.mail:hover
{
	text-decoration:underline;
}
#inner_left_container .box a
{
	color:#676767;
}
#inner_left_container .box a:hover
{
	text-decoration:none;
}

#main_container
{
	float:left;
	width:700px;
	
}
#main_container h1
{
	font-family: "Trebuchet ms",Arial;
	font-weight:normal;
	font-size: 31pt;
	color: #ea002c;
	line-height:1em;
	margin-bottom:10px;
}
#main_container h2
{
	color:#231F20;
	font-size:10pt;
}
#main_container h2 a
{
	color:#231F20;
	font-size:10pt;
}
#main_container h2 a:hover
{
	text-decoration:none;
}
#main_container h3
{
	color:#ea002c;
	font-size:10pt;
}
div.page_list
{
	position:relative;
	width:133px;
	height:86px;
	float:left;
	line-height:1em;
	margin:2px;
	border:1px solid #fff;
}

.page_list_hover
{
	position:absolute;
	background:#000;
	color:#fff;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    z-index:200;
    height:0px;
    width:133px;
    overflow:hidden;
    
}
.page_list_text
{
	padding:5px;
	text-align:center;
	font-weight:bold;
}
.page_list_text a
{
	color:#fff;
	text-decoration:none;
	line-height:1.1em;
}

#main_container .col
{
	text-align:justify;
	float:left;
	width:212px;
	
}
#main_container .col ul.blank li
{
	list-style-type:none;
	margin-left:10px;
	color:#aaa;
}
#main_container .col ul li
{
	color: #ea002c;
	list-style-type:disc;
	margin-left:15px;
}

#main_container .col ul li span
{
	color: #676767;
}

#main_container .col.one
{
	padding-right:15px;
}
#main_container .col.two
{
	padding:0px 15px;
}
#main_container .col.three
{
	padding-left:15px;
}

#corner
{
	width:265px;
	float:right;
	text-align:right;
}
.inner_header_container
{
	float:left;
	clear:both;
	width:700px;
	height:135px;
	
}

.home_column.first
{
	border-left:0px;
}

.home_column .home_holder
{
		padding:10px;
		border:4px solid #fff;
}

.home_holder.web_applications
{
	height:280px;
}
.home_holder.search_engines
{
	height:270px;
}
.home_holder.web_design
{
	height:310px;
}
.home_holder.brand_identity
{
	height:310px;
}
.home_holder.email_marketing
{
	height:310px;
}
.home_column .content h1
{
	display:inline;
	font-size:18px;
}

.home_column .content.top
{
	border-bottom:1px solid #e7e1e1;
}
.home_flash
{
	position:absolute;
	float:left;
	z-index:1;
}
#footer
{
	float:left;
	clear:both;
	display:block;
	position: fixed;
    bottom: 0;
	width:100%;
	background: #ea002c;
	height:40px;
	line-height:1.5em;
	z-index:20000;
}

#f_wrap
{
	margin:0 auto;
	background: #ea002c;
	width:880px;
	text-align:left;
	line-height:1.5em;
	height:50px;
	color:#fff;
	z-index:20000;
}
#f_wrap #left
{
	font-size:11px;
	float:left;
	width:700px;
	margin-top:10px;
}
#f_wrap #left span
{
	margin-right:20px;
}
#f_wrap #left a:hover
{
	text-decoration:none;
}
#f_wrap #left a.list
{
	padding:0px 10px;
}
#f_wrap #left a.list:hover
{
	text-decoration:underline;	
}
#f_wrap #right
{
	float:left; 
	width:150px;
}
#footer_wrap
{
	clear:both;
	float:left;
	background:#ea002c;
	width:940px;
	position: 	fixed;
    bottom: 0;
    padding:0px 20px;
    line-height:1.5em;
    display:block;
    height:0px;
    z-index:20000;
    
}

#footer_4
{
	padding:10px 0px;
}
#footer_1
{
	float:right;
	bottom: 0;
	width:195px;
	background: #fff;
	padding:10px;
	color:#ea002c;
	
}
#footer_1 h1
{
	font-size:12px;
}
#footer_1 textarea
{
	border:2px solid #e9002c;
	height:90px;
	width:186px;
	
}
#feedback_form_content td
{
	padding:2px;
}
#feedback_form_content textarea, #feedback_form_content input[type=text]
{
		border:2px solid #e9002c;
}
#feedback_form_logo
{
	clear:both;
	margin-top:20px;
	float:right;
	bottom:0;
}
#footer_1 p.btn
{
	text-align:right;
	margin-top:5px;
}
#footer_2
{
	float:right;
	bottom: 0;
	width:195px;
	background: #f8a5b5;
	padding:10px;
}
#footer_3
{
	float:right;
	bottom: 0;
	width:195px;
	background: #f15473;
	padding:10px;
}
#footer_5
{
	float:right;
	bottom: 0;
	width:195px;
	background: #ea002c;
	padding:10px;
}
#sticky_right_container
{
	width:135px;
}
#sticky_right {
    position: fixed;
	width: auto;
	height: auto;
	top: 150px;
	right:0px;
	width:25px;
	z-index:1000;
}

#quick_menu
{
	display:block;
	width:100px;
	height:129px;
	float:left;
	padding:0px 5px;
	background-image:url("../images/quick_links_grey.jpg");
	background-repeat: repeat-x;
	/*
	background:#eaeaea;
	*/
}
#quick_menu ul li
{
	padding-top:8px;
	border-bottom:1px solid #666;
}
#quick_menu ul li a
{
	color:#666;
}
#quick_menu ul li.last
{
	border-bottom:0px;
}
#quick_menu ul li div.image
{
	width:25px;
	float:left;
}
#sticky_bottom {
    
    background:#004771;
    width:100%;
    border:2px solid #cdcdcd;
    color:#fff;
    height:20px;
}


.pquote {
			width: 190px;
			background: url("../images/openquote.gif") top left no-repeat;
			color: #ea002c;
			
			line-height: 1.5;
			font-style: italic;
			padding: 0.5em;
			margin: 0;
		}
		
		.pquote p:first-letter {
			font-size: 2em;
			font-weight: bold;
		}


p.quote img
{
	
}
p.quote
{
	color: #ea002c;
	font-weight:bold;
}
        
p.quote.testimonial
{        
	font-style:italic;
	font-size:12pt;
}

#pop_overlay
{
     display: none;
     position: fixed;
     width: 100%;
     height: 100%;
     top: 0px;
     left: 0px;
     background: #000000;
     filter: alpha(opacity=60);
     -moz-opacity: 0.6;
     opacity: 0.6;
     z-index:200;
}

#pop_container
{
     display: none;
     position: fixed;
     width: 100%;
     height: 100%;
     top: 0px;
     left: 0px;
     background: transparent;
    z-index:300;
   
}

#pop_inner
{
	display: block;
	width:317px;
	padding:30px 60px;
    margin: 20px auto 0 auto;
    background:#fff;
    border:5px solid #e9002c;
    height:400px;
    
}
#pop_inner #popup_inner_header, #pop_inner #popup_inner_header_feedback 
{
	display:none;
	clear:both;
	float:left;
	height:200px;
	background:#fff;
}
#pop_inner #popup_inner_header h1, #pop_inner #popup_inner_header_feedback h1
{
	display:inline;
	font-size:12pt;
	color:#ea002c;
}

#pop_inner #popup_inner_header .left, #pop_inner #popup_inner_header_feedback .left
{
   	width:265px;
	float:left;
}
#pop_inner #popup_inner_header .right, #pop_inner #popup_inner_header_feedback .right
{
	width:50px;
	float:right;
}
.quote_georgia
{
	 font-family:Georgia,Times,'Times New Roman',serif;
	 font-size:30px;
	 color:#EBEBEB;
}
table.form td
{
	padding:2px;
}

.contact_us_col
{
	width:350px;
	
	float:left;
	
}
#footer a
{
	color:#fff;
}
a.footer
{
	color:#fff;
}

.blog_entry
{
	width:303px;
	float:left;
	margin-bottom:50px;
	text-align:justify;
	
}
.blog_entry.right
{
	margin-left:94px;
}
a.blog_button
{
	padding:2px 20px;
	color:#fff;
	text-decoration:none;
	
}
.blog_button.comments
{
	background:#000;
}
.blog_button.view_more
{
	background: #ea002c;
	padding:2px 26px 2px 26px;
	
}
.blog_contents
{
	height:105px;
	overflow:hidden;
}

.blog_comment_container
{
	clear:both;
	float:left;
	width:678px;
	padding:10px;
	border:2px solid #ddd;
	margin-bottom:20px;
}

.blog_comment_container .image
{
	width:100px;
	height:100px;
	float:left;
}
.blog_comment
{
	float:left;
	width:568px;
	margin-left:10px;
}
.blog_comment h3
{
	font-weight:normal;
}
#blog_comment_form input[type=text]
{
	margin-bottom:5px;
}
.latest_post_short_description
{
	float:left;
	width:500px;
}
.latest_post_buttons
{
	float:left;
	text-align:right;
	width:200px;
}
h1.older_posts
{
	clear:both;
	float:left;
	padding-top:20px;
	margin-top:20px;
	border-top:1px solid #ddd;
	width:700px;
}
.blog_sml_img
{
	width:303px;
	height:145px;
}

.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #eee; text-decoration: none; cursor: pointer; font-size: 12px; font-family: helvetica, sans-serif; font-weight:bold;}
.btn * { font-style: normal; background-image: url(btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.btnberkeley { background: #f8931d; }
.btn.btnemeryville { background: #00a8e6; }
.btn.btnoakland { background: #339933; }
.btn.btnrichmond { background: #ff0f02; }

.btn:hover { background-color: #f8931d; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(shade.png); background-position: bottom; }

.searchbox { background: #000; background-position: bottom; padding: 20px; border-bottom:1px #eee; }

