html {
font-size : 100.1%;
}
body {
font-family : Arial, Helvetica, sans-serif;
background : url('../images/body.gif') center repeat-y #1a1a1a;
font-size : 13px;
text-align : center;
color : #433;
margin : 0;
padding : 0;
}
#main_wrapper {
width : 700px;
text-align : left;
position : relative;
background-color : #fff;
padding : 0;
margin : 0 auto;
}
#nav1 ul {
margin : 0;
padding : 0 0 0 17px;
background-repeat : no-repeat;
display : block;
height : 44px;
}
#nav1 ul li {
display : inline;
float : left;
height : 44px;
margin : 0;
padding : 0;
}
#nav1 ul li a {
display : block;
height : 32px;
text-indent : -99999px;
}
#nav1 ul li a:hover, #home a.home, #about a.about, #publications a.publications, #design a.design, #clients a.clients, #updates a.updates, #contact a.contact {
display : block;
height : 32px;
background-repeat : no-repeat;
overflow : hidden;
text-indent : -99999px;
}
#nav1 ul li a.home {
width : 47px;
background-position : -17px 0%;
}
#nav1 ul li a.about {
width : 115px;
background-position : -64px 0%;
cursor : default;
}
#nav1 ul li a.publications {
width : 140px;
background-position : -179px 0%;
cursor : default;
background-color : #666666;
}
#nav1 ul li a.design {
width : 104px;
background-position : -319px 0%;
cursor : default;
}
#nav1 ul li a.clients {
width : 82px;
background-position : -423px 0%;
}
#nav1 ul li a.updates {
width : 44px;
background-position : -505px 0%;
cursor : default;
}
#nav1 ul li a.contact {
width : 138px;
background-position : -549px 0%;
}
#nav1 .subNav {
background-image : none;
background : none;
position : absolute;
z-index : 9999;
margin : 0;
padding : 0;
display : none;
}
#nav1 .subNav li {
float : left;
clear : left;
height : 25px;
}
#nav1 .subNav li a {
float : left;
clear : left;
display : block;
text-indent : 0;
background-color : #666666;
background-image : none;
font-weight : normal;
width : 150px;
height : 25px;
line-height : 25px;
padding : 0 10px;
color : #fff;
text-decoration : none;
}
#nav1 .subNav li a:hover {
float : left;
clear : left;
display : block;
text-indent : 0;
background-color : #a60b16;
background-image : none;
width : 150px;
height : 25px;
line-height : 25px;
padding : 0 10px;
color : #fff;
text-decoration : none;
}
#nav ul {
margin : 0;
padding : 0 0 0 17px;
background-image : url('../images/nav_bg.gif');
background-repeat : no-repeat;
display : block;
height : 44px;
}
#nav ul li {
display : inline;
float : left;
height : 44px;
margin : 0;
padding : 0;
}
#nav ul li a {
display : block;
height : 32px;
text-indent : -99999px;
}
#nav ul li a:hover, #home a.home, #about a.about, #publications a.publications, #design a.design, #clients a.clients, #updates a.updates, #contact a.contact {
display : block;
height : 32px;
background-image : url('../images/nav_bg_rollover.gif');
background-repeat : no-repeat;
overflow : hidden;
text-indent : -99999px;
}
#nav ul li a.home {
width : 47px;
background-position : -17px 0%;
}
#nav ul li a.about {
width : 115px;
background-position : -64px 0%;
cursor : default;
}
#nav ul li a.publications {
width : 140px;
background-position : -179px 0%;
cursor : default;
}
#nav ul li a.design {
width : 104px;
background-position : -319px 0%;
cursor : default;
}
#nav ul li a.clients {
width : 82px;
background-position : -423px 0%;
}
#nav ul li a.updates {
width : 44px;
background-position : -505px 0%;
cursor : default;
}
#nav ul li a.contact {
width : 138px;
background-position : -549px 0%;
}
#nav .subNav {
background-image : none;
background : none;
position : absolute;
z-index : 9999;
margin : 0;
padding : 0;
display : none;
}
#nav .subNav li {
float : left;
clear : left;
height : 25px;
}
#nav .subNav li a {
float : left;
clear : left;
display : block;
text-indent : 0;
background-color : #d52327;
background-image : none;
font-weight : normal;
width : 150px;
height : 25px;
line-height : 25px;
padding : 0 10px;
color : #fff;
text-decoration : none;
}
#nav .subNav li a:hover {
float : left;
clear : left;
display : block;
text-indent : 0;
background-color : #a60b16;
background-image : none;
width : 150px;
height : 25px;
line-height : 25px;
padding : 0 10px;
color : #fff;
text-decoration : none;
}
#content_inner_wrapper {
padding : 1em 1em 0 1em;
}
#content_inner_wrapper p {
font-size : 1em;
line-height : 16px;
margin : 0;
padding : 0 0 10px 0;
}
#content_inner_wrapper h1 {
font-size : 1.7em;
font-weight : normal;
margin : 0 0 0.2em 0;
padding : 0 0 0.2em 0;
border-bottom : 1px solid #eee;
color : #b92f34;
}
#content_inner_wrapper h2 {
font-size : 1.3em;
font-weight : normal;
margin : 0.2em 0 0.2em 0;
padding : 0 0 0.2em 0;
border-bottom : 1px solid #eee;
color : #b92f34;
}
#content_inner_wrapper h3 {
font-size : 1.2em;
font-weight : normal;
margin-top : 5px;
margin-bottom : 5px;
padding : 0;
color : #b92f34;
}
#content_inner_wrapper h4 {
font-size : 1.1em;
font-weight : normal;
margin-top : 5px;
margin-bottom : 5px;
padding : 0 3px;
color : #b92f34;
}
#content_inner_wrapper a {
font-weight : normal;
color : #111;
text-decoration : underline;
}
#content_inner_wrapper td {
vertical-align : top;
}
#content_inner_wrapper a:hover {
text-decoration : none;
}
#content_inner_wrapper strong {
color : #322;
}
#content_inner_wrapper p.link {
font-size : 1.1em;
text-align : center;
}
.sub_teaser {
width : 330px;
padding : 1em 0 0 0;
}
#main_teaser {
width : 340px;
}
#main_teaser h1 {
font-size : 1.9em;
font-weight : normal;
margin : 0 0 0.2em 0;
padding : 0 0 0.2em 0;
border-bottom : 1px solid #eee;
color : #b92f34;
}
#main_teaser h2 {
font-size : 1.3em;
font-weight : normal;
margin : 0.2em 0 0.2em 0;
padding : 0 0 0.2em 0;
border-bottom : 1px solid #eee;
color : #b92f34;
}
#main_teaser h2 span {
color : #222;
}
#main_teaser p {
font-size : 1em;
line-height : 16px;
margin : 0;
padding : 0 0 1em 0;
}
#main_teaser a {
color : #333;
text-decoration : underline;
}
#main_teaser a:hover {
text-decoration : none;
}
#header {
text-align : center;
padding : 10px 0 5px 0;
}
#main_quote {
width : 240px;
margin-top : 5px;
padding : 0 20px;
float : right;
}
.sub_quote {
width : 240px;
margin-top : 5px;
padding : 0 20px;
float : right;
}
#main_quote p {
margin : 0;
padding : 0;
font-size : 0.9em;
}
#main_quote p.quote {
color : #333;
text-align : left;
padding-bottom : 5px;
}
#main_quote .author {
padding-top : 10px;
text-align : center;
font-size : 13px;
font-weight : bold;
}
#main_quote .position {
text-align : center;
font-size : 11px;
}
#main_quote .company {
text-align : center;
font-size : 11px;
}
#footer {
width : 700px;
margin-top : 10px;
padding-top : 10px;
clear : both;
font-size : 11px;
font-weight : normal;
background-repeat : repeat-x;
color : #333;
text-align : center;
border-top : 1px solid #eee;
}
#footer hr {
clear : both;
color : #fff;
border-top : 1px solid #eee;
}
#footer a {
color : #222;
text-decoration : none;
}
#footer a:hover {
text-decoration : underline;
}
.small {
font-weight : normal;
}
#main_image {
width : 700px !important ;
height : 180px !important ;
margin : 1em 0 1em 0;
}
#advantiTabs {
font-size : 1em;
}
#advantiTabs .sub_teaser img {
margin : 0 0 0 1em;
}
.facts {
width : 295px;
float : right;
border-left : 1px solid #eee;
padding : 0 0 1em 15px;
margin : 0 0 15px 0;
font-size : 12px;
}
.facts ul {
margin : 0;
padding : 0 0 0 20px;
font-size : 1em;
}
.facts ol {
list-style-type : none;
margin : 0;
padding : 0 1em;
}
.facts ol li {
padding : 0 0 0.5em 0;
}
span.tooltip {
font-weight : bold;
}
.facts ol li {
padding : 5px;
margin : 0 3px 3px 0;
border : 1px solid #eee;
background-color : #f9f9f9;
cursor : default;
}
.facts ol li.special {
width : 110px;
float : left;
margin : 0 1em 1em 0;
font-weight : bold;
text-align : center;
}
.facts ol li.special:hover {
background-color : #333;
border : 1px solid #111;
color : #fff;
}
#content_inner_wrapper .facts h3, #advantiTabs h3 {
font-size : 13px;
font-weight : bold;
margin : 5px 0;
padding-left : 35px;
line-height : 32px;
border : 0;
background-color : #fff;
background-image : url('../images/sidebar_bg.png');
background-repeat : no-repeat;
color : #fff;
clear : left;
cursor : default;
}
#accordionMenu {
width : 295px;
float : right;
border-left : 1px solid #eee;
padding : 0 0 0 15px;
font-size : 1em;
}
#accordionMenu dt {
font-size : 13px;
font-weight : bold;
margin : 5px 0 5px 0;
padding-left : 35px;
line-height : 32px;
border : 0;
background-color : #fff;
background-image : url('../images/sidebar_bg.png');
background-repeat : no-repeat;
color : #fff;
cursor : pointer;
}
#accordionMenu dd {
padding : 0 10px;
}
#accordionMenu a, #advantiTabs a {
font-weight : normal;
color : #522;
text-decoration : none;
}
#accordionMenu a:hover, #advantiTabs a:hover {
text-decoration : underline;
}
#accordionMenu dd {
margin : 0;
background-color : #fff;
}
#accordionMenu dd ul {
margin : 0;
padding : 0 0 0 20px;
list-style : square;
}
#accordionMenu dd ul li {
line-height : 1.3em;
}
.news {
margin : 0;
padding : 0.2em 0.5em;
}
.news .date {
font-size : 0.8em;
display : block;
}
.news a {
font-weight : bold;
}
.news div {
border : 1px solid #eee;
background-color : #f9f9f9;
margin : 5px 0;
padding : 5px;
}
.tool-tip {
color : #fff;
width : 200px;
z-index : 13000;
}
.tool-title {
font-weight : bold;
font-size : 11px;
margin : 0;
color : #fff;
padding : 8px 8px 4px;
background : url(../images/balloon.png) left top no-repeat !important ;
background : url(../images/balloon.gif) left top no-repeat;
}
.tool-text {
font-size : 11px;
padding : 4px 8px 8px;
background : url(../images/balloon.png) left bottom no-repeat !important ;
background : url(../images/balloon.gif) left bottom no-repeat;
}
.custom-tip {
color : #000;
width : 130px;
z-index : 13000;
}
.custom-title {
font-weight : bold;
font-size : 11px;
margin : 0;
color : #3e4f14;
padding : 8px 8px 4px;
background : #c3df7d;
border-bottom : 1px solid #b5cf74;
}
.custom-text {
font-size : 11px;
padding : 4px 8px 8px;
background : #cfdfa7;
}
.terms {
font-size : 0.9em;
}
form {
margin : 0;
padding : 0;
}
.contact_form dl {
margin : 0;
padding : 0;
}
.contact_form dt {
font-size : 1em;
font-weight : normal;
padding : 0.2em 0;
color : #333;
}
.contact_form dd {
margin : 0;
padding : 0;
}
.contact_form dt.error {
color : #b92f34;
font-weight : bold;
}
.alert {
background-color : #fff6bf;
text-align : left;
padding : 5px 20px;
border-top : 1px solid #ffd324;
border-bottom : 1px solid #ffd324;
font-weight : bold;
}
.alert ol {
margin : 0 0 0 20px;
padding : 0;
}
.employee {
margin : 0 0 10px 0;
}
#content_inner_wrapper div.employee h3 a {
text-decoration : none;
color : #b92f34;
}
#content_inner_wrapper div.employee h3 a:hover {
text-decoration : none;
color : #333;
}
.team_menu {
padding : 0.5em 0 1em 0;
border-bottom : 1px solid #eee;
}
.team_menu a {
font-size : 1.2em;
color : #a60b16;
font-weight : normal;
text-decoration : none;
}
.team_menu a:hover {
text-decoration : underline;
}
.news_item {
border : 1px solid #eee;
background-color : #fafafa;
padding : 5px 15px;
margin : 0 0 5px 0;
font-size : 0.9em;
line-height : 1.2em;
}
.news_item p {
margin : 0;
padding : 5px 0;
}
ol.info {
margin : 0 0 10px 0;
padding : 0;
list-style-type : none;
}
ol.info li {
padding : 5px 5px 5px 10px;
margin : 0.5em 0;
background-color : #c9ae81;
border : 1px solid #fff;
border-left : 0;
border-right : 0;
height : 50px;
overflow : hidden;
color : #111;
}
ol.info li span {
font-family : "Times New Roman", Times, serif;
float : left;
font-size : 100px;
width : 70px;
color : #fff;
margin : -30px 0 0 0;
font-weight : bold;
}
ul.clients {
margin : 0;
padding : 0;
font-size : 13px;
line-height : 18px;
}
ul.clients li {
list-style-type : none;
}
h2.center {
text-align : center;
}
.jobs {
background-color : #f9f9f9;
border-width : 1px;
border-style : solid;
border-color : #cccccc;
padding : 5px;
}
.facts div p {
padding : 0 16px;
}