/* [html] */
body, h1, h2, h3, h4, h5, h6, p, div, form, fieldset, dl, dt, dd, ul, li, ol, img, table {
margin:0;
padding:0;
border:0;
}
body {
font:70%/170% Verdana, Arial, Helvetica, sans-serif;
background:#1e2327;
color:#808080;
text-align:center;
border-top:7px solid #202529;
}
p, h2, h3, h4 {
margin:15px 0;
}
h1 {
}
h2 {
font:195%/150% Helvetica, Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
margin:15px 0 10px;
}
h3 {
font-size:120%;
}
h4 {
font-size:110%;
}
b {
color:#333;
font-weight:bold;
text-decoration:none;
}
strong {
color:#F39;
font-weight:bold;
text-decoration:none;
}
a {
color:#333;
font-weight:bold;
}
a:hover, a:active {
text-decoration:none;
color:#999;
}
b a:hover, b a:active {
text-decoration:none;
color:#999;
}
acronym {
border:0;
cursor:help;
border-bottom:1px dotted #888d91;
}
#container {
width:750px;
margin:0 auto;
text-align:left;
background:#fff;
}
#leftcol strong, #rightcol strong {
color:#3190E1;
}
#leftcol {
width:295px;
float:left;
padding:0 40px;
border-right:1px solid #e5e5e5;
}
#leftcol ul {
margin:15px 0 0 25px;
list-style:square;
}
#rightcol {
width:294px;
float:left;
padding:0 40px 30px;
}
/* [top and nav] */
.login a {
background:#828484;
font-weight:normal;
padding:3px 7px 5px;
color:#fff;
text-decoration:none;
}
.login a:hover, .log_on {
background:#a9cd3b;
color:#fff;
}
#logo {
text-align:right;
padding:45px 0 15px;
}
#holder, #login {
background:#fff;
border:0;
}
#home #logo {
padding-top:26px;
}
#nav {
height:35px;
border-bottom:1px solid #cccccc;
margin:0 0 30px;
}
#nav ul {
list-style:none;
}
#nav li {
float:left;
color:#aaaaaa;
margin-right:13px;
height:18px;
}
#nav li a {
color:#3f3f3f;
text-decoration:none;
display:block;
height:18px;
}
#nav li a:hover {
color:#999;
text-decoration:none;
border-bottom: 6px solid #F39;
}
/* [home] */
#home_left {
float:left;
width:349px;
border-right:1px solid #cccccc;
padding:0 25px 15px 0;
}
#home_right {
float:left;
width:350px;
padding:0 0 0 25px;
}
#home_left h2, #home_right h2 {
margin:15px 0;
}
#home_left h4 {
margin:15px 0 -15px;
color:#404040;
font-size:100%;
}
/* [portfolio] */
.port_item {
width:210px;
position:relative;
float:left;
padding:0 10px 10px 20px;
color:#d9d9d9;
margin-bottom: 25px;
}
.port_item a:hover {
text-decoration:none;
color:#a9cd3b;
}
.port_item h2 {
font:100%/170% Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
margin-top:10px;
color:#d9d9d9;
}
.port_img {
float:left;
width:250px;
height:149px;
position:relative;
border:1px solid #b3b3b3;
}
.port_desc {
color:#333;
float:left;
width:350px;
left:0px;
padding:0 12px;
}
.cat_img {
width:210px;
height:180px;
position:relative;
border:1px solid #b3b3b3;
text-align:center;
}
.cat_desc {
color:#333;
left:0px;
height:167px;
width: 210px;
margin-bottom:10px;
}
.port_desc li {
list-style:none;
padding-left:16px;
background:url(/images/arrow.gif) no-repeat 0 6px;
font-weight:bold;
color:#a9cd3b;
}
/* [form] */
legend {
display:none;
}
fieldset p {
margin:15px 10px 0 0;
}
label {
width:75px;
float:left;
font-weight:bold;
}
label.choice {
width:250px;
float:left;
font-weight:bold;
}
input, textarea {
font:100% Verdana, Arial, Helvetica, sans-serif;
border:1px solid #ccc;
background:#f2f2f2;
padding:2px;
width:264px;
}
input, textarea {
font:100% Verdana, Arial, Helvetica, sans-serif;
border:1px solid #ccc;
background:#f2f2f2;
padding:2px;
width:264px;
}
select {
font:100% Verdana, Arial, Helvetica, sans-serif;
border:1px solid #ccc;
background:#f2f2f2;
padding:2px;
}
textarea {
height:146px;
}
input.sendbutton {
background:#F39;
color:#fff;
margin:15px 3px 0 0;
float:left;
width:280px;
}
input.choice {
background:#23282c;
color:#fff;
margin:0px 3px 0 0;
float:left;
width:60px;
}
/* [footer] */
#footer_outer {
background:#23282c;
height:240px;
color:#bfbfbf;
text-align:left;
}
#footer {
width:750px;
margin:0 auto;
padding:22px 0 0;
line-height:155%;
}
#footer h3 {
font-size:155%;
font-weight:normal;
}
#footer ul {
list-style:none;
}
#footer_left {
float:left;
width:349px;
border-right:1px solid #393e42;
padding:0 25px 0 0;
background:url(/images/footer-arrow.gif) no-repeat right;
}
#footer_left ul a {
font-weight:normal;
color:#bfbfbf;
text-decoration:none;
}
#footer_left p a {
font-weight:normal;
color:#6C3;
text-decoration:none;
}
#footer_right p a {
font-weight:normal;
color:#6C3;
text-decoration:none;
}
#footer_right {
float:left;
width:350px;
padding:0 0 0 25px;
background:url(/images/footer-map.gif) no-repeat right;
}
#copyright {
height:46px;
color:#c0c0c0;
}
#copyright ul {
list-style:none;
padding:12px 0 0;
width:750px;
margin:0 auto;
}
#copyright li {
float:left;
padding:0;
}
#copyright li.valid {
float:right;
}
#copyright ul li b{
color:#c0c0c0;
}
#copyright a {
color:#c0c0c0;
}
#arrival {
width:685px;
margin:10px auto;
text-align:right;
font:90% Arial, Helvetica, sans-serif;
padding:0 5px 0 0;
}
#arrival a {
color:#fff;
text-decoration:none;
font-weight:normal;
background:url(/images/arrival-arrow.gif) no-repeat right;
padding:0 9px 0 0;
}
/* [extra] */
.divider {
margin:15px 0;
border-bottom:1px solid #cccccc;
font-size:1px;
clear:both;
}
a.readmore {
color:#F39;
padding:0 0 0 15px;
background:url(/images/arrow-left.gif) center left no-repeat;
}
h3.tophead {
margin-top:25px;
}
.cleaner {
clear:both;
}
.whiteblock {
clear:both;
background:#fff;
height:30px;
}
.small {
font-size:80%;
line-height:160%;
}
.spacer {
clear:both;
height:75px;
}
.firstpara {
font-size:110%;
}
.hide, #nav span, #breadcrumbs span, #carousel_frame ul li span, h1 {
position:absolute;
left:-5000px;
margin:0;
padding:0;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline;
}
iframe {
border:0;
margin:0;
padding:0;
overflow:hidden;
}