* { margin: 0; padding: 0; font-family: Verdana; font-size: 12pt; width: 100%; } body { background-color: #8B8B8B; } a { color: #000000; font-weight: bold; text-decoration: none; transition: color 2s, textshadow 2s; -moz-transition: color 2s, textshadow 2s; -webkit-transition: color 2s, textshadow 2s; -o-transition: color 2s, textshadow 2s; } a:hover { cursor: pointer; color: #BBBBFF;  text-shadow: 0 0 2px #0000ff;  } a.img img { display: none; visibility: hidden; } a.img:hover { box-shadow: 0 0 10px 5px #0000FF, inset 0 0 5px 5px #0000FF; } #site { margin: 25px auto 10px auto; padding: 10px; width: 900px; background-color: #E5E5E5; border-radius: 5px; border-style: solid; border-width: 1px; border-color: #F3F3F3; box-shadow: 0 0 1px 1px #737373; } #banner { margin: 10px auto 5px auto; width: 850px; height: 155px; padding: 5px; border-radius: 5px; border-style: solid; border-width: 1px; border-color: #F3F3F3; box-shadow: INSET 0 0 2px 1px #737373; background-image: url('./theme/default/img/banner.png'); } #banner img { width: auto; } h1 { color: #BBBBFF;  text-shadow: 0 0 6px #0000ff,0 0 5px #0000ff,0 0 4px #0000ff,0 0 3px #0000ff;  font-family: Verdana; font-size: 2.4em; font-weight:100; } img { font-size: inherit; } h2 { color: #BBBBFF;  text-shadow: 0 0 3px #0000ff,0 0 2px #0000ff;  font-family: Verdana; font-size: 1.5em; font-weight:100; } #menu { margin: 10px auto 5px auto; width: 860px; height: 40px; text-align: center; } #menu > ._left { background-image: url("./theme/default/img/menu.png"); background-position: -33px -164px; background-repeat: no-repeat; display: inline-block; height: 40px; vertical-align: top; width: 16px; } #menu > ._right { background-image: url("./theme/default/img/menu.png"); background-position: -49px -164px; background-repeat: no-repeat; display: inline-block; height: 40px; vertical-align: top; width: 16px; margin: 0 0 0 -8px; } #menu > ._mid { background-image: url("./theme/default/img/menu.png"); background-position: 0 -82px; display: inline-block; height: 40px; margin: 0 0 0 -8px; padding: 0; vertical-align: top; width: 828px; } #menu > ._mid > ._right { background-image: url("./theme/default/img/menu.png"); background-position: 0 0; background-repeat: no-repeat; display: inline-block; height: 40px; vertical-align: top; width: 1px; margin: 0 0 0 -3px; } #menu > ._mid > ._left { background-image: url("./theme/default/img/menu.png"); background-position: -119px 0; background-repeat: no-repeat; display: inline-block; height: 40px; vertical-align: top; width: 1px; margin: 0 5px 0 0; } #menu div > ul { display: inline-block; height: 40px; list-style: none outside none; margin: 0 0 0 -8px; padding: 0; vertical-align: top; width: auto; } #menu div > ul > li { height: 40px; display: inline; } #menu div > ul > li:hover { } #menu li > a { margin-left: -3px; margin-right: -3px; color: #000000; text-transform:capitalize; font-weight: bold; font-size: 1.1em; line-height: 40px; background-image: url("./theme/default/img/menu.png"); background-position: 0 0; display: inline-block; height: 40px; width: 120px; } #menu li > a:hover { color: #BBBBFF; background-position: 0 -42px; } #menu span._active { margin-left: -3px; margin-right: -3px; color: #BBBBFF;  text-shadow: 0 0 2px #0000ff;  text-transform:capitalize; font-weight: bold; font-size: 1.1em; line-height: 40px; background-image: url("./theme/default/img/menu.png"); background-position: 0 -42px; display: inline-block; height: 40px; width: 120px; } #content { margin: 10px auto 5px auto; width: 850px; padding: 5px; background-color: #BBBBBB; border-radius: 5px; border-style: solid; border-width: 1px; border-color: #F3F3F3; box-shadow: inset 0 0 1px 1px #737373; } #site-footer { font-weight: bold; color: #ffffff; text-align: center; font-size: .75em; } #price-list { max-height: 300px; overflow-y: scroll; overflow-x: hidden; width: 52%; margin: 5px auto 0 auto; } #price-list dl { width: 96%; font-size:0.85em; background-color: #E5E5E5; border-radius: 5px; border-style: solid; border-width: 1px; border-color: #F3F3F3; box-shadow: 0 0 1px 1px #737373; margin: 3px auto 3px auto; padding: 4px; } #price-list dl dt, #site-list dl dt, #contact > div > dl > dt { text-align:left; display: block; width:60%; font-size: 1.1em; width:auto; overflow: inherit; font-weight:bold; color: #BBBBFF;  text-shadow: 0 0 3px #0000ff,0 0 2px #0000ff;  } #price-list dl dt { float:left; } #price-list dl dd { text-align:left; font-size: .8em; margin-top: 1px; } #price-list dl dd *, #site-list dl dd * { font-size: 1em; } #price-list dl dt + dd { margin-left:65%; width: 30%; font-size: 1em; margin-top: 0px; } #site-list { text-align:center; } #site-list dl { font-size: 0.85em; display: inline-block; width: 200px; height: 205px; background-color: #E5E5E5; border-radius: 5px; border-style: solid; border-width: 1px; border-color: #F3F3F3; box-shadow: 0 0 1px 1px #737373; margin: 0px 5px 3px 5px; padding: 4px; vertical-align: top; } #site-list dl dd { text-align:left; font-size: .8em; margin-top: 1px; height: 43px; overflow: hidden; } #site-list dl dt + dd { height: 140px; width: 190px; margin: 5px auto 2px auto; text-align: center; line-height: 140px; overflow: visible; } #site-list dl dd a { display: inline-block; margin: auto; background-repeat: no-repeat; vertical-align: middle; } .pleft { float: left; width: 355px; margin: 0 2px 0 5px; } .pright { float: right; width: 480px; margin: 0 5px 0 2px; } .clear { clear: both; } #contact .pleft > dl { width: 345px; } #contact .pright > dl { width: 470px; } #contact > div > dl { font-size:0.85em; background-color: #E5E5E5; border-radius: 5px; border-style: solid; border-width: 1px; border-color: #F3F3F3; box-shadow: 0 0 1px 1px #737373; margin: 3px auto 3px auto; padding: 4px; } #contact dl dt { display: block; width: 100%; } #contact dl dd{ display: block; padding: 0; margin: 0; } #contact dl dd form > span { display: block; margin: 0 auto 0 auto; text-align:center; } #contact dl dd dl { height:1%; margin-bottom:0; overflow:hidden; padding-bottom:2px; } #contact dl dd dl dt{ font-size: 0.70em; display: block; text-align:left; width: 80px; color: #000000; background-color:inherit; float: left; font-weight: bold; } #contact dl dd dl dd{ font-size: 0.70em; display: block; font-weight: normal; margin-left: 80px; text-align:left; } #contact .pleft dl dd dl dd{ width: 265px; } #contact dl dd dl dd{ width: 390px; } #contact dl dd dl dd input, #contact dl dd dl dd textarea { width: 390px; } #contact dl dd dl dd textarea { resize: vertical; } a.gbutton, input.gbutton { display:inline-block; margin-top:2px; margin-bottom:2px; padding-top: 3px; text-align:center; vertical-align: middle; width:140px; cursor: pointer; } a.gbutton.small, input.gbutton.small { width:115px; margin-top:1px; margin-bottom:1px; padding-top: 0px; line-height:16px; text-align:center; vertical-align:middle; } a.gbutton.x-small, input.gbutton.x-small { width:70px; margin-top:1px; margin-bottom:1px; padding-top: 0px; }