@charset "UTF-8";
/* CSS Document */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,caption,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol,li,.AccordionPanelTab { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* BASE STYLES */
body {
	color: #006666;
	font: small "Lucida Grande", Arial, Verdana, sans-serif;
	background: #E8E8E8 url(../_images/body_bg.gif) no-repeat center;
}
* html body {
	font-size: x-small; /* for IE5/Win */	
	f\ont-size: small; /* for other IE versions */	
}
.wrap {
	font-size: 100%; /*adjust overall text size*/
	width: 88%;
	margin-right: auto;
	margin-left: auto;
	min-width: 850px;
	max-width: 1100px;
}
a { color: #033; text-decoration: none;  }
a:link, a:visited, a:active { text-decoration: none; }
a:hover {  }
strong, b { font-weight: bold; }
em, i {
	font-style: italic;
}
p {
	margin-bottom: 12px;
}
p a , blockquote a{
	border-bottom: 1px dotted #a4a7ac; 
	padding-bottom: 1px;
}
p a:hover, blockquote a:hover {
	border-bottom: 1px solid #a4a7ac;
}
h1, h2, h3, h4, h5, h6 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #033; 
}
h1 {
	font-size: 130%;
	color: #99cccc;
	margin-left: 30px;
	padding-top: 1.8em;
	padding-bottom: 1.8em;
	margin-right: 30px;
}
h2 {
	font-size: 240%;
	margin-bottom: 12px;
}
h3 {
	font-size: 130%;
	color: #FFF;
}
h4 {
	font-size: 160%;
	line-height: 1.5em;
}
h5 {
	font-size: 130%;
	color: #99cccc;
}

blockquote {
	color: #033;
	background: #f9f3e0 url(../_images/quote_arrow.gif) no-repeat 10px 10px;
	padding: 10px 25px 15px 50px;
	margin-bottom: 10px;
	font-size: 120%;
	line-height: 1.5em;
	margin-top: 15px;
}
blockquote strong {
	color: #C90;
}

/* HEADER */
#header {
	background: #004f4f;
	color: #8d8d8e;
	overflow: hidden;
}

#header ul li{
	margin-left: 0.3em;
	display: inline;
}
.head-menu {
	float: right;
}
.head-menu a {
	color: #a4a7ac;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-left: 0.3em;
}
.head-menu a:hover {
}
.style01 {
}
.style02 {
	font-size: 120%;
}
.style03 {
	font-size: 140%;
}
/* CONTENT */
#content {
	background: #FFFFFF;
}
#content  a {
}
#content a:hover {
}
#main-content {
}
#main-content p {
	font-size: 120%;
	line-height: 1.5em;
}
#main-content p.intro {
	font: 160%/1.5em Georgia, "Times New Roman", Times, serif;
}
#main-content em {
	font: 110% Georgia, "Times New Roman", Times, serif;
	color: #C90;
	margin-bottom: 12px;
}
#main-content .intro strong {
	color: #033;
	font-weight: normal;
}
#main-content blockquote {
}
.content-normal {
	padding: 26px 30px;
	overflow: hidden;
}
#sidebar {
	background: #f3f3f3;
	float: right;
	overflow: hidden;
	clear: right;
}
#home #sidebar {
	background: #FFF;
}
.sidebar-header h3{
	border-bottom: solid 2px #fff;
	background: #99cccc url(../_images/sidebar-header.gif) no-repeat -1500px bottom;
	padding: 7px 10px 7px 32px;
}
.sidebar-title h3{
	border-bottom: solid 2px #fff;
	background: #99cccc url(../_images/rightBarHeader.gif) no-repeat -550px bottom;
	padding: 7px 12px;
}

#sidebar ul li {
	border-bottom: solid 2px #fff;
	background: #f3f3f3 url(../_images/list-tick.gif) no-repeat 8px center;
	overflow: hidden;
	font-size: 110%;
	line-height: 1.2em;
	padding-left: 30px;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}
#sidebar.s-journal ul li {
	background: url(none);
	padding-left: 10px;
}
#sidebar p {
}
.c-journal, .c-about {
	padding-right: 295px;
}
.c-services {
	padding-right: 325px;
}
.c-contact, .c-home {
	padding-right: 405px;
}
.c-projects, c-sitemap {
}
.c-sitemap ul {
	line-height: 2em;
}
.c-sitemap ul li {
	padding-left: 1em;
	font-size: 16px;
}
.s-about, .s-journal {
	width: 270px;
}
.s-services {
	width: 300px;
}
.s-journal {
}
.s-projects {
	visibility: hidden;

}
.s-contact, .s-home {
	width: 380px;
}

/* FOOTER */
#footer {
	background: #006666 url(../_images/249-design-logo.gif) no-repeat right top;
	color: #99cccc;
	overflow: hidden;
	padding: 28px 30px 30px;
}
#footer p {
	line-height: 1.8em;
	clear: left;
	margin-bottom: 0px;
}
#footer a {
	color: #99cccc;
	border-bottom: 1px dotted #a4a7ac;
	padding-bottom: 2px;
}
#footer a:hover {
	color: #fff;
	border-bottom: 1px solid #a4a7ac;
}
#footer a.link {
	color: #fff;
	border-bottom: 1px dotted #a4a7ac;
	padding-bottom: 2px;
}
#footer h5 {
	color: #99cccc;
}
#footer ul {
	margin-left: 6px;
	margin-right: 6px;
}
.footer-links {
	padding-right: 140px;
}

/* HERO IMAGES */
.home-image {
	background: #002525 url(../_images/249-portfolio-wall-01.jpg) no-repeat center bottom;
	height: 220px;
}
.services-image, .journal-image, .projects-image, .about-image, .contact-image {
	background: #002525 url(../_images/249-portfolio-wall-02.jpg) no-repeat center top;
	height: 100px;
}

/* NAVIGATION */
#nav {
	position: relative;
	height: 100%;
}
#nav ul {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#nav  li {
	display: inline;
}
#nav li a {
	text-transform: uppercase;
	background: #cc9900 url(../_images/menu_bg.gif) repeat-x left bottom;
	margin-left: 8px;
	color: #FFFFFF;
	display: block;
	float: left;
	padding: .5em 1em;
	letter-spacing: 1px;
	font: bold 95% Verdana, Arial, sans-serif;
}
#nav  li  a:hover {
	background: #cc9900 url(../_images/menu_bg.gif) no-repeat center bottom;
}
body#home #t-home  a, body#services #t-services  a, body#journal #t-journal  a, body#projects #t-projects  a, body#about #t-about  a, body#contact #t-contact  a {
	background: #ffffff url(../_images/menu_bg.gif) no-repeat right bottom;
	color: #cc9900;
	cursor: default;
}

/* FORMS */
.form {
	margin-right: 20px;
	margin-top: 16px;
}
.form-head {
}
.contact-form input, .contactForm textarea {
}
.input-text  {
	margin-bottom: 10px;
	border: 1px solid #e6cc80;
	color: #006666;
	display: block;
	padding: 6px;
	width: 100%;
	line-height: 1.2em;
	font-size: 105%;
}
.form-buttons {
}
.form-buttons input {
	margin-right: 8px;
	padding: 8px 10px;
}

/* ITEMS */
.slideshow-holder {
	background: #e9e9e9;
	margin-top: 16px;
	width: 720px;
	overflow: hidden;
}
.slideshow-info {
	width: 220px;
}
.slideshow-info p {
	margin-left: 10px;
	margin-top: 10px;
	padding-left: 4px;
}
.label {
	display: block;
	font-weight: bold;
	background: #f6f6f6;
}
.slideshow-info p .label {
	padding: 4px;
	margin-bottom: 4px;
	margin-left: -4px;
}
.slideshow {
	float: right;
	margin: 10px 10px 10px 0px;
}
#map   {
	text-align: right;
	padding: 10px;
}
#map .frame {
}
.journal-entry {
	margin-bottom: 25px;
	background: url(../_images/journal-entry-bg.gif) repeat-x;
}
.journal-number {
	color: #C90;
	float: left;
	font-size: 150%;
	background: #fff;
	padding: 10px;
	margin: 10px;
	border-right: 1px solid #f0e2b9;
	border-bottom: 1px solid #f0e2b9;
}
.journal-number-sidebar {
	float: right;
	background: #fff;
	margin-right: 10px;
	margin-left: 5px;
	line-height: 1em;
	padding: 0.25em;
	font-size: 85%;
}
.journal-entry p, .journal-entry h2, .journal-entry h4 {
	padding-right: 40px;
	padding-left: 70px;
}
.journal-entry blockquote {
	margin-left: 70px;
	margin-right: 20px;
}
.journal-entry h2 {
	padding-top: 0.4em;
}
.journal-entry p img {
	background: #FFF;
	border: 1px solid #f0e2b9;
	padding: 4px;
	margin-right: 8px;
	margin-bottom: 4px;
	margin-top: 4px;
}
a.para-image, a.para-image:hover {
	border-style: none;
}
.project-entry {
	margin-bottom: 25px;
	margin-left: 20px;
}
.project-entry p {
	width: 718px;
}
.project-entry ul {
	display: block;
	background: #f3f3f3;
	padding: 0.5em;
	list-style: square;
	margin-bottom: 10px;
	margin-left: -20px;
}
.project-entry ul li {
	display: inline;
	margin-right: 20px;
}

.note {
	font-size: 90%;
	margin-top: 5px;
	color: #033;
}
a.body-button {
	background: url(../_images/button-arrow-orange.gif) no-repeat left center;
	color: #c90;
	display: block;
	padding-left: 24px;
	font-size: 110%;
	border-style: none;
	font-weight: bold;
	line-height: 1.8em;
}
a.body-button:hover {
	background: url(../_images/button-arrow-grey.gif) no-repeat left center;
	color: #033;
	border-style: none;
}
.design-studio-header {
	background: #003b3b;
	padding: 0.5em 0.75em 0.6em;
	margin-right: 0.3em;
}
.design-studio-footer {
	background: #0D4F4F;
	padding: 0.5em 0.75em 0.6em;
	float: left;
	margin-bottom: 0.3em;
}
.highlight {
	background: #F9F3E0;
}
.xmas {
	color: #af1e21;
}
/* HACKS */
.clearfix {
	clear: both;
	height: 1px;
}
.addthis_button {
	float: right;
	clear: right;
	margin-top: 6px;
	margin-right: 6px;
}