body, html {
font-family: arial;
font-size: 12px;
margin: 0px; padding: 0px;
background-image: url('images/bodyBg.jpg');
background-repeat: repeat-x;
background-color: #e1e1e1;
}
h1, h2, h3, h4, h5 {
text-transform: uppercase;
}
h1, h2 {
font-size: 13px;
color: #2280af;
margin-top: 8px;
margin-bottom: 14px;
}
h2, h3 {
font-size: 12px;
}
h3 {
color: #e09214;
}
a {
text-decoration: none;
}
img {
border: none;
}
.noBullet li {
list-style: none;
}
#container {
display: block;
position: relative;
width: 932px;
margin-left: auto; margin-right: auto;
margin-bottom: 40px;
overflow: hidden;
}
#header {
padding-top: 36px;
position: relative;
z-index: 20;
}
#navigation {
position: absolute;
}
#navigation ul {
margin: 0px; margin-top: 10px;
padding: 0px;
}
#navigation ul li {
float: left;
margin-right: 34px;
list-style: none;
}
#navigation ul li a {
font-size: 13px;
font-weight: 600;
color: #a7a7a7;
text-transform: uppercase;
padding: 6px 12px 6px 12px;
#display: block;
}
#navigation ul li a:hover {
background-color: #484848;
color: #e6ae35;
}
#navigation ul li.hoverRemain a {
background-color: #484848;
color: #e6ae35;
}
#navigation ul li .selected {
background-color: #484848;
color: #e6ae35;
}
#navigation ul li.selected a {
background-color: #484848;
color: #e6ae35;
}
#navigation ul li.selected ul li a {
color: #e1e1e1;
}
#navigation ul li.selected ul li a:hover, #navigation ul li.hoverRemain ul li a:hover {
color: #e6ae35;
}
#navigation li ul {
background-color: #484848;
border-bottom: 0 none;
padding-left: 12px; padding-top: 0px;
margin-top: 0px;
z-index: 20;
overflow: hidden;
height: 0px;
}
#navigation li ul li {
float: none;
padding-bottom: 6px;
padding-right: 16px;
margin: 0;
}
#navigation li ul li a, #navigation li.hoverRemain ul li a {
display: block;
padding: 2px;
color: #e1e1e1;
font-size: 11px;
font-weight: normal;
}
ul#topMenu1, ul#topMenu2 {
_float: left;
}
#navigation div {
_float: left;
}
#logo {
float: right;
margin-top: 1px; margin-right: 1px;
}
#content {
display: block;
width: 932px;
padding-top: 50px;
clear: both;
}
#content .column {
float: left;
}
#leftColumn {
width: 144px;
padding-right: 28px;
text-align: right;
}
#centerColumn {
width: 446px;
min-height: 420px;
background-color: #fff;
background-image: url('images/contentShadow.png');
background-position: bottom;
background-repeat: repeat-x;
padding-left: 28px;
padding-right: 28px;
padding-bottom: 10px;
margin-bottom: 30px;
color: #3f3f3f;
line-height: 16px;
}
#centerColumnContact {
width: 591px;
background-color: #fff;
background-image: url('images/contentShadow.png');
background-position: bottom;
background-repeat: repeat-x;
padding-left: 28px; padding-right: 28px;
padding-bottom: 20px;
color: #3f3f3f;
line-height: 16px;
}
#rightColumn {
width: 202px;
padding-left: 28px;
padding-top: 24px;
}
#newsCol
{
text-transform: capitalize;
width: 202px;
padding-left: 28px;
padding-top: 24px;
}
#footer {
position: fixed;
left: 0; right: 0; bottom: 0;
z-index: 100;
height: 22px;
background-color: #000;
font-size: 9px;
}
#footer a {
color: #e5ac30;
}
#footerContent {
width: 932px;
margin-left: auto;
margin-right: auto;
color: #8d8d8d;
}
#footerContent .bottom {
float: left;
display: block;
margin-top: 5px;
}
.footerNav {
display: block;
float: right;
margin-top: 5px;
margin-left: 5px;
}
.footerNav a {
float: right;
margin-left: 5px;
}
/* All Navigation */
#leftColumn ul, #leftColumn li, #rightColumn ul, #rightColumn li
#leftColumnPortfolio ul, #leftColumnPortfolio li {
margin: 0px;
padding: 0px;
list-style: none;
}
#leftColumn ul li, #rightColumn ul li, #leftColumnPortfolio ul li {
color: #333;
text-transform: uppercase;
}
li.heading {
font-size: 12px;
font-weight: bold;
cursor: pointer;
}
#leftColumn ul li.heading a, #rightColumn ul li.heading a, #leftColumnPortfolio ul li.heading a {
font-size: 12px;
font-weight: bold;
}
#leftColumn ul li a, #leftColumn ul li.heading ul li a,
#rightColumn ul li a, #rightColumn ul li.heading ul li a,
#leftColumnPortfolio ul li a, #leftColumnPortfolio ul li.heading ul li a {
font-weight: normal;
font-size: 11px;
color: #a3a3a3;
}
#leftColumn ul li ul, #leftColumnPortfolio ul li ul, #rightColumn ul li ul {
margin-top: 8px; margin-bottom: 8px;
}
#leftColumn ul li.selected a, #leftColumn ul li a:hover,
#leftColumn ul li.heading ul li.selected a, #leftColumn ul li.heading ul li a:hover,
#leftColumnPortfolio ul li.selected a, #leftColumnPortfolio ul li a:hover,
#leftColumnPortfolio ul li.heading ul li.selected a, #leftColumnPortfolio ul li.heading ul li a:hover,
#rightColumn ul li.selected a, #rightColumn ul li a:hover,
#rightColumn ul li.heading ul li.selected a, #rightColumn ul li.heading ul li a:hover {
color: #0f0f0f;
}
#leftColumn ul li, #leftColumnPortfolio ul li {
margin-bottom: 5px;
}
#rightColumn ul li {
margin-bottom: 3px;
}
/* End All Navigation */
#contentContainer {
display: block;
}
#contentContainer .left {
float: left;
width: 252px;
}
#contentContainer .right {
float: left;
width: 174px;
padding-left: 20px;
}
#contentContainer .right div {
margin-bottom: 20px;
}
#contentContainer .right h2 {
margin-bottom: 0px;
}
.position {
text-transform: uppercase;
font-style: italic;
}
.inspiration {
font-style: italic;
}
.twoColumn {
overflow: hidden;
}
.twoColumn .left {
float: left;
width: 50%;
margin-right: 20px;
}
.twoColumn .right {
float: left;
width: 44%;
}
/* Portfolio */
#leftColumnPortfolio {
width: 164px;
padding-right: 17px;
text-align: right;
}
#centerColumnPortfolio {
width: 590px;
color: #3f3f3f;
line-height: 20px;
position: relative;
}
#portfolioContent {
width: 588px;
height: 369px;
background-color: #dcdcdc;
border: 1px solid #bbb;
text-align: center;
position: relative;
}
#portfolioContent img {
position: absolute;
top: 0px;
left: 0px;
}
#relatedDropdown {
background-image: url(images/blank.gif);
position: absolute;
top: 4px;
left: 1px;
z-index: 10;
font-size: 10px;
font-weight: bold;
padding: 1px 0;
color: #A7A7A7;
overflow: hidden;
height: 15px;
cursor: pointer;
}
#relatedDropdown ul{
margin: 0px;
padding: 0px 5px;
list-style: none;
font-weight: normal;
color: #FFF;
background: #484848;
font-size: 9px;
line-height: 18px;
text-transform: uppercase;
float: left;
}
#relatedDropdown a {
color: #FFF;
}
#prevNextContainer{
text-align: right;
margin-bottom: 4px;
}
#prevNextContainer a{
text-decoration: none;
font-weight: normal;
background: #484848;
color: #f3b634;
outline: none;
padding: 1px 8px;
font-size: 10px;
}
#thumbContainer{
width: 590px;
overflow: hidden;
}
#thumbContainer a {
width: 11px;
height: 14px;
margin-top: 7px;
margin-right: 5px;
float: left;
background: #dcdcdc;
border: 1px solid #bbb;
cursor: pointer;
}
#thumbContainer a.activeThumb {
background: #afcbd9;
border: 1px solid #217fae;
}
#thumbContainer a.twoColumn {
width: 22px;
background-image: url('images/twoColumnBg.png');
background-position: center;
background-repeat: repeat-y;
}
#thumbContainer a.twoColumn.activeThumb {
background-image: url('images/twoColumnActiveBg.png');
}
#rightColumnPortfolio {
width: 146px;
padding-left: 15px;
padding-top: 24px;
}
/* All Portfolio Navigation */
#leftColumnPortfolio ul, #leftColumnPortfolio li, #rightColumnPortfolio ul, #rightColumnPortfolio li {
margin: 0px;
padding: 0px;
list-style: none;
}
#leftColumnPortfolio ul li, #rightColumnPortfolio ul li {
color: #333;
text-transform: uppercase;
}
#leftColumnPortfolio ul li.heading ul, #rightColumnPortfolio ul li.heading ul {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin: 0;
}
#leftColumnPortfolio ul li.heading a, #rightColumnPortfolio ul li.heading a {
font-size: 12px;
font-weight: bold;
color: #000;
}
#leftColumnPortfolio ul li.heading li a, #rightColumnPortfolio ul li.heading li a {
font-size: 9px;
font-weight: normal;
color: #a3a3a3;
}
#leftColumnPortfolio ul li.heading li.selected a, #rightColumnPortfolio ul li.heading li.selected a {
color: #000;
}
#leftColumnPortfolio ul li ul, #rightColumnPortfolio ul li ul {
margin-top: 8px; margin-bottom: 8px;
}
#leftColumnPortfolio ul li {
margin-bottom: 5px;
}
#rightColumnPortfolio ul li {
margin-bottom: 3px;
}
#rightColumnPortfolio p {
color: #2380ae;
line-height: 16px;
font-size: 12px;
}
/* End All Navigation */
#leftContact
{
height: 232px;
width: 230px;
float: left;
padding-right: 32px;
}
#rightContact
{
height: 232px;
width: 280px;
float: left;
}
.fieldTitle
{
text-transform: uppercase;
color: #a3a3a3;
}
.half
{
margin-bottom: 16px;
width: 230px;
height: 16px;
padding: 2px;
border: 1px solid #484848;
}
.big_field
{
width: 278px;
height: 180px;
border: 1px solid #484848;
overflow: auto;
}
#footerContact
{
clear: both;
}
#footerContact input#submit {
border: 1px solid #484848;
background: #FFF;
color: #2280AF;
font-weight: bold;
padding: 2px 4px;
text-transform: uppercase;
font-family: arial, helvetica, sans-serif;
}
#footerContact .fieldTitle {
margin-top: 20px;
}
#centerColumnContact p {
font-weight: bold;
}
.newsTitle {
color: #343434;
text-transform: capitalize;
font-size: 13px;
}
#caps ul li {
text-transform: capitalize;
}
#addy {
font-size: 11px;
}
#addyTitle {
font-size: 12px;
font-weight: bold;
}