/* This is where the main design's CSS code should be placed */

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a {
	color: #4563C6;
}

body {
	margin: 0;
	padding: 0;
	width: 770px;
	background: url(/images/application/background-gradient.gif) repeat-x #E78200;
}

h1 {
	color: #003671;
	font-size: 25px;
	font-weight: bold;
}

p, li, strong, em, h2, label {
	color: #858585;
}

label {
	width: 80px;
	display: block;
}

h2 {
	font-weight: normal;	
	font-size: 18px;
}

p, li, strong, em, input, textarea, select, label {
	font-size: 12px;
	line-height: 18px;
}

hr {
	background: url(/images/application/emergency-tape.gif);
	height: 7px;
	border: 0;
	margin-bottom: 10px;
}

.indented {
	margin-left: 20px;
}

.round {
	background: url(/images/application/left-half-circle.gif) no-repeat #E78200;
	padding: 4px 0 3px 10px;
	color: white;
	font-weight: bold;
	margin-left: -10px;
}

.round_end {
	background: url(/images/application/right-half-circle.gif) right no-repeat #E78200;
	padding: 4px 0 3px 6px;
}

#header {
	position: relative;
}

#header h1 {
	margin: 0;
}

#header h1 a {
	margin: 0;
	position: absolute;
	left: 684px;
	top: 70px;
	display: block;
	width: 171px;
	height: 40px;
	text-indent: -1000em;
	background: url(/images/application/barbra_bright.gif) no-repeat;
}

#header ul {
	margin: 0 -3px 0 0;
	padding: 0 3px 0 0;
	display: block;
	background: 240px 0px url(/images/application/menu/background.gif) no-repeat;
}

#header li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}

#header li a {
	display: block;
	height: 50px;
	text-indent: -1000em;
}

#home {
	background: 0px 0px url(/images/application/menu/home.gif);
	width: 59px;
}

a:hover#home, a.on#home {
	background: 0px 50px url(/images/application/menu/home.gif);
	width: 59px;
}

#about_barbra {
	background: 0px 0px url(/images/application/menu/about_barbra.gif);
	width: 103px;
}

a:hover#about_barbra, a.on#about_barbra {
	background: 0px 50px url(/images/application/menu/about_barbra.gif);
	width: 103px;
}

#ideas_to_reality {
	background: 0px 0px url(/images/application/menu/ideas_to_reality.gif);
	width: 110px;
}

a:hover#ideas_to_reality, a.on#ideas_to_reality {
	background: 0px 50px url(/images/application/menu/ideas_to_reality.gif);
	width: 110px;
}

#green_kitchens {
	background: 0px 0px url(/images/application/menu/green_kitchens.gif);
	width: 112px;
}

a:hover#green_kitchens, a.on#green_kitchens {
	background: 0px 50px url(/images/application/menu/green_kitchens.gif);
	width: 112px;
}

#portfolio {
	background: 0px 0px url(/images/application/menu/portfolio.gif);
	width: 71px;
}

a:hover#portfolio, a.on#portfolio {
	background: 0px 50px url(/images/application/menu/portfolio.gif);
	width: 71px;
}

#contact {
	background: 0px 0px url(/images/application/menu/contact.gif);
	width: 69px;
}

a:hover#contact, a.on#contact {
	background: 0px 50px url(/images/application/menu/contact.gif);
	width: 69px;
}

#body {
	padding: 25px;
	background: white;
}

input, textarea {
	border: 1px solid #3779B0;
}

#content {
	float: left;
	width: 430px;
}

#side_content {
	float: right;
	width: 250px;
	margin-top: 52px;
}

#side_content ol li {
	/* background: url(/images/application/orange-circle.gif); */
	margin: 0;
	padding: 0;
}

#side_content ol {
	padding: 0;
}

#portfolio_entry_thumbnails {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	width: 100px;
	float: left;
	margin: 0 15px;
}


#portfolio_entry_thumbnails img {
	border: 0;
}

#portfolio_entry_list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	width: 171px;
	float: left;
}

#portfolio_entry_list li a {
	display: block;
	padding: 3px;
	color: #6C8BAD;
	text-decoration: none;
	margin-bottom: 1px;
}

#portfolio_entry_list li a:hover, #portfolio_entry_list li a.on {
	background: #003671;
	color: white;
}

#portfolio_entry_detail_image {
	float: left;
	width: 363px;
}

#footer {
	background: #E78200;
}

#footer * {
	color: white;
	text-align: right;
	font-size: 10px;
}

/* Hacks */
:focus {
  -moz-outline-style: none;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */