/** BASIC */
html, body {
height: 100%;
}
/** HEADER */
#header {
width: 900px;
height: 219px;
margin: 0px auto;
}
/** LOGO */
#logo {
float: left;
width: 374px;
height: 212px;
background: url(/images/subpage02.jpg) no-repeat left top;
}
#logo h1, #logo p {
text-indent: -999em;
}
#slogan {
float: left;
width: 404px;
height: 212px;
padding: 0px 0px 0px 120px;
}
/** MENU */
div#mainMenu {
color:#FDF4D5;
text-align:left;
padding-left:3px;
z-index:2;
width: 900px;
height: 41px;
margin: 0px auto;
}
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
margin: 0;
border: 0 none;
padding: 0;
width: 900px; /*For KHTML*/
list-style: none;
height: 40px;
z-index:2;
}
ul#navmenu li {
border: 0 none;
padding: 10px 45px 0px 0px;
float: left; /*For Gecko*/
display: inline;
list-style: none;
position: relative;
z-index:2;
}
ul#navmenu ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: 32px;
left: 0;
}
ul#navmenu ul:after /*From IE 7 lack of compliance*/{
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}
ul#navmenu ul li {
width: 160px;
float: left; /*For IE 7 lack of compliance*/
display: block !important;
display: inline; /*For IE*/
background: none;
padding:0px;
border: 1px solid;
border-bottom-color: #6D5D3C;
}
/* Root Menu */
ul#navmenu a {
padding: 0 6px;
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
color: #000;
font: bold 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration: none;
height: auto !important;
height: 1%; /*For IE*/
}
/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
background: #ccc;
color: #2D2D2D;
}
/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
float: none;
background: #ccc;
color: #000;
}
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
background: #ECECEC;
color: #000;
border-bottom-color: #000000;
}
/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
background: #EEE;
color: #000;
}
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
background: #CCC;
color: #000;
}
/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
background: #EEE;
color: #000;
}
/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
background: #CCC;
color: #000;
}
ul#navmenu ul ul,
ul#navmenu ul ul ul {
display: none;
position: absolute;
top: 0;
left: 160px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
display: none;
}
ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
display: block;
}
/** PAGE */
#page {
width: 900px;
margin: 0px auto;
}
/** CONTENT */
#contentcontact {
width: 400px;
padding: 0px 10px 0px 5px;
}
#content {
width: 490px;
padding: 0px 10px 0px 5px;
}
#content .box {
margin-bottom: 20px;
}
#content .box .title {
margin: 0px 0px 15px 0px;
padding: 25px 0px 10px 0px;
background: url(/images/homepage06.gif) repeat-x left bottom;
}
#contentc {
width: 400px;
padding: 0px 10px 0px 5px;
}
#contentc .box {
margin-bottom: 20px;
}
#contentc .box .title {
margin: 0px 0px 15px 0px;
padding: 25px 0px 10px 0px;
background: url(/images/homepage06.gif) repeat-x left bottom;
}
#content .box2 {
background: url(/images/homepage11.gif) no-repeat 100% 38px;
}
#content .box2 .title {
height: 28px;
padding: 10px 0px 0px 13px;
background: url(/images/homepage10.gif) repeat-x left top;
font-size: 13px;
font-weight: bold;
color: #00397B;
}
#content .box2 .content {
padding: 15px 13px;
}
#content .two-columns {
}
#content .two-columns .column-one {
float: left;
width: 229px;
}
#content .two-columns .column-two {
float: right;
width: 229px;
}
/** SIDEBAR */
#sidebar {
position: relative;
float: right;
width: 230px;
margin: 0px 0px 0px 0px;
padding: 2px ;
}
#sidebar .box {
width: 210px;
padding: 0px 0px 0px 10px;
}
#sidebar .box .title {
height: 28px;
margin: 0px;
padding: 9px 0px 0px 20px;
background: url(/images/homepage09.jpg) no-repeat left top;
font-size: 16px;
font-weight: bold;
color: #fff;
}
#sidebar .box .content {
padding: 0px 7px;
}
#sidebarcontact {
position: relative;
float: left;
width: 160px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}
#sidebarleft {
position: relative;
float: left;
width: 140px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}
#sidebarleft ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
}
#sidebarleft a
{
display: block;
padding: 3px;
width: 130px;
color:#000;
background-color: #fff;
border-bottom: 1px solid #919191;
text-decoration: none;
}
#sidebarleft a:link, #navlist a:visited
{
color: #000;
text-decoration: none;
}
#sidebarleft a:hover
{
background-color: #CCCCCC;
color: #000;
border-bottom: 1px solid #209FFE;
}
/** FOOTER */
#footer {
clear: both;
width: 900px;
height: 60px;
margin: 0px auto;
}
/** BOX1 */
#box1 {
}
/** BOX2 */
#box2 {
}
/** BOX3 */
#box3 {
}
/** BOX4 */
#box4 {
position: relative;
background: url(/images/subpage03.jpg) repeat-y left top;
}
#box4 .title {
height: 28px;
margin: 0px;
padding: 6px 0px 0px 30px;
font-size: 16px;
font-weight: bold;
color: #fff;
}
#box4 .bg-top {
background: url(/images/homepage04.jpg) no-repeat left top;
}
#box4 .content {
padding: 0px 25px 10px 25px;
background: url(/images/subpage04.jpg) no-repeat left bottom;
font-size: 12px;
}
#box4 .phone {
padding-left: 21px;
background: url(/images/homepage07.gif) no-repeat left center;
font-size: 14px;
font-weight: bold;
color:#0082E6;
}
#box4 .email {
padding-left: 21px;
background: url(/images/homepage08.gif) no-repeat left center;
}
#box4 .skype {
padding-left: 21px;
background: url(/images/homepagesk.gif) no-repeat left center;
}
#box4 .onn {
padding-left: 21px;
background: url(/images/onn.gif) no-repeat left center;
}
#box4 .aod {
padding-left: 21px;
background: url(/images/aod2.bmp) no-repeat left center;
}
/** BOX5 */
#box5 {
}
.thirds {
float: left;
width: 150px;
padding: 0px 5px 0px 5px;
}
.border1 {
border:1px solid #87C2FF;
color:#000000;
padding:2px 3px 4px;
}
#kwicks_container {
width:400px;
background-color: #FFF;
height: 125px;
padding:20px 0px 0px 80px;
float:left;
}
#kwicks {
position: relative;
}
#kwicks .kwick {
float: left;
display: block;
width: 117px;
height: 125px;
}
.kwick a, .kwick a:visited {
display:block;
height: 125px;
text-indent:-9999px;
overflow:hidden;
background:none;
}
#kwick_experience {background: url(/images/expe.jpg) no-repeat;}
#kwick_facilities {background: url(/images/fac.jpg) no-repeat;}
#kwick_people {background: url(/images/peo.jpg) no-repeat;}
.news_toggler {
margin: 0;
padding: 2px 5px 7px;
cursor:pointer;
}
.news_element {
}
.toggler {
color: #ffffff;
margin: 0;
padding: 2px 5px 7px;
background: #1E9EFE url(/images/magbg.jpg) repeat-x;
border-bottom: 1px solid #002754;
border-right: 1px solid #68C1FD;
border-top: 1px solid #0398FC;
border-left: 1px solid #0398gh;
font-size: 11px;
font-weight: normal;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
cursor:pointer;
}
.element {
}
.element p {
margin: 0;
padding: 4px;
}
.float-right {
padding:10px 20px;
float:right;
}
#twocolumns {
width: 430px;
margin:0 auto;
}
#twocolumns1 {
width: 180px;
background:#9c9;
float:left;
padding:5px;
}
#twocolumns2 {
width:180px;
background:#c9c;
float:right;
padding:5px;
}
.border1 {
border:1px solid #87C2FF;
color:#000000;
padding:2px 9px 9px;
}
/*blockquote {
text-style:italic;
padding:5px 0 5px 30px;
}
}