/* 	CSS created by Byte Technology
			
		Copyright 2009 Byte Technology  
		
		http://www.byte-technology.com
		
		Byte Technology
		20 Ragsdale Drive, Suite 220
		Monterey, CA  93940
		
		Phone:	831.656.9178
		Fax:	831.855.0291


*/


/* Redefine HTML tags 
--------------------------------------------------------------------------- */

/* Body
------------------------- */

body {
	margin: auto;
	padding: 0;
	font-size: 12px;
	font-family: Arial;
	background: #DFDFDF;
	color: #676767;
}

p {
	line-height: 1.5;
	margin: 0 0 15px 0;
}

/* Links
------------------------- */

a:link,
a:visited {
	color: #0C454F;
	text-decoration: none;
}

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

/* Tables
------------------------- */

td {
	vertical-align: top;
}

td p {
	line-height: normal;
	margin: 0 0 15px 0;
	color: #0C454F;
}

th {
	text-align: left;
}

/* Lists
------------------------- */

ul,
ol {
	margin: 15px 0 18px -20px;
	*margin: 15px 0 18px 20px; /* for IE7 */
}

ul li,
ol li {
	line-height: 1.5;
	margin: 0 0 10px 0;
}

/* Horizontal Rule
------------------------- */

.HorizontalRule {
	height: 1px;
	width: 100%;
	background: #cc0000;

}

/* Image
------------------------- */

img {
	border: none;
	padding: 0;
	margin: 0;
}

/* Image Floats
------------------------- */

.PushLeft {
	float: left;
	margin: 0 10px 10px 0;
}

.PushRight {
	float: right;
	margin: 0 0 10px 10px;
}

.Center {
	text-align:center;
	margin: 0 0 15px 0;

}


/* Container
--------------------------------------------------------------------------- */

.Container {
	margin: 15px auto 5px auto;
	padding: 0;
	background: #DFDFDF;
	border: 1px solid #999999;
	
}

/* Headers
--------------------------------------------------------------------------- */

h1,
h1 a:link,
h1 a:visited,  {
	font-size: 30px;
	font-weight: bold;
	color: #333333;
	margin: 0 0 15px 0;
	text-decoration: none;
}

h1 a:hover  {
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	margin: 0 0 15px 0;
	text-decoration: none;
}

h2,
h2 a:link,
h2 a:visited {
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	margin: 0 0 8px 0;
	text-decoration: none;
}

h2 a:hover  {
	font-size: 16px;
	font-weight: normal;
	color: #333333;
	margin: 0 0 8px 0;
	text-decoration: none;
}

h3,
h3 a:link,
h3 a:visited {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	margin: 0 0 8px 0;
	text-decoration: none;
}

h3 a:hover  {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	margin: 0 0 8px 0;
	text-decoration: none;
}

h4,
h4 a:link,
h4 a:visited {
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	margin: 0 0 8px 0;
	text-decoration: none;
}

h4 a:hover  {
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	margin: 0 0 8px 0;
	text-decoration: none;
}

h5,
h5 a:link,
h5 a:visited {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	margin: 0 0 8px 0;
	text-decoration: none;
}

h5 a:hover  {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	margin: 0 0 8px 0;
	text-decoration: none;
}

h6,
h6 a:link,
h6 a:visited {
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	margin: 0 0 8px 0;
	text-decoration: none;
}

h6 a:hover  {
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	margin: 0 0 8px 0;
	text-decoration: none;
}

/* Hide Content
--------------------------------------------------------------------------- */

.HideMe { /* Paste the "display: none;" in classes that are to be hidden. Used in conjunction with the print style sheet. */
	display: none;
}

/* Classes
--------------------------------------------------------------------------- */

.header {
	background-color: #FFFFFF;
	color: #676767;
	text-transform: uppercase;
	vertical-align: middle;
	
}

.header a:link,
.header a:visited {
	color:#676767;
	text-decoration: none;
}

.header a:hover {
	color:#0C454F;
	text-decoration: none;
}

.logo {
	width: 115px;
	height: 61px;
	float: left;
	padding-left: 5px;
}

.fulllogo {
	width: 115px;
	height: 97px;
	float: left;
	padding-left: 5px;
}

.navigation {
	width: 768px;
	float: right;
	padding: 30px 28px 0 0;
	white-space:nowrap
}

.navigation ul {
	margin: 0 0 0 5px;
	_margin: 0 0 0 35px; /*for IE6 */
	*margin: 0 0 0 35px; /*for IE7 */
}

.navigation li {
	list-style: none;
	display: inline;
	margin: 0 63px 0 0;
}

.footerimagescontainer {
	margin: 5px 5px 5px 5px;
}

.footerimages {
	background-color:#FFFFFF;
	padding: 0;
	text-align: center;
}

.footerimagecenter {
	background-color:#FFFFFF;
	padding: 0 9px 0 9px;
	text-align: center;
	
}

.footerimagecenterleft {
	background-color:#FFFFFF;
	padding: 0 0 0 8px;
	text-align: center;
	
}

.footerimagecenterright {
	background-color:#FFFFFF;
	padding: 0 8px 0 0;
	text-align: center;
	
}

.footer {
	text-align: right;
	padding: 0 15px 10px 0;
	width: 924px;
	margin: 0 auto;
	font-size:9px;
}

.hometext {
	padding: 8px 0 10px 25px;
}

.iframe {
	margin: 0 5px 0 5px;
}

.contact {
	margin: 40px 0 0 0;
}

.philosophytitles {
	padding: 50px 0 0 0;
}

.philosophytitlesright {
	padding: 50px 0 0 0;
	text-align:right;
}

.philosphymaintext {
	padding: 0 70px 0 70px;
}

.projectlist {
	padding: 20px 0 0 0;
}

.design {
	padding: 0 10px 0 10px;
}

.contact {
	padding: 15px 0 0 0;
}

.philosophy {
	text-align:center;
	padding: 0 20px 0 20px;
}

.googlemap {
	padding: 0 0 0 10px;
}