/* standard elements */
html {min-height: 100%;}
* {
margin: 0;
padding: 0;
}
a {color: #963;}
a:hover {color: #C60;}
body {
color: #444;
font: normal 62.5% Tahoma,sans-serif;
background:#F68121;
}
p,code,ul {padding-bottom: 1.2em;}
li {list-style: none;}
h1 {
font: normal 1.8em Tahoma,sans-serif;
margin-bottom: 4px;
}
code {
background: #FFF;
border: 1px solid #EEE;
border-left: 6px solid #C1CAD3;
color: #666;
display: block;
font: normal 1em Tahoma,sans-serif;
line-height: 1.6em;
margin-bottom: 12px;
padding: 8px 10px;
white-space: pre;
}
blockquote {
background: url(img/quote.gif) no-repeat;
display: block;
font-weight: bold;
padding-left: 28px;
}
img{
border:0px;
}
h1,h2,h3 {padding-top: 6px;}
/* misc */
.clearer {clear: both;}
.left {float: left;}
.right {float: right;}
/* structure */
.container {
background: #FFF;
font-size: 1.2em;
padding: 0 10px 10px;
width: 401px;
}
.main {
width: 401px;
}
#top1 {
margin: 0;
padding: 0;
vertical-align:top;
border: 0px;
background-color: transparent;
}
.content {
float: left;
margin: 10px 0;
padding: 0 0px;
width: 380px;
}
/* header */
/* title */
.header {
margin: 0px;
width: 780px;
height: 660px;
}
.LSpaceHeader {
margin: 0px;
width: 32px;
height: 480px;
float:left;
}
.TopHeader {
margin: 0px;
width: 716px;
height: 13px;
background:#F68121;
}
.FstTopHeader {
margin: 0px;
width: 340px;
height: 173px;
float:left;
}
.ScndTopHeader {
margin: 0px;
width: 376px;
height: 173px;
float:left;
background: url(img/coheader2.jpg);
text-align:right;
}
.ScndTopHeaderMenu {
margin: 0px;
width: 300px;
height: 100px;
float:left;
text-align:right;
font-size:11px;
font-weight:bold;
margin-top:50px;
}
.ThirdTopHeader {
margin: 0px;
width: 716px;
height: 10px;
background:#F68121;
float:left;
}
.MainContHeader {
margin: 0px;
width: 502px;
height: 600px;
float:left;
}
.MainContHeader1 {
margin: 0px;
width: 502px;
height: 600px;
float:left;
}
.MainContHeader2 {
margin: 0px;
width: 502px;
height: 750px;
float:left;
}
.MainContHeader3 {
margin: 0px;
width: 502px;
height: 600px;
float:left;
}
.MainContHeader4 {
margin: 0px;
width: 502px;
height: 650px;
float:left;
}
.MainSmallSpace{
margin: 0px;
width: 6px;
height: 464px;
float:left;
}
.MainPhotoHeader {
margin: 0px;
width: 240px;
height: 576px;
float:left;
}
.LAddSpaceHeader {
margin: 0px;
width: 14px;
height: 510px;
float:left;
}
.LAddSpaceHeader1 {
margin: 0px;
width: 14px;
height: 690px;
float:left;
}
.Torder {
margin: 0px;
width: 488px;
height: 33px;
float:left;
}
.Lorder {
margin: 0px;
width: 34px;
height: 145px;
float:left;
}
.Lorder1 {
margin: 0px;
width: 34px;
height: 221px;
float:left;
}
.Lorder2 {
margin: 0px;
width: 34px;
height: 55px;
float:left;
}
.Lorder3 {
margin: 0px;
width: 34px;
height: 421px;
float:left;
}
.Lorder4 {
margin: 0px;
width: 34px;
height: 494px;
float:left;
}
.LorderKey {
margin: 0px;
width: 34px;
height: 235px;
float:left;
}
.MiddleContent {
width: 434px;
height: 145px;
float:left;
background:#000;
color:#FFF;
text-align:justify;
font-size: 11px;
}
.footer a,.footer a:hover {color: #FFF;}
.MiddleContent a {
text-decoration: none;
color: #FFF;
}
.MiddleContent a:hover {
color: #F58220;
}
a {
text-decoration: none;
color: #000;
}
a:hover {
color: #FFF;
}
.MiddleContentKey {
width: 434px;
height: 235px;
float:left;
background:#000;
color:#FFF;
text-align:justify;
font-size: 11px;
}
.MiddleContentaBT {
width: 434px;
height: 221px;
float:left;
background:#000;
color:#FFF;
text-align:justify;
font-size: 11px;
}
.MiddleContentaGRP {
width: 434px;
height: 281px;
float:left;
background:#000;
color:#FFF;
text-align:justify;
font-size: 11px;
}
.MiddleContentCSR {
width: 434px;
height: 55px;
float:left;
background:#000;
color:#FFF;
text-align:justify;
font-size: 11px;
}
.MiddleCoreteam {
width: 434px;
height: 421px;
float:left;
background:#000;
color:#FFF;
text-align:justify;
font-size: 11px;
}
.MiddleContact {
width: 434px;
height: 495x;
float:left;
background:#000;
color:#FFF;
text-align:justify;
font-size: 11px;
}
.Rorder {
margin: 0px;
width: 20px;
height: 145px;
float:left;
}
.RorderKey {
margin: 0px;
width: 20px;
height: 235px;
float:left;
}
.Rorder1 {
margin: 0px;
width: 20px;
height: 221px;
float:left;
}
.Rorder2 {
margin: 0px;
width: 20px;
height: 55px;
float:left;
}
.Rorder3 {
margin: 0px;
width: 20px;
height: 421px;
float:left;
}
.Rorder4 {
margin: 0px;
width: 20px;
height: 494px;
float:left;
}
.BImgorder {
margin: 0px;
width: 488px;
height: 16px;
float:left;
}
.MCAddContSpace {
margin: 0px;
width: 488px;
height: 10px;
float:left;
}
.Cpyfueled {
width: 45px;
height: 20px;
float:left;
}
.Cpyfueled1 {
width: 200px;
height: 20px;
float:left;
color:#000;
font-size: 11px;
}
.Cpyfueled2 {
width: 288px;
height: 20px;
float:left;
color:#000;
font-size: 11px;
}
.rossidea {
width: 208px;
height: 20px;
float:left;
color:#000;
font-size: 11px;
padding-left:30px;
}
.PhotoLeft {
margin: 0px;
width: 7px;
height: 449px;
float:left;
}
.PhotoTop {
margin: 0px;
width: 182px;
height: 7px;
float:left;
}
.PhotoMiddleImg {
margin: 0px;
width: 182px;
height: 108px;
float:left;
}
.PhotoMiddleImg1 {
margin: 0px;
width: 182px;
height: 94px;
float:left;
}
.PhotoMiddle {
margin: 0px;
width: 182px;
height: 5px;
float:left;
}
.PhotoRight {
margin: 0px;
width: 19px;
height: 434px;
float:left;
}
.PhotoBottom {
margin: 0px;
width: 182px;
height: 9px;
float:left;
}
.PhotoMiddCarr {
margin: 0px;
width: 182px;
height: 576px;
float:left;
}
.LstPnts {
margin: 0px;
width: 15px;
float:left;
margin-top:1px;
}
.LstPntsTxt {
margin: 0px;
width: 419px;
float:left;
margin-top:1px;
}
#mnu ul {
margin: 14.2em 0.1em 0 0 !important;
margin: 14.5em 0.5em 0 0;
padding: 0;
float: left;
}
#mnu ul li {
display: inline;
list-style: none;
}
#mnu ul li a {
float: left;
padding: 0 6.9px !important;
padding: 0 6.6px;
font: normal 110.5% Tahoma,sans-serif !important;
font: normal 115.5% Tahoma,sans-serif;
font-weight:bold !important;
font-weight:bold;
line-height: 1em !important;
line-height: 1em;
color: #000;
border-right: 1px solid #000;
}
#mnu ul li a.last {
padding-right: 0;
border-right: 0;
}
#mnu ul li a:hover {
color: #F68121;
}
.left {
width: 408px;
height: 441px;
background:#FFFFFF;
border:0px;
}
img{
padding:0px;
margin:0px;
border:0px;
margin-top: 0px;
display:block;
}
.menucont {
width:372px;
height:56px;
}
.menutop {
width:372px;
height:31px;
line-height:0px;
}
.menuleft {
float:left;
width:5px;
height:15px;
line-height:0px;
}
.menumiddle {
background-image:url(img/menubg.gif);
float:left;
background-position:center;
width:342px;
height:15px;
color:#FFFFFF;
font-family: "Tahoma",sans-serif;
}
.menuright {
float:left;
width:25px;
height:15px;
}
.menubottom {
float:left;
width:372px;
height:10px;
line-height:0px;
}
.restaruantbanquets {
width:372px;
height:206px;
}
.restaurant {
float:left;
width:176px;
height:206px;
line-height:0px;
}
.banquets {
float:left;
width:196px;
height:206px;
line-height:0px;
}
.banafter{
width:372px;
height:15px;
}
.testimain{
width:372px;
height:151px;
}
.testiouter{
width:350px;
height:24px;
background-color:#3F7AB9;
border-top:2px #0054A6 solid;
border-bottom:2px #0054A6 solid;
border-left:2px #0054A6 solid;
border-right:2px #0054A6 solid;
color:#FFFFFF;
font: Tahoma, sans-serif;
font-size:11px;
text-align:center;
vertical-align:middle;
letter-spacing: 0.1em;
line-height: 2em !important;
line-height: 2em;
}
.testiouter a{
color:#FFF;
}
.testiouter a:hover{
color:#FFF;
}
.testiinner{
width:352px;
height:60px;
}
.test1and2{
float:left;
width:190px;
height:62px;
}
.testphoto1{
float:left;
width:52px;
height:53px;
background-image:url(img/testi1.gif);
}
.testphoto2{
float:left;
width:52px;
height:53px;
background-image:url(img/testi2.gif);
}
.testphoto3{
float:left;
width:52px;
height:53px;
background-image:url(img/testi3.gif);
}
.testphoto4{
float:left;
width:52px;
height:53px;
background-image:url(img/testi4.gif);
}
.testicont{
float:left;
width:135px;
padding-left:3px;
height:62px;
font: Lucida Sans Unicode, sans-serif;
font-size:11px;
color: #664;
}
.testicontheading{
font: Lucida Sans Unicode, sans-serif;
font-size:11px;
color: #664;
font-weight:bold;
line-height: 1em !important;
line-height: 1em;
}
.testicontheading a {
color:#3F7AB9;
}
.testicontheading a:hover {
color:#3F7AB9;
}
.test3and4{
float:left;
width:162px;
height:62px;
}
.testicont3and4{
float:left;
width:107px;
padding-left:3px;
height:62px;
font: Lucida Sans Unicode, sans-serif;
font-size:11px;
color: #664;
}
.yellborder {overflow: hidden; width: 780px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-bottom: solid 2px #F79F1C; color: rgb(0,0,0);}
.locationyellborder {overflow: hidden; width: 780px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-bottom: solid 2px #F79F1C; color: rgb(0,0,0);}
.myfootermain{
float:left;
width:780px;
height:50px;
background-color:#3F7AB9;
}
.myfooterfirst{
height:30px;
width:660px;
padding-left:8px;
font: 11px Tahoma, sans-serif;
color:#FFF;
line-height: 3em !important;
line-height: 3em;
text-align:center;
float:left;
}
.myfootersecond{
width:378px;
font: 11px Tahoma, sans-serif;
color: #FFF;
padding-left:12px;
float:left;
}
.myideasonic{
height:30px;
width:40px;
line-height: 3em !important;
line-height: 3em;
float:left;
text-align:center;
padding-left:12px;
}
.mystarcity{
height:30px;
width:40px;
line-height: 3em !important;
line-height: 3em;
text-align:center;
float:right;
padding-right:12px;
}
.myfooterthird{
float:left;
width:378px;
font: 11px Tahoma, sans-serif;
color: #FFF;
text-align:right;
padding-right:12px;
}
.myfooterfirst a {
font: 400 1.0em Tahoma, sans-serif;
color: #FFF;
}
.myfooterfirst a:hover {
color: #F79F1C;
}
.myfooterfirst p {
letter-spacing: 0.1em;
line-height: 1em !important;
line-height: 1em;
color: #FFFFFF;
border-right: 1px solid #FFFFFF;
}
.myfootersecond a {
font: 400 1.0em Tahoma, sans-serif;
color: #FFF;
}
.myfootersecond a:hover {
color: #F79F1C;
}
.myfootersecond p {
letter-spacing: 0.1em;
line-height: 1em !important;
line-height: 1em;
color: #FFFFFF;
border-right: 1px solid #FFFFFF;
}
.empspace {
border:0px;
height:40px;
width:398px;
margin:0px;
float:none;
float:left;
}
.rightborder {
background:url(img/rightborder.gif) no-repeat;
background-position:right;
width:16px;
float:none;
}
.right {
width:372px;
border:0px;
}
.right1 {
width:372px;
border:0px;
line-height:0px;
}
.right2 {
width: 372px;
height: 342px;
border:0px;
padding:0px;
margin:0px;
line-height:0px;
}
.randtop
{
width: 372px;
height:4px;
}
.randleft
{
float:left;
width: 21px;
height:338px;
}
.randmiddle
{
float:left;
width:312px;
height:338px;
text-align:left;
background:url(img/randimagebg.gif) no-repeat;
}
.randright
{
float:left;
width:38px;
height:338px;
}
.right2 img {
display:block;
}
/* navigation */
.navigation {
background: #D9E1E5 url(img/nav.gif);
border: 1px solid #DFEEF7;
border-color: #DFEEF7 #CFDEE7;
height: 41px;
}
.navigation a {
background: #D9E1E5 url(img/nav.gif);
border-right: 1px solid #AFBEC7;
color: #456;
display: block;
float: left;
font: bold 1.1em sans-serif;
line-height: 41px;
padding: 0 20px;
text-decoration: none;
}
.navigation a:hover {background-position: left bottom; color: #234;}
/* main */
/* sub navigation */
.sidenav {
float: right;
width: 210px;
}
.sidenav h2 {
color: #5A5A43;
font-size: 1em;
line-height: 30px;
margin: 0;
padding-left: 12px;
}
.sidenav ul {
padding: 0;
border-top: 1px solid #EAEADA;
}
.sidenav li {border-bottom: 1px solid #EAEADA;}
.sidenav li a {
font-size: 1.1em;
color: #554;
display: block;
padding: 8px 0 8px 5%;
text-decoration: none;
width: 95%;
}
.sidenav li a:hover {
background: #F0F0EB;
color: #654;
}
/* content */
.content .descr {
color: #664;
font-size: 0.9em;
margin-bottom: 6px;
}
.content li {
list-style: url(img/li.gif);
margin-left: 18px;
}
.content p {font-family: "Lucida Sans Unicode",sans-serif; text-align:justify}
/* footer */
a img {
border: 0;
}
a img.border {
border: 1px solid #FC3307;
}
a:hover img.border {
/* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
border: 1px solid #668FA3 !important;
border: 1px solid #FC3307;
}