/* CSS Document */

/* Reset */
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,   
li, dl, dt, dd, form, a, fieldset, input, th, td {margin: 0; padding: 0; border: 0; outline: none;}
html {height: 100%;}
body {height: 100%; color: #000;}
ul, ol {list-style: none;}  
a, a:visited {color: #343432; text-decoration: underline;}
a:hover {background: #FCEE05; color: #000; text-decoration: none;}  

/* Content */
body {background: #FFF; color: #343432; font-family: lucida grande, "Lucida Grande", sans-serif; font-size:13px;}
#stick {min-height: 100%; margin:0; padding:0;}
* html #stick {height: 100%;}
#wrap-hdr {background: #FFF url(../media/images/layout/bg_hdr.jpg) repeat-x center top;}
#wrap-content {position: relative; padding: 0 0 140px 0;}
#content {min-height:300px; height:auto !important; height:300px;}
#wrap-ftr {margin-top:-120px; height:120px; clear: both; position: relative;}

h1 {font-size: 30px; font-weight: bold; margin: 0 0 0.5em 0;/* font-family: Georgia,"Times New Roman",Times,serif;*/}
h2 {font-size: 24px; font-weight: normal; margin: 0 0 5px 0; font-family: Georgia,"Times New Roman",Times,serif; line-height: 30px;}
h3 {font-size: 16px; font-weight: bold; margin: 0 0 0.5em 0;}

.onethird h2 {font-family: lucida grande, "Lucida Grande", sans-serif; font-size: 18px;}

.page-title {font-size: 24px; padding-bottom: 5px; border-bottom: 1px solid #d6d6d6; margin-bottom: 15px; color: #30292b;}

#header {position: relative;}
#header-thumb {display: inline; float: right; padding-right: 12px;}
#nav-main {position:absolute; top: 20px; left: 510px;}
#nav-main li {display: inline;}
#nav-main li a {font-size: 15px; text-transform: lowercase; color: #000; float: left; display: block; padding: 5px 8px; text-decoration: none; border: 1px solid #FFF;}
#nav-main li a:hover {background: #FCEE05; color: #000; text-decoration: none; border: 1px solid #DCD103;}
#logo {float: left; margin: 0 30px 0 0;}

.nav-sub {margin: 5px 20px 20px 0;}
.nav-sub li {margin: 0 0 10px 0;}
.nav-sub li a {font-size: 15px; line-height: 22px; display: block; padding: 5px; color: #666666; border: 1px solid #FFF; text-decoration: none;}
.nav-sub li a:hover {background: #FCEE05; border: 1px solid #DCD103; color: #000; text-decoration: none;}
#content p, .content-list, .message p, .success p, .warning p, .error-msg p, .validation p, .box ul {margin: 0 0 1em 0; line-height: 1.5em;}
.content-list {padding: 0 0 0 18px;}
.content-list li {margin: 0 0 10px 0; padding: 0; list-style-image: url(../media/images/layout/blt_star.png); list-style-position: outside;}
.content-list li img {margin: 0 5px 0 0;}
.content-list li a {line-height: 1.5em;}
.content-list li a:hover {}
.content-list li h3 {font-family: lucida grande, "Lucida Grande", sans-serif; font-size:13px; font-weight: normal; margin: 0;}
.content-block {margin: 0 30px 1.5em 0;}
.content-block h2 {font-size: 20px; line-height: 1.5em; font-weight: normal; margin: 0 0 0.25em; color: #60676F;}
.project-title {color: #000; font-weight: normal; margin: 10px 0 5px 5px;}
.portfolio-update img {padding: 5px; border: 1px solid #CCC; float: left; margin: 0 10px 10px 0;}
.portfolio-list {margin: 0 10px 0 0;}
.portfolio-list li {margin: 0 0 5px 20px; padding: 0 0 0 10px; list-style: url(../media/images/layout/favicon.png) outside; line-height: 1.5em;}

.service-summary {width: 45%; position: relative; float: left; margin: 10px 20px 0 0; display: inline;}
.service-summary h3, .service-summary h3 a {font-size: 14px; font-weight: normal; color: #60676F; text-decoration: underline; display: block; margin: 0; padding: 3px 0; text-transform: capitalize;}
.service-summary h3 img {margin: 0 5px 0 0;}
.service-summary p {margin-bottom: 5px;}

.testimonial {margin-bottom: 15px; padding: 0 30px 0 0;}
.testimonial p {font-size: 12px; /*background: url(../media/images/quote_1.png) no-repeat top left;*/}
.testimonial p span {display: block; margin-bottom: 5px;}

#portfolio {}
.portfolio-box {width: 200px; border: 1px solid #ccc; position: relative; float: left; height: 190px; padding: 10px; margin: 0 7px 7px 0;}
.portfolio-box a:hover {background: #fff;}
.portfolio-box img {margin-bottom: 4px; border: none;}
.portfolio-box div {margin-top: -6px; color: #666666; padding-left: 3px;}
.portfolio-box h3 a, .portfolio-box h3 a:visited {color: #454545; margin: 0; text-decoration: none; display: block; font-weight: bold; padding: 3px 0 0 3px; font-size: 12px;}
.portfolio-box h3 a:hover {text-decoration: underline; color: #000;}

#portfolio-img {margin: 0 0 20px 0; float: left; width: 462px;}
#portfolio-img ul {float: left; margin: 10px;}
#portfolio-img ul li {margin: 0 20px 10px 0; float: left; display: inline;}
#portfolio-img ul li a {display: block; width: 75px; padding: 5px; border: 1px solid #CCC; background: #FFF;}
#portfolio-text {float: right; width: 480px; position: relative; padding-bottom: 30px;}
#project-return {position: absolute; bottom: 0; left: 25px;}
#project-return a, #project-return a:visited {display: block; padding: 5px; color: #000; text-decoration: underline;}
#project-return a:hover {background: #FCEE05; color: #000; text-decoration: none;}
.project-subhdr {font-family: 'Tahoma', 'Arial', sans-serif; font-size: 16px; color: #666666; margin: 0 0 5px 0; line-height: 24px;}

#map {width: 680px; height: 400px; border: 5px solid #CCC; text-align: center;}
#map-mini {width: 330px; height: 350px; margin: 0;}
#map-mini-box {float: left; border: 1px solid #CCC; padding: 7px; margin: 0 0 10px 0;}

#footer {text-align: center; height: 120px; position: relative;}
#footer  h2 {font-size: 13px; font-family: lucida grande,"Lucida Grande",sans-serif;}
#valid {position: absolute; right: 10px; bottom: 10px;}
#nav-footer {padding: 0;}
#nav-footer li {display: inline; margin: 0 10px;}
#nav-footer li a {color: #333; font-size: 12px;}
#nav-footer li a:hover {color: #000; text-decoration: none;}
#footer-text {margin: 15px; font-size: 12px; color: #555;}
#copyright {position: absolute; width: 960px; bottom: 10px; left: 0; font-size: 12px; text-align: center; color: #666;}

.sitemap {margin: 10px;}
.sitemap li a {display: block; padding: 5px; margin: 0 0 5px 0; color: #222; border: 1px solid #FFF; font-size: 14px;}
.sitemap li a:hover {background: #FCEE05; border: 1px solid #DCD103; color: #000; text-decoration: none;}
.sitemap .sitemap li a {display: block; padding: 5px 5px 5px 20px; margin: 0 0 5px 0; color: #222; border: 1px solid #FFF; font-size: 14px; background: url(../media/images/layout/favicon.png) no-repeat left center; text-decoration: none;}
.sitemap .sitemap li a:hover {text-decoration: underline;}

#rssdata ul.rss-items
		{
			display: none;
			padding: 5px 0; width: 260px;
		}
		#rssdata ul.rss-items li
		{
			display: block;
			margin: 0 0 5px 0; line-height: 1.5em;
		}
		#rssdata ul.rss-items a
		{
			display: block;
			padding: 4px 5px;
			text-decoration: none;
			border-bottom: 1px dotted #ccc;
		}
		#rssdata ul.rss-items a:hover
		{
			color: #000;
			text-decoration: none;
		}
		
/* Common Classes */
.wrap {width: 960px; margin: 0 auto;}
.clear {clear: both;}
.float-left {float: left;}
.float-right {float: right;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.onehalf {width: 48%;}
.onethird {width: 31%;}
.twothirds {width: 62%;}
.onequarter {width: 23%;}
.threequarters {width: 72%;}
address {line-height: 1.5em; margin: 0 0 10px 0;}
.img-border {border: 1px solid #CCC; padding: 5px; background: #FFF; margin: 0 20px 20px 0;}
.img-left {float: left; margin: 10px 20px 10px 0;}
.pad {padding: 0 5px;}
.box {background: #fcf7ab; border: 1px solid #fdf462; padding: 15px; font-size: 12px;}
.box ul {list-style: disc; margin-left: 15px;}
.box ul li {}
.note {font-size: 12px;}
.italic {font-style: italic}
.underline {text-decoration: underline;}
.bold {font-weight: bold;}
.message, .success, .warning, .error-msg, .validation {border: 1px solid; margin: 10px 0px; padding:10px 10px 10px 36px; background-repeat: no-repeat; background-position: 10px 19px; line-height: 1.5em;}
.message {color: #00529B; background-color: #BDE5F8; background-image: url('../media/images/layout/information.png');}
.success {color: #4F8A10; background-color: #DFF2BF; background-image:url('../media/images/layout/accept.png');}
.warning {color: #9F6000; background-color: #FEEFB3; background-image: url('../media/images/layout/error.png');}
.error-msg {color: #D8000C; background-color: #FFBABA; background-image: url('../media/images/layout/exclamation.png');}
.yellow a, .yellow a:visited {color: #000; text-decoration: none;}
.yellow a:hover {background: #FCEE05; color: #000; text-decoration: none;}
.faviconize {width:16px; height:16px; vertical-align:middle; border:0;}

/*Form styles*/
.form-container {margin: 10px 0; padding: 0px;}
.form-container form fieldset {margin: 10px; padding: 10px; border: 1px solid #ececec;}
.form-container form legend {font-family: 'Tahoma', 'Arial', sans-serif; font-size: 16px; color: #666666; line-height: 24px; font-weight: bold; text-transform: capitalize; padding: 5px; border: 1px solid #FFF; background: #FFF;}
.form-container form fieldset div, .form-row {padding: 3px 5px; margin-bottom: 5px; clear: both;}
.form-container form label {font-size: 14px; line-height: 19px; margin-right: 5px; padding-right: 5px; width: 115px; display: block; float: left; text-align: right; position: relative; margin-top: 2px; clear: both;}
.form-container form label span {color: #990000; font-weight: bold;}
.form-container input, .form-container textarea, .form-container select {font-size: 12px; padding: 3px; background: #FFF; border: 1px solid #B0ADAA;}
.form-container input[type="text"] {background: #FFF;}
div.form-container label.error, div.form-container span.error {color: #C00; font-size: 12px; margin-left: 125px;}
div.form-container input.error {border-color: #C00; background-color: #FEF;}
.form-container input:focus, .form-container input.error:focus, .form-container textarea:focus {font-size: 12px; padding: 3px; background: #FFF; border: 1px solid #9B9793;}

#labform {width: 90%; margin: 20px auto;}
#labform form fieldset, #feedbackform form fieldset {background: #222; border: 1px solid #000; color: #FFF; padding: 10px 20px 40px 20px;}
#labform form fieldset legend, #feedbackform form fieldset legend {background: #FCEE05; color: #000; border: 1px solid #DCD103;}
#labform form fieldset div, #feedbackform form fieldset div {margin: 0 0 1em 0;}

/* Buttons */
.buttons a, .buttons button {display:block; float:left; margin:0 0 7px 0; background-color:#f5f5f5; border-top:1px solid #dedede; border-left:1px solid #dedede; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:12px; line-height:19px; text-decoration:none; font-weight:bold; color:#0E3F43; cursor:pointer; padding:5px 10px 6px 7px; border-right: 1px solid #C3C3C3; border-bottom: 1px solid #C3C3C3;}
.buttons-r button {display:block; float:right; margin:0 0 7px 0; background-color:#f5f5f5; border-top:1px solid #dedede; border-left:1px solid #dedede; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:12px; line-height:19px; text-decoration:none; font-weight:bold; color:#0E3F43; cursor:pointer; padding:5px 10px 6px 7px; border-right: 1px solid #C3C3C3; border-bottom: 1px solid #C3C3C3;}
.buttons button {width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */}
.buttons button[type] {padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */}
*:first-child+html button[type] {padding:4px 10px 3px 7px; /* IE7 */}
.buttons button img, .buttons a img {margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px;}

.buttons button:hover, .buttons a:hover {background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699;}
.buttons a:active {background-color:#6299c5; border:1px solid #6299c5; color:#fff;}

button.positive, .buttons a.positive {color:#0E3F43;}
.buttons a.positive:hover, button.positive:hover {border:1px solid #DCD689; color:#134C55; background: #F0EECE;}
.buttons a.positive:active {background-color:#529214; border:1px solid #529214; color:#fff;}

.buttons a.negative, button.negative {color:#d12f19;}
.buttons a.negative:hover, button.negative:hover {background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19;}
.buttons a.negative:active {background-color:#d12f19; border:1px solid #d12f19; color:#fff;}