html * {
margin: 0;
padding: 0;
}
body {
font: 71%/160% "Lucida Grande","Lucida Sans Unicode", Trebuchet MS, Verdana, Tahoma, sans-serif;
background: url(/img/bg.jpg) 50% 0% repeat-y;
margin: 0 0 20px 0;
color: #2e281d;
}
/* Generic/Global styles
----------------------------- */
img { border: none; }
img.pngfix { behavior: url(/css/pngHack.htc); }
a, a:visited {
font-weight: bold;
color: #f26a21;
text-decoration: none;
}
a:hover { color: #4fc6df; }
a.more {
background: url(/img/arrow_r_orn.gif) right 5px no-repeat;
padding: 0 8px 0 0;
margin: 0 4px 0 0;
}
a.more:hover { background: url(/img/arrow_r_blu.gif) right 5px no-repeat }
p { padding: 0 0 10px 0; }
h3 {
color: #f26a21;
font-size: 1.2em;
}
blockquote {
float: right;
background: #eae9e8;
border-left: solid 3px #9b9690;
padding: 12px;
width: 150px;
font-size: 1.4em;
margin: 0 12px 12px 12px;
font-style: italic;
line-height: 1.3em;
}
/* Header
-------------------- */
#header {
width: 940px;
margin: 0 auto;
height: 29px;
padding: 0 0 0 0;
border-top: 10px solid #F36A21;
}
#header h1 {
margin: 0 auto;
width: 886px;
border-top: solid 1px #6d6961;
padding: 12px 0 0 0;
background: #ffffff url(/img/preview1.png) no-repeat;
height:39px;
}
#header h1 a {
height: 27px;
background: url(/img/header_logo.gif) no-repeat;
text-decoration: none;
text-indent: -999em;
display: block;
}
/* Container
-------------------- */
#container {
width: 886px;
margin: 0 auto;
background: #fff;
}
/* Col1
-------------------- */
#col1 {
width: 668px;
float: left;
padding: 12px 0px 12px 12px;
/* Margin for IE6 */
margin: 0 -3px 0 0;
}
#intcol1 {
width: 656px;
float: left;
padding: 18px 0px 12px 18px;
/* Margin for IE6 */
margin: 0 -3px 0 0;
}
/* FF, IE7, Safari, etc... */
html>body #col1 { margin: 0; }
html>body #intcol1 { margin: 0; }
#col1-subcol1 {
/*width: 421px;*/
float: left;
/* Margin for IE6 */
margin: 0 -3px 0 0;
}
/* FF, IE7, Safari, etc... */
html>body #col1-subcol1 { margin: 0; }
#home-feature {
background: #2e281d;
color: #fff;
}
#home-feature p { padding: 0; }
#home-feature h2#feature-header {
background: url(/img/home_featuredwork_header.gif) no-repeat;
height: 29px;
text-indent: -999em;
}
#home-feature h3#feature-title {
font-size: 1.4em;
padding: 4px 12px 4px 14px;
color: #fff;
}
#home-feature div#feature-text {
padding: 0px 12px 12px 14px;
}
#home-feature div#feature-text a.more { margin: 0 0 0 6px; }
#home-blog { padding: 20px 0 0 0; }
#home-blog h4#blog-header {
background: url(/img/p3_blog_header.gif) no-repeat;
height: 19px;
text-indent: -999em;
}
#home-blog ul {
list-style: none;
padding: 8px 0 0 0;
}
#home-blog ul li {
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: solid 1px #eae9e8;
}
#home-blog ul li.last { border: none; }
#home-blog ul li h5 {
padding: 0 0 4px 0;
font-size: 1.3em;
}
#home-blog ul li h5 a { color: #2e281d; }
#home-blog ul li h5 a:hover { color: #504737; }
#home-blog ul li p { padding: 0; }
#home-blog ul li p.meta {
font-size: .8em;
color: #504737;
}
#home-blog ul li p.meta span.category { color: #4fc6df; }
/* #home-blog ul li p.meta span.category a:hover { color: #f26a21; } */
#home-blog ul li a.more { margin: 0 0 0 6px; }
#col1-subcol2 {
width: 230px;
margin: 0 0 0 418px;
padding: 0 0 0 17px;
}
/* FF, IE7, Safari, etc... */
html>body #col1-subcol2 { margin: 0 0 0 421px; }
#home-recentwork {
padding: 11px 0 12px 0;
}
#home-recentwork p.recentwork-more {
float: right;
line-height: 1em;
font-size: .9em;
}
#home-recentwork h2#recentwork-header {
background: url(/img/home_recentwork_header.gif) no-repeat;
height: 12px;
width: 89px;
text-indent: -999em;
}
#home-recentwork ul { list-style: none; }
#home-recentwork ul li h3 {
font-size: 1em;
}
#home-recentwork ul li h3 a {
display: block;
color: #2e281d;
padding: 8px 0 2px 0;
}
#home-testimonial h3#testimonial-header {
border-top: solid 2px #eae9e8;
padding: 7px 0 10px 0;
background: url(/img/home_testimonial_header.gif) 0px 7px no-repeat;
height: 12px;
text-indent: -999em;
}
#breadcrumb {
border-bottom: solid 1px #eae9e8;
}
#breadcrumb ul {
list-style: none;
padding: 0 0 8px 0;
}
#breadcrumb ul li {
display: inline;
font-size: .9em;
}
#breadcrumb ul li a {
color: #2e281d;
background: url(/img/arrow_r_orn.gif) 100% 50% no-repeat;
padding: 0 10px 0 0;
margin: 0 4px 0 0;
}
#breadcrumb ul li a.active {
font-weight: normal;
background: none;
}
/* h2.contenttitle {
height: 22px;
text-indent: -999em;
padding: 13px 0 13px 0;
margin: 0 0 13px 0;
border-bottom: solid 2px #eae9e8;
}
h2#services-title { background: url(/public/img/services_title.gif) 0 13px no-repeat; }
h2#products-title { background: url(/public/img/products_title.gif) 0 13px no-repeat; }
h2#support-title { background: url(/public/img/support_title.gif) 0 13px no-repeat; }
h2#blog-title { background: url(/public/img/blog_title.gif) 0 13px no-repeat; }
h2#about-title { background: url(/public/img/about_title.gif) 0 13px no-repeat; }
h2#work-title {
background: url(/public/img/work_title.gif) 0 13px no-repeat;
border: none;
margin: 0;
}
*/
h2.contenttitle {
color: #5fc0de;
font-size: 2.5em;
padding: 13px 0 13px 0;
border-bottom: solid 2px #eae9e8;
margin: 0 0 13px 0;
font-weight: normal;
}
h2#work-title { border: none; }
ul#worklist, ul#worklist li ul { list-style: none; }
ul#worklist li {
width: 328px;
float: left;
}
ul#worklist li ul li {
width: 306px;
height: 160px;
}
ul#worklist li ul li h3 {
border-top: solid 2px #eae9e8;
padding: 12px 0 6px 0;
color: #2e281d;
font-size: 1.2em;
}
ul#worklist li ul li img {
float: left;
margin: 0 10px 0 0;
border: solid 1px #afa89a;
padding: 3px;
}
ul#worklist li ul li p.links {
border-top: dotted 2px #eae9e8;
padding: 3px 0 0 0;
margin: 3px 0 0 118px;
}
ul#worklist li ul li p.links a.more {
background: url(/img/readmore_icon.gif) 100% 4px no-repeat;
padding: 0 10px 0 0;
margin: 0 10px 0 0;
}
ul#worklist li ul li p.links a.visit {
background: url(/img/extlink_icon.gif) 100% 4px no-repeat;
padding: 0 14px 0 0;
}
#portcol1 {
width: 338px;
float: left;
margin: 0 -3px 0 0;
padding: 0 0 0 0;
}
#portcol1 ul, #portcol1 ul li, #portcol1 ol, #portcol1 ol li {
margin: 10px;
}
#portcol1 p.url {
background: url(/img/extlink_icon.gif) 0% 50% no-repeat;
padding: 3px 0 3px 12px;
font-size: 1.1em;
}
h3#portfoliotitle {
color: #2e281d;
font-size: 1.6em;
border-top: solid 2px #eae9e8;
padding: 10px 0 10px 0;
}
#portcol1 p.url a { color: #4fc6df; }
#portcol1 p.url a:hover { color: #f26a21; }
#portcol2 {
margin: 0 0 0 360px;
}
html>body #portcol1 { margin: 0; }
html>body #portcol2 { margin: 0 0 0 363px; }
#portcol2 img#placeholder, #portcol2 img#default_image {
border: solid 1px #eae9e8;
padding: 5px;
}
#portcol2 #work-services {
margin: 10px 0 10px 0;
padding: 10px;
font-size: 1.1em;
background: #eae9e8;
border-left: solid 3px #9b9690;
}
#portcol2 #work-quote {
float: none;
margin: 10px 0 10px 0;
font-size: .9em;
width: 262px;
}
#portcol2 #work-services h4 {
color: #f36a22;
font-size: 1.2em;
}
#portcol2 #work-services ul {
margin: 0 10px 0 16px;
}
#portcol2 #work-services ul li {
margin: 3px 0 3px 0;
}
#product_images img {
width: 25px;
}
#product_images a {
margin: 0 3px 5px 0;
display: block;
float: left;
border: solid 1px #eae9e8;
padding: 1px;
}
#product_images a:hover {
background: #eae9e8;
border: solid 1px #f26a21;
}
#teaser {
color: #fff;
clear: both;
margin: 0 0 16px 16px;
width: 645px;
}
#teaser a, #teaser strong {
color: #17c8e8;
padding: 0;
margin: 0;
}
#teaser a { text-decoration: underline; }
#teaser p {
padding: 16px;
margin: 0;
background: #2e281d;
}
/* Col2
-------------------- */
#col2 {
width: 206px;
/* Margin for IE6 */
margin: 0 0 0 677px;
padding: 12px 0 12px 0;
}
/* FF, IE7, Safari, etc... */
html>body #col2 { margin: 0 0 0 680px; }
ul#nav { list-style: none; }
ul#nav li a {
display: block;
height: 23px;
width: 206px;
text-decoration: none;
text-indent: -999em;
}
ul#nav li#work a { background: url(/img/nav_work.gif) no-repeat; }
ul#nav li#services a { background: url(/img/nav_services.gif) no-repeat; }
ul#nav li#products a { background: url(/img/nav_products.gif) no-repeat; }
ul#nav li#blog a { background: url(/img/nav_blog.gif) no-repeat; }
ul#nav li#about a { background: url(/img/nav_about.gif) no-repeat; }
ul#nav li#support a { background: url(/img/nav_support.gif) no-repeat; }
ul#nav li#about a:hover, ul#nav li#work a:hover, ul#nav li#services a:hover, ul#nav li#products a:hover, ul#nav li#blog a:hover, ul#nav li#support a:hover,
ul#nav li#about a.active, ul#nav li#work a.active, ul#nav li#services a.active, ul#nav li#products a.active, ul#nav li#blog a.active, ul#nav li#support a.active {
background-position: 0px -23px;
}
#home-contact {
padding: 12px 17px 0px 17px;
line-height: 2em;
}
#home-contact h3#contact-header {
border-top: solid 2px #eae9e8;
padding: 12px 0 10px 0;
background: url(/img/home_contact_header.gif) 0px 12px no-repeat;
height: 12px;
text-indent: -999em;
}
#home-contact a#readmore {
display: block;
width: 120px;
height: 22px;
background: url(/img/home_readmore_link.gif) 0% 100% no-repeat;
text-indent: -999em;
}
#home-about {
padding: 0 17px 12px 17px;
}
#home-about img {
width: 170px;
}
#home-about p {
padding: 12px 0 12px 0;
border-top: solid 2px #eae9e8;
border-bottom: solid 2px #eae9e8;
}
#home-buttons {
border-top: solid 2px #eae9e8;
margin: 0 16px 0 17px;
padding: 10px 0 0 0;
}
ul#sitemap {
margin: 0 0 0 10px;
font-size: 1.1em;
}
ul#sitemap li {
margin: 5px 0px 5px 10px;
}
ul#factslist { list-style: none; }
ul#factslist li {
padding: 0 0 6px 0;
margin: 0 0 16px 0;
border-bottom: solid 2px #eae9e8;
width: 645px;
}
/* Footer
-------------------- */
#footer {
clear: both;
background: #f36a21;
height: 108px;
padding: 12px;
color: #fff;
font-size: .9em;
}
#footer ul {
list-style: none;
float: right;
}
#footer ul li {
display: inline;
}
#footer ul li a {
color: #fff;
padding: 0 0 0 8px;
font-weight: normal;
}
/* Form -------------- */
p.legend {
padding: 12px 0 8px 12px;
}
p.legend em, form#supportform em {
color: #cc0000;
font-weight: bold;
}
form#supportform {
font-size: 1.1em;
}
form#supportform fieldset {
padding: 12px;
border: solid 2px #ebe6dd;
margin: 8px 0 4px 0;
border: none;
}
form#supportform legend {
font-size: 1.4em;
color: #f36a21;
font-weight: bold;
}
form#supportform label {
width: 150px;
text-align: right;
float: left;
display: block;
padding: 1px 0 0 0;
}
form#supportform div {
padding: 10px 0 6px 0;
border-top: solid 1px #ebe6dd;
}
form#supportform input, form#supportform textarea {
margin: 0 0 0 20px;
padding: 3px;
width: 350px;
}
form#supportform textarea {
font-family: "Lucida Grande","Lucida Sans Unicode", Trebuchet MS, Verdana, Tahoma, sans-serif;
font-size: 1em;
height: 125px;
}
form#supportform select {
margin: 0 0 0 20px;
width: 360px;
}
form#supportform select option { padding: 0 10px 0 0; }
form#supportform p.note, form#supportform p.error_note {
margin: 0 0 0 170px;
font-size: .9em;
}
form#supportform .button {
margin: 0 0 0 180px;
padding: 0;
width: 90px;
height: 24px;
}
p.error_note {
padding: 0;
color: #cc0000;
font-size: .8em;
}
body#editContent {
padding: 14px;
background: #fff;
}
ul.acta {
list-style-image: url(/img/arrow_r_orn.gif);
margin-left:40px;
}
ul.acta li {
font-weight: normal;
color:#2E281D;
}