HTML {
height:100%;
width:100%;
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(./images/) repeat top left #ffffff ; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
a:link {
color:#8fb1c9;
text-decoration: none;
}
a:hover
{
color:#dfdfdf;
text-transform: underline;
}
a:visited
{
color:#fbca24 ;
text-decoration: none;
}
H1 {
FONT-FAMILY: Arimo, sans-serif;COLOR: #f68124;font-size:150%
}
H2 {
FONT-FAMILY: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;COLOR: #f68124;
}
H3 {
FONT-FAMILY: Arimo, sans-serif;COLOR: #f68124;font-size:120%
}
H4 {
FONT-FAMILY: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;COLOR: #ffffff;font-size:120%
}
H5 {
FONT-FAMILY: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;COLOR: #0084ac;font-size:120%
}
H6 {
FONT-FAMILY: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif
}
IMG {
BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
INPUT {
FONT: 100%/160% Verdana, Arial, Helvetica, sans-serif
}
TEXTAREA {
FONT: 100%/160% Verdana, Arial, Helvetica, sans-serif
}
body {
height:100;
WIDTH:100%;
BACKGROUND: url(./images) repeat top left #dfdfdf;
FONT: 0.75em/160% Verdana, Arial, Helvetica, sans-serif; COLOR: #333;
MARGIN: 0px auto;text-align: center;
}
/*
Footer
*/
/*
Type and anchors
*/
#wrapper1 {
position:absolute;
float:center;
WIDTH:100%;
height:150%;
MARGIN: 0px auto;
z-index:11000;
BACKGROUND: #dfdfdf;
}
#header {
POSITION: relative;float:center;
BACKGROUND:url(images/header.jpg) #ffc324 no-repeat top left ;
WIDTH: 1200px;
HEIGHT: 100px;
text-align: left;
margin-top:20px;
margin-bottom:20px;
}
#header H1 {
BACKGROUND: #1d81bd ; WIDTH: 142px; HEIGHT: 85px;
}
#header H2 {
LEFT: 480px; FONT: 125% "Georgia", "Times New Roman", Times, serif; WIDTH: 270px; COLOR: #000000; LETTER-SPACING: 0.07em; POSITION: absolute; TOP: 1px
}
#header H3 {
position: absolute;LEFT: 40%;TOP:0px;FONT: 160% "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; COLOR: #f5d100; LETTER-SPACING: 0.07em;FONT-WEIGHT: bold;text-align: center; margin-top:0%;
}
#pagebody {BACKGROUND:url(./images/) #dfdfdf repeat top left ;
WIDTH: 1200px; POSITION: relative;MARGIN:0px auto;text-align: center;
}
#maincontent {
position:relative;
WIDTH: 1200px;
}
#mainc {
BACKGROUND: url(images/Logo.png) #ffffff no-repeat top left;
position:relative;
WIDTH: 1200px;
padding-top:100px;
}
#maincontent H2 {
COLOR: #0084ac; TEXT-DECORATION: none
}
#maincontent H2 A {
COLOR: #1a1a1a; TEXT-DECORATION: none
}
#maincontent H2 {
FONT: 300% "Georgia", "Times New Roman", Times, serif
}
#swatch {
BACKGROUND: url(images/swatch2.jpg) #ffffff no-repeat top center;
position:relative;
height:339px;
margin-top:20px;
}
#main {
position:relative;
BACKGROUND: url(images/main3.jpg) #ffffff no-repeat top left;
margin-top:20px;
WIDTH: 1200px;
height: 212px;
}
#maintext {
BACKGROUND: url(./images/tit.jpg) #ffffff no-repeat top center;
WIDTH:900px;
POSITION: relative;
float:left;
margin-left:2em;
margin-top: 1em;
padding-top:1em;
text-align:left;
color: #2f3c47;
FONT-FAMILY: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif
FONT-SIZE: 20px;
LETTER-SPACING: 0.03em;
}
#footer {
width:100%;
POSITION:relative;
float:center;
margin-right:0px;
margin-top:10px;
BACKGROUND: #ffc324;
COLOR: #000;
text-align:left;
FONT: 0.95em/160% Verdana, Arial, Helvetica, sans-serif;
}
#padding
{
padding-left:30px;
padding-right:20px;
padding-top:5px;
}
#menu {
background: url(./images/menu.gif) no-repeat 0px 0px;
}
#nav, #nav ul {
position:relative;
FONT: 1.2em/120% Verdana, Arial, Helvetica, sans-serif;
list-style: none;
line-height: 1.1;
font-weight: bold;
margin-top:1em ;
padding-left:600px;
height:40px;
Z-index:1;
color: #ffffff;
BACKGROUND: url(./images/) no-repeat #000000 ;
text-align:left;
BORDER-TOP: #ffffff 3px solid;
BORDER-bottom: #ffffff 3px solid;
}
#nav li {
float: left;
padding: 0;
text-align:left;
margin: 1px;
}
#nav li a {
display: block;
color: #ffffff;
text-decoration: none;
padding: 0.25em 1em;
text-align:left;
}
#nav li a:hover
{
color:#ffc324;
text-align:left;
}
#nav li ul {
position: absolute;
top:23px;
left: -999em;
height: auto;
width:6em;
width: 80px;
font-weight: normal;
text-align:left;
border-width: 0.0em;
margin: 0;
BACKGROUND: #055871 ;
}
#nav li ul li {
padding-right: 1em;
padding-top: 0em;
text-align:left;
margin-left:-40px;
}
#nav LI LI.active {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #c02d1d; PADDING-BOTTOM: 2px; WIDTH: 100px; COLOR: #660000; PADDING-TOP: 2px
}
#nav li ul a {
width: 100px;
w\idth: 9em;
text-align:left;
}
#nav li ul ul {
margin: -1.75em 0 0 14em;
text-align:left;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
color: #336f89;
}
#tab ul {
FONT: 1.1em Verdana, Arial, Helvetica, sans-serif;
list-style: none;
line-height: 1;
padding-bottom:4em;
position: relative;
float:left;
color: #0084ac;
width:100%;
height:44px;
text-align:left;
z-index:5;
background:#dfdfdf;
}
#tab li {
list-style: none;
FONT: 1.1em Verdana, Arial, Helvetica, sans-serif;
list-style: none;
float: left;
padding: 1px 1px;
text-align:left;
color: #0084ac;
width:45%;
}
#tab li a{
FONT: 0.9em Verdana, Arial, Helvetica, sans-serif;
float: left;
padding: 2px 6px;
text-align:left;
color: ##0084ac;
}
#tab1 ul {
float: left;
list-style: none;
line-height: 1;
font-weight: bold;
Z-index:1;
color: #ffffff;
width:600px;
}
#tab1 li {
display:inline;
padding: 0;
width: 200px;
font-weight:bold;
font-size:120%;
text-align:left;
}
#tab2 ul {
margin: 0;
padding: 0;
list-style: none;
line-height: 1;
color: #ffffff;
width:600px;
}
#tab2 li {
display:inline;
padding:0;
width: 200px;
text-align:left;
}
.ols {
color:#737855;
list-style-type:circle;
margin-left:10px;
padding-left:20px;
padding-right:20px;
width:600px;
FONT-SIZE: 11px;
}
#txtback1
{
height:170px;
width:800px;
margin-left:2%;
}
#txtback2
{
height:170px;
width:800px;
margin-left:2%;
}
.txtl
{
position:relative;float:left;
FONT-FAMILY: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif FONT-SIZE: 1.1em/100%;
color:#0084ac;
padding-left:1%;
padding-right:2%;
width:370px;
background: url(images/txtback.png) no-repeat;
}
.txtr
{
position:relative;float:right;
FONT-FAMILY: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif FONT-SIZE: 1.1em/100%;
color:#0084ac;
padding-left:1%;
width:370px;
text-align:justify;
background: url(images/txtback.png) no-repeat;
MARGIN-LEFT:2%;
}
.txtr h4 {
margin: 0 10px 10px 0;
font-size: 14px;
line-height: 24px;
}
.txtl h4 {
margin: 0 10px 10px 0;
font-size: 14px;
line-height: 24px;
}
#list1
{
FONT-FAMILY: Helvetica, Arial, sans-serif; FONT-SIZE: 10pt;
color:#ffffff;
BACKGROUND: url(./images/) no-repeat #e7e6e7;
list-style-type: disc;
width : 600px;
line-height:1.5;
z-index:5;
margin-top:10px;
margin-bottom:10px;
}
#list1 li
{
FONT-FAMILY: Helvetica, Arial, sans-serif; FONT-SIZE: 9pt;
color:#737855;
background:#e7e6e7;
list-style-type: disc;
line-height:1.5;
}
#list2
{
FONT-FAMILY: Helvetica, Arial, sans-serif; FONT-SIZE: 11pt;
color:#737855;
BACKGROUND: url(./images/) no-repeat #e7e6e7;
list-style-type: disc;
margin-top:10px;
margin-bottom:10px;
margin-left:20px;
line-height:1.5;
width:300px;
}
#list2 li
{
FONT-FAMILY: Helvetica, Arial, sans-serif; FONT-SIZE: 9pt;
color:#737855;
background:#e7e6e7;
list-style-type: disc;
}
#list3
{
FONT-FAMILY: Helvetica, Arial, sans-serif; FONT-SIZE: 9pt;
line-height:1.5;
color:#737855;
background:#e7e6e7;
list-style-type: disc;
width:300px;
}
#list3 li
{
FONT-FAMILY: Helvetica, Arial, sans-serif; FONT-SIZE: 9pt;
list-style-type: disc;
color:#737855;
background:#e7e6e7;
}
#list4
{
FONT-FAMILY: Helvetica, Arial, sans-serif; FONT-SIZE: 9pt;
color:#025871;
padding-left:10%;
list-style-type: disc;
line-height:1.2;
text-align:left;
}
#list4 li
{
FONT-FAMILY: Helvetica, Arial, sans-serif; FONT-SIZE: 9pt;
list-style-type: disc;
color:#025871;
}
.largebold {
COLOR: #d5c81e; background:#3687AA;FONT-FAMILY: Helvetica, Arial, sans-serif; FONT-SIZE: 13pt; font-weight: bold;font-variant: small-caps;
}
.nopadding {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; LINE-HEIGHT: 1em; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.formbtn {
COLOR: #ffffff;BORDER-RIGHT: #65afb2 1px solid; BORDER-TOP: #65afb2 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; WORD-SPACING: 1em; TEXT-TRANSFORM: uppercase; BORDER-LEFT: #65afb2 1px solid; BORDER-BOTTOM: #65afb2 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #65afb2
}
.verysmall {
FONT-FAMILY: Helvetica, Arial, sans-serif; FONT-SIZE: 11px;COLOR: #800000;TEXT-DECORATION: underline;
}
#wiper {
position : absolute;
left : 30%;
top : 25%;
width : 400px;
height: 220px;
BACKGROUND: #2C87B0;
Z-index:2;
color:#ffffff;
text-align:left;
}
#general {
position : absolute;
left : 22%;
top : 30%;
width : 400px;
height: 500px;
Z-index:3;
color:#ffffff;
text-align:left;
BACKGROUND: url(./images/general.gif) no-repeat ;
filter:alpha(opacity=00);
opacity: 0.0;
-moz-opacity:0.0;
}
#budget1 {
position : absolute;
left : 13%;
top : 20%;
width : 500px;
height: 300px;
Z-index:10;
text-align:left;
color:#025871;
list-style: none;
FONT-FAMILY: Helvetica, Arial, sans-serif; FONT-SIZE: 9pt;
BACKGROUND: url(./images/pc_div.gif) no-repeat ;
}
#bud {
position : relative;
FLOAT: right;
width : 480px;
height: 300px;
Z-index:2;
padding-left:50px;
padding-right:10px;
color:#025871;
FONT-FAMILY: Helvetica, Arial, sans-serif; FONT-SIZE: 9pt;
}
#bud h4
{
margin-top:-2px;
text-align:center;
font-size:20px;
}
#mailform {
position : absolute;
left : 18%;
top : 200px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width:30%;
Z-index:300;
text-align:center;
color:#ffffff;
BACKGROUND: url(./images/mail.gif) no-repeat #000000 ;
overflow: hidden;
}
#mform {
position : absolute;
left : 18%;
top : 200px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width:30%;
Z-index:300;
text-align:center;
color:#ffffff;
BACKGROUND: url(./images/mail.gif) no-repeat #000000 ;
overflow: hidden;
}
#span1
{
BACKGROUND: url(images/rt.jpg) no-repeat bottom right ;
}
#nav2{
position:relative;
float:left;
BACKGROUND: #025871;
height:200px;
width:160;
color:#025871;
FONT-FAMILY: Helvetica, Arial, sans-serif; FONT-SIZE: 7pt;
Z-index:4;
}
#newsdiv {
position : relative;
FLOAT: right;
FONT-FAMILY: Helvetica, Arial, sans-serif; FONT-SIZE: 7pt;
text-align:justify;
color:#025871;
line-height:1;
border: 1px solid #4c6f82;
}
#newsdiv1 {
position : relative;
FLOAT: right;
BACKGROUND: url(images/newsdiv.jpg) #faf8ef no-repeat 0px 0px;
width : 200px;
height:200px;
margin-left:5px;
margin-top:20px;
FONT-FAMILY: Helvetica, Arial, sans-serif; FONT-SIZE: 12pt;
font-weight: bold;
text-align:center;
color:#fff;
}
#webprob {
POSITION:relative;
float:center;
BACKGROUND-COLOR: #ffffff;
width:50%;
color:#000;
border-top:1px;
}
#roundbot {
position : relative;
FLOAT: center;
width:810px;
height:12px;
BACKGROUND: url(images/roundbot.jpg) #faf8ef no-repeat 0px 0px;
}
#nsdiv {
position : relative;
FLOAT: right;
width : 250px;
Z-index:1;
margin-left:0px;
margin-top:0px;
border: 4px solid #dfdfdf;
FONT: 0.8em/120% Verdana, Arial, Helvetica, sans-serif;
text-align:center;
BACKGROUND: #1681dd;
color:#ffffff;
}
#repair
{
position: relative;width:100%;
}
#repair1
{
BACKGROUND: url(images/hard.png) no-repeat top center ;
float:left;padding-left:20px;width:31%;BORDER-RIGHT: #ccc 1px solid;
margin-right:10px;
list-style-type:circle;
text-align:left;
}
#repair2
{
BACKGROUND: url(images/soft.png) no-repeat top center ;
float:left;padding-left:10px;width:31%;BORDER-RIGHT: #ccc 1px solid;
margin-right:0px;
list-style-type:circle;
text-align:left;
}
#repair3
{
BACKGROUND: url(images/data.png) no-repeat top center ;
float:left;padding-left:10px;width:30%;BORDER-RIGHT: #ccc 1px solid;
margin-right:0px;
list-style-type:circle;
text-align:left;
}
#navlist li
{
display: inline;
list-style-type: none;
padding-right: 30px;
color:#0084ac;
BACKGROUND: url(./images/) repeat top left #cfcfcf ; FONT: 1.3em/150% Verdana, Arial, Helvetica, sans-serif; COLOR: #ffffff;
}
#discuss
{
BACKGROUND: url(./images/) repeat top left #efefef ; FONT: 0.9em/130% Verdana, Arial, Helvetica, sans-serif; COLOR: #444;line-height:1.3;
padding-right: 10px;padding-left:10px;
text-align:justify;
}
html #maintext H2 {
FONT-FAMILY: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; FONT-SIZE: 140%; MARGIN-BOTTOM: 0.0em; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; COLOR:#fbca24; PADDING-TOP: 0px; LETTER-SPACING: 0.05em; margin-top:-2px;
}
html #maintext H3 {
FONT-FAMILY: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: normal; FONT-SIZE: 125%; MARGIN-BOTTOM: 0.0em; PADDING-BOTTOM: 0px; COLOR:#0084ac; PADDING-TOP: 0px; LETTER-SPACING: 0.05em;
}
#maintext a {
color: #8fb1c9;
font-weight: bold;
FONT: 0.89m/100% Verdana, Arial, Helvetica, sans-serif;
line-height:1.5
}
#maintext a:hover
{
color:#ffffff;
text-decoration: none;
}
#intro
{
BACKGROUND: url(./images/cbk.jpg) repeat top left #ffffff ; FONT: 1.1 em/130% Verdana, Arial, Helvetica, sans-serif; COLOR: #444;
padding-right: 10px;padding-left:10px;
text-align:justify;
height:300px;
}
#street_view
{
BACKGROUND: url(./images/cbk.jpg) no-repeat center center #ffffff ; FONT: 1.1 em/130% Verdana, Arial, Helvetica, sans-serif; COLOR: #444;
width:300px;
height:200px;
}
input[type="submit"], input[type="button"], button {
font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-size: 1em;
font-weight: 300;
}
fieldset {
float: center;
margin: 10px 10px 10px 0;
}
fieldset.form-wrapper {
margin: 0;
}
input[type="text"], input[type="password"], select, textarea {
display: block;
float: left;
width: 98%;
padding: 7px;
margin: 0 5px 5px 0;
color: #555555;
background: url('../images/transp-bg.png') repeat 0 0 #ccd0d3;
border: 1px solid #ccd0d3;
font-family: 'Arimo', Helvetica, Arial, sans-serif;
}
select {
width: auto;
min-width: 40%;
}
input[type="submit"], input[type="button"], button {
display: block;
float: left;
padding: 7px 10px;
margin: 0 10px 5px 0;
cursor: pointer;
border: 1px solid #929292;
}
input[type="checkbox"], input[type="radio"] {
background: url('../images/transp-bg.png') repeat 0 0 #ccd0d3;
border: 1px solid #ccd0d3;
}
.but-black {
color: #acacac;
background-color: #03080d;
}
.but-gray {
color: #acacac;
background-color: #3e4348;
}
.but-lightgray {
color: #03080d;
background-color: #e2e5e7;
}
label {
padding: 0 20px 0 0;
}
.but-jag {
color: #f68124;
}
.nowrap {
white-space: nowrap;
}
#address
{
position:relative;
float:right;
font-family: 'Arimo', Helvetica, Arial, sans-serif;
width:15%;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin-top:2%;
margin-right:1%;
color:#000000;
}
#about
{
width:800px;
margin:0 auto;
font-family: 'Arimo', Helvetica, Arial, sans-serif;
font-size: 1.7em;
text-align:justified;
line-height: 1.5;;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin-top:2%;
color:#ffffff;
BACKGROUND: url(./images) repeat top left #ffc327;
BACKGROUND: url(./images) repeat top left #000;
}