html * {
margin: 0;
padding: 0;
}
body {
color: #414141;
background: #000 url("/public/img/body_bg.gif") 0px 1px repeat-x;
border-top: solid 1px #d68a83;
}
/*-- Global ---------- */
body, textarea { font: 12px/18px Helvetica, Arial, sans-serif; }
a {
color: #990000;
font-weight: bold; }
a:hover {}
img { border: 0; }
select option { padding: 0 10px 0 0; }
h1 { font-size: 36px; line-height: 36px; padding-top: 18px; padding-bottom: 18px; }
h2 { font-size: 28px; line-height: 36px; padding-top: 9px; padding-bottom: 9px; }
h3 { font-size: 18px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h4 { font-size: 14px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h5 { font-size: 12px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h6 { font-size: 10px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
p { padding: 0 0 18px 0; }
h1, h2, h3, h4, h5, h6 { letter-spacing: -.04em; }
blockquote {
padding: 18px;
background: #eee;
margin: 0px 36px 18px 18px;
}
#content ul, #content ol {
margin: 0px 36px 18px 18px;
}
#content ul li, #content ol li {}
/*-- Container ---------- */
.container {
width: 815px;
margin: 0 auto;
}
.clearfix {display: inline-block;}
.container:after, .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/*-- Navigation ------------- */
#navigation {
height: 50px;
width: 799px;
}
#navigation ul {
list-style: none;
width: 799px;
height: 50px;
}
#navigation ul li {
float: left;
}
#navigation ul li a {
height: 50px;
display: block;
float: left;
line-height: 50px;
text-decoration: none;
text-indent: -999em;
border-left: solid 1px #d68a83;
padding: 0 18px 0 18px;
}
#navigation ul li#nav_profile a {
width: 81px;
background:#990000 url("/public/img/nav_profile.gif") 50% 0% no-repeat;
}
#navigation ul li#nav_ourpeople a {
width: 79px;
background:#990000 url("/public/img/nav_people.gif") 50% 0% no-repeat;
}
#navigation ul li#nav_portfolio a {
width: 61px;
background:#990000 url("/public/img/nav_portfolio.gif") 50% 0% no-repeat;
}
#navigation ul li#nav_news a {
width: 38px;
background:#990000 url("/public/img/nav_news.gif") 50% 0% no-repeat;
}
#navigation ul li#nav_values a {
width: 119px;
background:#990000 url("/public/img/nav_values.gif") 50% 0% no-repeat;
}
#navigation ul li#nav_events a {
width: 45px;
background:#990000 url("/public/img/nav_events.gif") 50% 0% no-repeat;
border-right: solid 1px #d68a83;
}
#navigation ul li#nav_profile a:hover,
#navigation ul li#nav_ourpeople a:hover,
#navigation ul li#nav_portfolio a:hover,
#navigation ul li#nav_news a:hover,
#navigation ul li#nav_values a:hover,
#navigation ul li#nav_events a:hover,
#navigation ul li#nav_profile a.active,
#navigation ul li#nav_ourpeople a.active,
#navigation ul li#nav_portfolio a.active,
#navigation ul li#nav_news a.active,
#navigation ul li#nav_values a.active,
#navigation ul li#nav_events a.active {
background-position: 50% -50px;
background-color: #ffe087;
}
#navigation ul li#nav_contact { float: right;}
#navigation ul li#nav_contact a {
border: none;
padding: 0;
width: 125px;
background:#990000 url("/public/img/nav_contact_int.gif") 50% 0% no-repeat;
}
#home #navigation ul li#nav_contact a { background:#b32317 url("/public/img/nav_contact.gif") 50% 0% no-repeat; }
#wrapper {
background:red url("/public/img/main_bg.gif") repeat-y;
width: 815px;
}
/* Home Main Photo ---------------- */
#intro {
padding: 0 0 0 8px;
background: url("/public/img/topleft_corner.gif") no-repeat;
}
#intro img {
padding: 0 8px 0 0;
background: url("/public/img/topright_corner.gif") 100% 0% no-repeat;
}
/* Featured Project ---------------- */
#featured_project {
width: 799px;
padding: 0 8px 0 8px;
}
#featured_project_img {
float: left;
width: 266px;
}
#featured_project_content {
float: left;
width: 533px;
background: url("/public/img/featured_project_bg.jpg") 0px 36px no-repeat;
height: 201px;
}
#featured_project_content h2#featured_project_header {
padding: 0;
height: 36px;
background: #ffe087 url("/public/img/feature_project_title.gif") 18px 12px no-repeat;
text-indent: -999em;
}
#featured_project_content h3#featured_project_title {
font-size: 18px;
padding: 9px 0 3px 0;
}
#featured_project_content p#featured_project_subtitle {
font-size: 11px;
font-weight: bold;
color: #990000;
}
#featured_project_content #featured_project_text { padding: 0px 18px; }
#featured_project_content p { padding: 0; }
#featured_project_content a.more {
display: block;
font-size: 14px;
line-height: 18px;
padding: 17px 0 4px 0;
}
#home_content {
background: url("/public/img/home_bottom_bkg.gif") no-repeat 8px 0;
color: #000;
height: 239px;
padding: 25px 10px 10px 418px;
}
#home_content ul {
padding: 10px 0 10px 15px;
}
#home_content h4 {
font-size: 20px;
line-height: 27px;
}
/* Subpage Header ---------------- */
#subpage_header {
padding: 0 0 0 8px;
background: url("/public/img/topleft_corner.gif") no-repeat;
}
img#subpage_image {
display: block;
width: 533px;
float: left;
}
h1#logo {
width: 266px;
float: left;
padding: 0;
padding: 0 8px 0 0;
background: url("/public/img/topright_corner.gif") 100% 0% no-repeat;
}
h1#logo a {
display: block;
width: 266px;
height: 207px;
background: url("/public/img/logo_subpage.gif") no-repeat;
text-indent: -999em;
text-decoration: none;
}
/* portfolio header ----------------- */
#portfolio_header {
padding: 0 0 0 8px;
}
#portfolio_logo {
background: #990000 url("/public/img/portfolio_header_bg.jpg") repeat-y;
width: 749px;
padding: 0 0 0 50px;
text-align: right;
}
#portfolio_content {
/* width: 750px; */
float: left;
background: #fff;
text-align: center;
width: 532px;
border-left: solid 1px #fff;
}
#portfolio_content h2#contenttitle {
border-bottom: solid 1px #d9d9d9;
padding: 3px 0 8px 0;
margin-bottom: 6px;
}
#portfolio_top {
background: #990000;
padding: 18px;
}
#portfolio_top h2#casestudytitle {
font-size: 14px;
font-weight: normal;
letter-spacing: .9em;
color: #fff;
padding: 0;
}
#portfolio_top h3#portfoliotitle {
padding: 0 0 12px 0;
color: #fff;
font-size: 20px;
}
#portfolio_top p {
color: #fff;
font-weight: bold;
padding: 0;
}
#portfolio_main {
background: #ffe087;
text-align: left;
padding: 20px 80px 30px 80px;
}
#portfolio_main h5 { color: #666; font-size: 11px; font-weight: normal; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
img#default_image {
width: 532px;
}
#portfolio_main ul, #portfolio_main ul li {
margin: 8px 12px 8px 12px ;
}
.portfolio_cattitle {
color: #fff;
padding: 9px 9px 0 9px;
background: #af5252;
color: #ffe087;
text-align: right;
border-top: solid 1px #ffe087;
}
.portfolio_disclaimer {
font-size: 11px;
font-style: italic;
}
/* Products
------------------------- */
#product_images {
margin: 0;
padding: 0 0 6px 0;
}
#product_images img {
width: 100px;
vertical-align: top;
}
img#placeholder, img#default_image {
/* margin: 10px 0 0 0; */
}
body#editContent {
background: #fff;
padding: 10px;
margin: 0;
}
.meta {
margin: 5px 0;
padding: 0;
font-size: 11px
}
ul#productslist {
list-style: none;
margin: 0;
float: left;
}
ul#productslist * {
padding: 0;
margin: 0;
}
ul#productslist li {
padding: 12px 0 0 0;
clear: both;
}
ul#productslist li .productinfo {
margin: 0 0 0 225px;
}
ul#productslist li h4 {
margin: 0 0 4px 0;
color: #993416;
font-size: 15px;
}
ul#productslist li h4 a {
padding: 0 0 4px 0;
color: #993416;
font-size: 15px;
display: block;
text-decoration: none;
}
ul#productslist li p {
font-size: 11px;
}
ul#productslist li a.more {
font-weight: bold;
padding: 3px 0 0 0;
display: block;
}
ul#productslist li img {
float: left;
padding: 3px;
width: 200px;
background: #fff;
margin: 0 0 12px 0;
}
#long_description {
width: 450px;
}
#long_description ul {
padding: 0 0 15px 12px;
}
.imageframe {
padding: 3px;
background: #fff;
}
/* Subpage Content ---------------- */
#subpage_content {
width: 799px;
background: #fff url("/public/img/subpage_bg.gif") repeat-y;
}
#sidebar {
width: 266px;
float: left;
}
#sidebartext{
width: 258px;
text-align: right;
color: #fff;
font-size: 22px;
line-height: 38px;
padding: 30px 0 0 0;
}
#sidebartext2{
width: 258px;
text-align: right;
color: #fff;
font-size: 18px;
line-height: 26px;
padding: 30px 0 0 0;
}
#content {
width: 485px;
float: left;
background: #fff;
padding: 0px 30px 18px 18px;
}
#content h2#contenttitle {
border-bottom: solid 1px #d9d9d9;
padding: 3px 0 8px 0;
margin-bottom: 6px;
}
/* Subnav ---------------- */
ul#subnav {
width: 266px;
list-style: none;
border-top: solid 13px #af5252;
}
ul#subnav li a {
display: block;
color: #fff;
border-bottom: solid 1px #af5252;
padding: 6px 12px 6px 0;
text-align: right;
text-decoration: none;
font-size: 13px;
}
ul#subnav li a:hover, ul#subnav li a.active {
background: #ffe087;
color: #990000;
}
/* Breadcrumb ---------------- */
ul#breadcrumb {
list-style: none;
margin: 0;
padding: 19px 0 0 0;
}
ul#breadcrumb li { display: inline; }
ul#breadcrumb li a {
font-size: 11px;
text-decoration: none;
background: url("/public/img/red_arrow_r.gif") 100% 1px no-repeat;
padding: 0 8px 0 0;
margin: 0 3px 0 0;
}
ul#breadcrumb li a:hover { color: #333; }
ul#breadcrumb li a.active {
background: none;
font-weight: normal;
color: #333;
}
/* Footer ---------------- */
#footer {
background: url("/public/img/footer_bottom.gif") no-repeat;
padding: 25px 0 20px 0;
color: #fff;
}
#footer p {
font-size: 11px;
padding: 0 0 0 12px;
}
#footer a {
color: #fff;
}
/*
Form Styles
------------------------------*/
p.legend {
padding: 12px 0 8px 0;
}
p.legend em, form em {
color: #cc0000;
font-weight: bold;
}
form#supportform {
float: left;
}
form#supportform p {
clear: both;
padding-bottom: 0 0 10px 0;
}
form#supportform label {
padding: 0 0 10px 0;
}
form {
font-size: 12px;
}
form fieldset {
padding: 12px;
border: solid 1px #ccc;
margin: 8px 0 4px 0;
}
form legend {
font-size: 12px;
color: #b32317;
font-weight: bold;
}
form label {
width: 150px;
text-align: left;
float: left;
display: block;
padding: 1px 0 0 0;
}
form#supportform p.checkbox {
padding: 10px 0 6px 0;
margin: 0;
border-top: solid 1px #ebe6dd;
}
form p.checkbox {
margin: 0 0 0 150px;
}
form p.checkbox label {
float: none;
display: inline;
}
form div, form p.formcol1, form p.formcol2, form p.formrow {
padding: 10px 0 6px 0;
border-top: solid 1px #ebe6dd;
}
form input.forminput, form textarea {
margin: 0;
padding: 3px;
width: 350px;
}
form textarea {
font-family: "Lucida Grande","Lucida Sans Unicode", Trebuchet MS, Verdana, Tahoma, sans-serif;
font-size: 1em;
height: 125px;
}
form select {
margin: 0;
width: 360px;
}
form select option { padding: 0 10px 0 0; }
form p.note, form p.error_note {
font-style: italic;
margin: 0;
font-size: .9em;
}
form .button {
margin: 0;
width: 150px;
padding: 10px 20px;
background: #b32317;
color: #fff;
font-style: bold;
}
span.error { display: block; }
span.error, span.required {
font-weight: bold;
font-size: .9em;
color: #cc0000;
}
p.error_note {
padding: 0;
color: #cc0000;
font-size: .8em;
}
#forminset {
padding: 10px;
background: #eee;
margin: 0 0 10px 0;
}
#forminset p.checkbox { margin: 0; }
body#editContent {
padding: 10px;
background: #fff;
}