html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
vertical-align: baseline;
}
:focus {
outline: 0;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
body {
color: #6C8087;
background-color: #C8C8B8;
background-image: url(../images/body-bg.gif);
background-repeat: repeat-x;
font-family:  "georgia","Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
font-size: 0.92em;
line-height: 1.6em;

}
strong {
font-weight: bold;
}
a {
color: #323C3F;
text-decoration: none;
border-bottom: 1px dotted;
border-color:inherit;
}
hr {width:90%;margin-left:1%;margin-right:1%; border: none 0;
border-top: 1px dotted #5A737E;
height: 1px;
}
#container {
width: 1149px;
margin-right: auto;
margin-left: auto;
}
#header {
float: left;
height: 192px;
width: 100%;

}
h1#logo a {
background: #63777F url(../images/logo.gif) no-repeat left top;
text-indent: -9999px;
margin: 0 0 0 10px;
float: left;
height: 183px;
width: 234px;
padding: 0;
border: none;
}
#take-me-home {
float: left;
height: 100px;
width: 200px;
margin-top: 10px;
margin-left: -12px;
}

#email-login {
float: right;
margin-top: 6px;
margin-right: 52px;
}
#email-login a {
border: none;
}
#intro-image {
background: url(../images/intro-image.gif) no-repeat left top;
float: left;
height: 314px;
width: 984px;
margin-left: 13px;
}
#main-content {
float: left;
width: 1009px;
margin-top: 16px;
background-color: #FAFAF5;
margin-left: 67px;
}
p {
padding: 1em 2em 0 2em;
font-size: 92%;
}
#main-middle {
float: left;
width: 1009px;
background: #F9F9F2 url(../images/content-middle.gif) repeat-y;
}
#main-top {
background: #F9F9F2 url(../images/content-top.gif) no-repeat;
float: left;
height: 13px;
width: 1009px;
}
#footer {
clear: both;
float: left;
width: 1140px;
min-height: 120px;
margin-left: 3px;
padding-bottom:2em;
}
#footer-top {
background: #83959E url(../images/footer-top.gif) no-repeat left top;
margin: 0px;
float: left;
width: 1140px;
height: 54px;
}
#footer-middle {
float: left;
width: 1140px;
background-image: url(../images/footer-middle.gif);
background-repeat: repeat-y;
}
#footer-bottom {
background: #83959E url(../images/footer-bottom.gif) no-repeat left top;
margin: 0px;
float: left;
width: 1140px;
height: 24px;
}
.footer-section {
padding: 0px;
float: left;
width: 340px;
margin-top: 12px;
border-right: 1px dotted #5A737E;
}
.start {
margin-left: 72px;
}
.end {
border-style: none;
margin-left: 10px;
}
#footer p {
color: #E5E5DB;
padding: 0;
margin-left: 7px;
margin-right:7px;
font-size: 110%;
}
#footer h3 {
text-indent: -9999px;
margin: 0 0 8px 0;
padding: 0;
float:left;
width:100%;
}
#footer a {color: #E5E5DB;border-color:#E5E5DB;}
#intro-text {
background: url(../images/intro-text.jpg) no-repeat;
margin:12px 0 0 4px;
padding: 0px;
height: 32px;
width: 647px;
text-indent: -9999px;
}
#intro-image a {color: #354A54;}
#leading-text {
font-size: 17px;
font-weight: bold;
margin-right: 380px;
margin-left: 14px;
margin-top: 13px;
margin-bottom: 0px;
padding: 0;
color: #354A54;
line-height:26px;
}
#second-intro {
margin: 10px 460px 0 14px;
padding: 0;
font-size:15px;
color: #3F5864;
}
#third-intro {
margin: 10px 520px 0 14px;
padding: 0;
font-size: 15px;
color: #3F5864;
}
.left-column {
float: left;
width: 601px;
margin-left: 14px;
background-color:#E8E8E2;
border-right: 1px dotted;
border-color: #66828E;
min-height:320px;
padding-bottom:0px;

}
.right-column {
float: right;
width: 380px;
margin-right: 12px;
background-color: #E2E6E0;
padding-bottom:0em;
min-height:320px;
}
.right-column a {color: #354A54;}
#inner-bg {width:984px;float:left;margin-left:14px; background: url(../images/inner-bg.jpg) repeat;margin-top:-6px; }
.right-column-inner {
float: right;
width: 340px;
margin-right: 0px;
padding-bottom:1em;
margin-top:6px;
}
.left-column-inner {
float: left;
width: 594px;
margin-right: 50px;
min-height:340px;
padding-bottom:1em;
margin-left:0px;
}
.left-column-inner-contacts {
float: left;
width: 900px;
margin-right: 0px;
min-height:320px;
padding-bottom:1em;
margin-left:0px;
}
.right-column-section {
float:left;
width:379px;
clear:both;
}
.endsection {border-bottom:1px dotted #354A54;}
.right-column-inner-section {
float:left;
width:260px;
margin-left:22px;
margin-top:20px;
clear:both;
}

#callout-print {
float: left;
background: url(../images/print-icon.gif) no-repeat left top;
width: 80px;
height:80px;
margin:1em 1em 5em 1em;
}
.right-column-section p {
margin:12px 12px 12px 6px;
padding: 0;
color: #364B54;
font-size: 102%;
}
#callout-chris {
float: left;
background: url(../images/photo-icon.gif) no-repeat left top;
width: 80px;
height:80px;
margin:1em 1em 2em 1em;
}
#callout-chris p {
margin-bottom: 0px;
padding: 0;
color: #364B54;
font-size: 120%;
}
#contact-details {
background: url(../images/contacts.gif) no-repeat left top;
margin: 0px;
padding: 0px;
float: left;
height: 21px;
width: 300px;
}
#recent-deliveries {
background: url(../images/recent-deliveries.gif) no-repeat left top;
margin: 0px;
padding: 0px;
float: left;
height: 21px;
width: 300px;
}
#home-news {
background: url(../images/news.gif) no-repeat left top;
margin: 0px;
padding: 0px;
float: left;
height: 21px;
width: 300px;
}
.middle {
margin-left: 10px;
}
.left-column-inner p {padding-right:0px;}
.left-column p, .left-column-inner p, .project-description p, .project-description-two p, .left-column-inner-contacts p {
color: #364B54;
font-size: 102%;
line-height:24px;
}


.left-column-inner ul {margin:1em 2em 1em 3.4em;}
.left-column-inner ul li {color:#323C3F;padding:0.2em;}

.right-column-inner ul {margin:20px 0 0 30px;padding:0;width:300px;}
.right-column-inner li {list-style:none;border-bottom:1px solid #e5e5df;background:url(../images/star.gif) no-repeat 0% 51%;padding-left:12px;margin-left:27px;}
.right-column-inner li:hover {list-style:none;border-bottom:1px solid #e5e5df;background:url(../images/star-over.gif) no-repeat 0% 51%;padding-left:12px;margin-left:27px;}
.right-column-inner li.active {list-style:none;border-bottom:1px solid #e5e5df;background:url(../images/star-over.gif) no-repeat 0% 51%;padding-left:12px;margin-left:27px;}
.right-column-inner li a {padding:10px 4px 10px 12px;border-bottom:none;margin:0px;font-size:13px;font-weight:normal;display:block;}
li.menu-end {border-bottom:none;}
.left-column-inner p {margin-right:0px;}

#photoman {text-indent:-9999px;background:url(../images/in-house.gif) no-repeat;width:290px;height:11px;margin-top:18px;margin-left:107px;}
#eco-print {text-indent:-9999px;background:url(../images/eco-printing.gif) no-repeat;width:290px;height:11px;margin-top:18px;margin-left:107px;}
#latest-project {margin-top:14px; margin-left:34px;}
#latest-project a {border:none;}
#related-sections-intro {width:300px;margin-top:4px;height:60px;margin-left:20px;}
.feature {
clear: both;
float: left;
margin-bottom: 6px;
margin-left:24px;
border-bottom: 1px dotted #DAD9D7;
padding-bottom:8px;
}
.topfeature {margin-top:16px;}
.feature img.bottomfeature {margin-bottom:40px;}
.bottomfeature {margin-bottom:0px;border:none;}
.feature img {
float: right;
margin: 12px 20px 0px 30px;
padding:2px;
background-color:#eee;
border:1px solid #ccc;
}
.feature p {margin-top:-10px;padding-left:6px;}
.left-column-inner h4 {font-size: 120%; color:#323C3F;padding-bottom:2px;margin:12px 0 0 6px;font-weight:bold;}
.footer-section ul#middle {margin:0 0 0 8px;padding:0;width:290px;float:left;}
.footer-section ul#middle li {list-style:none;border-bottom:1px dotted #5A737E;background:url(../images/star-hp.gif) no-repeat 0% 48%;padding:12px 0 12px 12px;margin:0;}
.footer-section ul#middle li a {padding:0px 4px 0px 12px;border-bottom:none;margin:0px;display:block;font-size:16px;}
.footer-section ul.news {margin:0 0 0 8px;padding:0;width:290px;float:left;}
.footer-section ul.news li {list-style:none;border-bottom:1px dotted #5A737E;background:url(../images/star-news.gif) no-repeat 0% 48%;padding:12px 0 12px 12px;margin:0;}
.footer-section ul.news li a {padding:0px 4px 0px 12px;border-bottom:none;margin:0px;display:block;font-size:16px;}
#contact {
padding: 0;
width: 400px;
margin-right: 10px;
margin-top: 0px;
float:right;

}
#contact p {
margin-bottom: 14px;
margin-left:0px;
padding-left:0px;
}
span.label, span.spacer, span.multiple span {
width:120px;
float:left;
font-size: 14px;
color:#323C3F
}
span.multiple {
float:left;
}
span.button {
padding-left:0px;
color:#fff;
}
.buttons {background-color:#7e131c;color:#fff;}
div.clear {
clear:both;
padding-top:5px;
}
#contact div {
margin-bottom: 6px;
}
#contact input, #contact textarea {
border: 1px solid #CCCCCC;
padding-top: 4px;
padding-bottom: 4px;

}
.LV_valid {
color:#323C3F;
}

.LV_invalid {
color:#990000;
}

.LV_validation_message{
font-weight:bold;
margin:0 0 0 5px;
}
#contact .LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
border: 1px solid #CC0000;
}
#contact .LV_valid_field,
input.LV_valid_field:hover,
input.LV_valid_field:active,
textarea.LV_valid_field:hover,
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
border: 1px solid #323C3F;
}

.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
border: 1px solid #CC0000;
}
#contacts-text {float:left;width:300px;}
.left-column-inner h1,.left-column-inner-contacts h1 {
font-size: 160%;font-weight:normal;color:#7e131c;padding:13px 0 0px 0px;margin:0.6em 2em 0em 29px;line-height:1.2em;}
.left-column-inner h2, .left-column-inner-contacts h2 {
font-size: 150%; color:#7e131c;padding:2px 0 2px 0px;margin:0.6em 0em 0 25px;font-weight:normal;line-height:1.1em;}
.left-column-inner h3, .project-description h3, .project-description-two h3 {
font-size: 130%; color:#7e131c;padding:2px 0 2px 0px;margin:0.6em 0em 0 28px;font-weight:normal;line-height:1.1em;}

#slider {
height: 600px;
width: 460px;
}
.graphic, #prevBtn, #nextBtn{
margin:0;
padding:0;
display:block;
overflow:hidden;
text-indent:-8000px;
}

/* Easy Slider */

#slider{}
#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}
#slider li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:600px;
height:300px;
overflow:hidden;
}
#prevBtn{
display:block;
width:37px;
height:58px;
position:absolute;
left:-37px;
top:123px;
}

#nextBtn{
display:block;
width:37px;
height:58px;
position:absolute;
left:813px;
top:123px;
}
#prevBtn a, #nextBtn a{
display:block;
width:37px;
height:58px;
background:url(../images/prev-img.png) no-repeat 0 0;
}
#nextBtn a{
background:url(../images/next-img.png) no-repeat 0 0;
}
a.index {border:none;background:url(../images/porto-index.png) no-repeat 0 0;text-indent:-9999px;width:151px;height:27px;position:absolute;left:400px;top:22px;}
a.next {border:none;background:url(../images/next-delivery.png) no-repeat 0 0;text-indent:-9999px;width:124px;height:27px;position:absolute;right:20px;top:22px;}
a.previous {border:none;background:url(../images/prev-delivery.png) no-repeat 0 0;text-indent:-9999px;width:124px;height:27px;position:absolute;left:0;top:22px;}
ul#project {margin:6px 0 6px 0;}
ul#project li {list-style: none;color:#323C3F;}
#project-overview {font-size: 140%; color:#7e131c;padding:2px 0 0px 0px;margin:1.1em 0 0.4em 0;font-weight:normal;line-height:1.1em;}
.add a {border:none;}
#services {padding:12px 0 0px 0;margin:0;line-height:1.5em;}
#website {padding:4px 0 4px 0;margin:0;line-height:1.5em;}
#client-name {padding:20px 0 0 0;margin:0;line-height:0;}
.project-description p, .project-description-two p {padding-left:0;}
#description {font-size: 140%; color:#7e131c;padding:2px 0 0px 0px;margin:0.6em 0em 0 0em;font-weight:normal;line-height:0.8em;}
#want-a-quote {font-size: 140%; color:#7e131c;padding:2px 0 0px 0px;margin:0.8em 0em 0 0em;font-weight:normal;line-height:0.8em;}
.portfolio {float:left;margin-left:18px;width:600px;margin-right:10px;}
#portfolio-container {float:left;width:610px;height:320px;margin-right:0px;background:url(../images/port-container.gif) no-repeat;margin-top:22px;margin-left:-4px;margin-bottom:22px;}
.project-image {float:left;width:600px;height:310px;margin-left:10px;margin-top:10px;}
.project-description {float:left;}
blockquote.style1 {
margin-top: 18px;
margin-bottom: 18px;
margin-left: 40px;
padding-left: 15px;
margin-right:50px;
border-left: 3px solid #7e131c;
color:#323C3F;
font-weight:bold;
}
blockquote.style2 {
margin-top: 18px;
margin-bottom: 18px;
margin-left: 0px;
padding-left: 15px;
margin-right:50px;
border-left: 1px dotted #7e131c;
color:#323C3F;
font-weight:normal;
}
.twitter {border-bottom:none;}
.project-description ul {margin:8px 0 8px 8px;}
.project-description ul li {list-style;padding-left:12px;margin-left:12px;color:#323C3F;padding-bottom:4px;}