/* Main Site Styling */

html, body {
    min-width:200px;
    background:rgb(91,158,229);
    color:#000;
    margin:0px;
    padding:0px;
    text-align:center;
    font-family:"lucida sans unicode";
    font-weight:normal;
    font-size:8pt;
}
#main {
    width:980px;
    padding:0px;
    margin:0px auto 0px auto;
    border:0px;
    text-align:left;
    font-family:"lucida sans unicode";
    font-weight:normal;
    font-size:8pt;
}
#header {
    background:url(../images/bg_header.jpg) no-repeat;
    border-left:1px solid rgb(200,220,240);
    width:980px;
    height:120px;
    margin:0px;
    padding:0px;
}
#header img {
    margin:0px;
    padding:0px;
    border:none;
}
#header p{
    float:right;
    color:#fff;
    padding:0px;
    padding-right:10px;
}
#header a{
    display:inline;
    padding:0px 0px 0px 5px;
    text-decoration:none;
    color:#fff;
}
#header a:hover{
    color:#ccc;
}
#nav_top_left {
    background:url(../images/bg_nav_top_left.jpg) no-repeat;
    border-left:1px solid rgb(200,220,240);
    width:230px;
    height:23px;
    margin:0px;
    padding:0px;
}
#nav_top_right {
    background:url(../images/bg_nav_top_right.jpg) no-repeat;
    width:750px;
    height:23px;
    margin:0px;
    padding:0px;
    padding-left:0px;
    text-align:center;
}

/* Top Navigation Setup */
#nav_top_right ul{
    text-align:center;
    margin:0px;
    padding:2px 0px 0px 0px;
    width:525px;
    float:left;
}
#nav_top_right li {
    display:inline;
}
#nav_top_right p{
    margin:0px 0px 0px 5px;
    padding:2px;
    font-family:"lucida sans unicode";
    font-size:8pt;
    font-weight:normal;
}
#nav_top_right a{
    background:url(../images/nav_bar_l_off.gif) left top no-repeat;
    color:#000;
    text-decoration:none;
    float:none;
    display:inline;
    margin:0px;
    padding-top:3px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    font-family:"lucida sans unicode";
    font-size:8pt;
    font-weight:normal;
    text-align:center;
}
#nav_top_right a:hover {
    background:url(../images/nav_bar_l_hov.gif) left top no-repeat;
    text-decoration:underline;
    color:#fff;
}
#nav_top_right a span {
    background:url(../images/nav_bar_r_off.gif) right top no-repeat;
    padding:3px 10px 5px 5px;
}
#nav_top_right a:hover span{
    background:url(../images/nav_bar_r_hov.gif) left top no-repeat;
}
#main_page_area {
    width:980px;
}
#main_bottom {
    width:980px;
    height:18px;
    padding:0px;
    margin:0px auto 0px auto;
}
#nav_main_left {
    background:rgb(91,158,229) url(../images/bg_nav_main_left.jpg) no-repeat;
    border-left:1px solid rgb(200,220,240);
    width:240px;
    height:30px;
    margin:0px;
    padding:0px;
}
/* Main navigation setup */
#nav_main_right {
    background:url(../images/bg_main_right.jpg) no-repeat;
    float:left;
    font-size:93%;
    line-height:normal;
    margin:0px;
    padding:0px;
    width:740px;
    height:30px;
    text-align:left;
    font-family:"lucida sans unicode";
/*    font-size:8pt; */
    font-weight:normal;
    color:#000;
}
#nav_main_right p {
    font-family:"lucida sans unicode";
    font-size:16pt;
    font-weight:normal;
    color:#000;
    text-align:right;
    margin:0px;
    padding:0px;
    padding-right:10px;
}
#nav_main_right ul{
	margin:0;
	padding:5px 10px 0 10px;
	list-style:none;
}
#nav_main_right li{
    display:inline;
    margin:0;
    padding:0;
}
#nav_main_right a{
    float:left;
    background:url("../images/tableftJ.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 5px;
    text-decoration:none;
}
#nav_main_right a span {
      float:left;
      display:block;
      background:url("../images/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 3px 6px;
      color:#24618E;
      }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav_main_right a span {float:none;}
    /* End IE5-Mac hack */
    #nav_main_right a:hover span {
      color:#FFF;
      }
    #nav_main_right a:hover {
      background-position:0% -42px;
      }
    #nav_main_right a:hover span {
      background-position:100% -42px;
      }
#main_page_area {
    background:#fff;
    padding:0px;
    margin:0px auto 0px auto;
}
#data {
    padding:0px;
    margin:0px;
    width:740px;
}
#data p{
    margin:0px;
    margin-bottom:5px;
    padding:0px 10px 0px 10px;
}
.white {
    float:right;
    color:#fff;
}
.boxx, .boxx2 {
    margin:0px;
    margin-bottom:10px;
    padding:0px;
    padding-bottom:10px;
    width:220px;
    text-align:right;
    background:url(../images/bg_box_bot.gif) bottom right no-repeat;
}
.boxx {
    height:120px;
}
.boxx2 {
    height:90px;
}
.boxx img, .boxx2 img {
    border:none;
    float:left;
    padding:0px 0px 0px 5px;
}
.boxx h2, .boxx2 h2 {
    background:url(../images/bg_box_top.gif) no-repeat;
    margin:0px;
    margin-bottom:0px;
    padding:10px 10px 10px 0px;
    color:#000;
    font-size:10pt;
    font-weight:normal;
    text-decoration:none;
}
.boxx p, .boxx2 p {
    display:block;
    text-align:left;
    margin:0px;
    padding:0px 10px 0px 10px;
    color:#666;
    font-size:8pt;
    font-weight:normal;
    text-decoration:none;
}
.boxx a, .boxx2 a{
    padding-right:10px;
    color:#00f;
}
.boxx a:hover, .boxx2 a:hover {
    color:rgb(210,150,36);
}
.bdline {
    height:10px;
    padding:0px;
    border-bottom:1px solid rgb(60,113,189);
    width:485px;
}
.annoy {
    padding:10px;
    border-bottom:1px solid rgb(60,113,189);
}
#page_area {
/*  background:#fff; */
    padding:0px;
    margin:0px;
    color:#000;
    width:980px;
}
#left {
    background:rgb(91,158,229) url(../images/bg_left.jpg) top left no-repeat;
    border-left:1px solid rgb(200,220,240);
    width:240px;
}
#left img{
    margin:0px;
    padding:0px;
    border:none;
}
#left ul{
    color:#fff;
    font-family:"Lucida Sans Unicode";
    font-weight:bold;
    text-align:left;
    margin:10px 0px 0px 40px;
    padding:0px;
}
#left li{
    padding:0px 0px 0px 5px;
}
#left a{
    color:#fff;
}
#left a:hover{
    color:#ccc;
}
#content, #content_design, #content_contact, #content_hosting, #content_services, #content_portfolio, #content_repair {
    width:760px;
    padding:10px;
    margin:0px;
    float:left;
    font-size:8pt;
    text-align:left;
}
#content {
    background:#fff url(../images/page_main.jpg) no-repeat;
}
#content_legal {
    width:738px;
    padding:0px;
    margin:0px;
    float:left;
    font-size:8pt;
    font-family:arial;
    text-align:left;
}
.content_image {
    background:#fff url(../images/page_design.jpg) bottom no-repeat;
}
#content_contact {
    background:#fff url(../images/page_contact.jpg) no-repeat;
    height:350px;
}
#content_services {
    background:#fff url(../images/page_services.jpg) no-repeat;
    height:350px;
}
#content_portfolio {
    background:#fff url(../images/page_services.jpg) no-repeat;
    height:350px;
}
#content_repair {
    background:#fff url(../images/page_repair.jpg) no-repeat;
    height:350px;
}
#content_smoky {
    background:#fff;
    height:350px;
}
#port {
    width:750px;
    padding:5px 0px 0px 0px;
    margin:0px;
    height:360px;
    overflow:auto;
}
#port_left {
    width:370px;
}
#port_right {
    width:370px;
}
#port_left img {
    padding:0px;
    margin:5px;
    border:1px solid #000;
    float:right;
}
#port_right img {
    padding:0px;
    margin:5px;
    border:1px solid #000;
    float:right;
}
#content_hosting {
    background:#fff url(../images/page_hosting.jpg) no-repeat;
    height:350px;
}
#content_quote {
    background:#fff;
    width:580px;
    height:460px;
    margin:0px;
    padding:0px;
    padding-left:10px;
    text-align:left;
}
.desi {
    width:50%;
    padding:10px;
    margin:0px;
    border-bottom:1px solid rgb(60,113,189);
}
.desialt {
    width:250px;
}
.desi p {
    margin:0px;
    padding:0px;
}
#page_scroll {
    width:715px;
    height:290px;
    padding-right:5px;
    overflow:auto;
}
#quote_field_left {
    width:275px;
}
#quote_field_right {
    width:300px;
}
h5 {
    margin:0px;
    padding:0px;
    padding-top:5px;
    font-size:125%;
}
img {
    margin:5px;
    margin-top:10px;
    margin-right:10px;
    border-top:1px solid #ccc;
    border-left:1px solid #333;
    border-right:1px solid #666;
    border-bottom:1px solid #333;
}
.contenttext {
    font-size:8pt;
}
.contenttext img{
    float:left;
}
#overfloe {
    width:700px;
    height:350px;
    padding-left:10px;
    overflow:auto;
    font-size:8pt;
}
#repair {
    float:right;
    border:0px;
    margin-right:30px;
}

#contentlink td {
    width:150px;
    text-align:center;
    font-family:"lucida sans unicode";
    font-size:8pt;
    font-weight:normal;
}
#content ul{
    margin-left:15px;
}
#right {
    background:rgb(91,158,229) url(../images/bg_right.gif) no-repeat;
    width:178px;
    margin:0px;
    padding:0px;
    text-align:center;

}
#news {
    margin-top:20px;
    margin-bottom:10px;
    width:180px;
    height:350px;
}
#news_quote {
    margin-top:20px;
    margin-bottom:10px;
    width:170px;
    height:450px;
    overflow:auto;
    border-bottom:1px solid #fff;
}
#fmElem01 {
    width:500px;
    margin:0px;
    padding:0px;
}
#fmElem011 {
    width:500px;
    margin:0px;
    padding:0px;
}
#fmElem02 p{
    margin:0px;
    padding:0px;
}
#base {
    margin:0px;
    margin-left:-20px;
    padding:0px;
    width:778px;
}
#footer {
    background:url(../images/bg_foot_fill.jpg) repeat-x;
    height:26px;
    font-family:"lucida sans unicode";
    font-size:8pt;
    padding:0px;
    font-weight:normal;
    text-align:right;
    color:#000;
}
a:visited {
    color:#00f;
}
#credit {
    background:rgb(218,235,255);
    font-family:"lucida sans unicode";
    font-size:8pt;
    margin:0px;
    padding:0px;
    padding-right:5px;
    font-weight:normal;
    text-align:right;
    color:#000;
}
#credit p {
    margin:0px;
    padding:0px;
    padding-top:2px;
    float:left;
}
#credit img {
    margin:0px;
    border:none;
}
.decor {
    padding:0px;
    margin:0px;
    margin-right:5px;
    border:none;
    font-family:"arial";
    font-size:10pt;
}
.decor02 {
    padding:0px;
    margin:0px;
    margin-right:5px;
    border:none;
    font-family:"verdana";
    font-size:8pt;
    font-weight:normal;

}
.under {
    padding:0px;
    margin:0px;
    width:250px;
    font-size:4pt;
    border-bottom:1px solid rgb(60,113,189);
}
.rt3 {
    margin:0px;
    margin-right:15px;
    padding:0px;
    float:right;
    border:1px solid #000;
    width:130px;
    height:195px;
}
/*form & table styling */

table {
    border:0px;
}
td {
    border:0px;
}
label {
    width:10em;
    float:left;
    clear:both;
    text-align:right;
    margin:0.25em 1em 0em 0em;
    display:block;
    font-size:8pt;
}
#quote_field_left label {
    width:8em;
    float:left;
    clear:left;
    text-align:right;
    margin:0.25em 1em 0em 0em;
    display:block;
}
#quote_field_right label {
    width:8em;
    float:left;
    clear:left;
    text-align:right;
    margin:0.25em 1em 0em 0em;
    display:block;
}
fieldset {
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #666;
    border-bottom:1px solid #666;
    padding:0px 10px 10px 5px;
}
#quote_field_left fieldset {
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #666;
    border-bottom:1px solid #666;
    padding:5px 10px 10px 5px;
}
#quote_field_right fieldset {
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #666;
    border-bottom:1px solid #666;
    padding:5px 10px 10px 5px;
}
#accdetails .acc fieldset {
    border-top:1px solid #fff;
    border-left:2px solid #666;
    border-right:1px solid #ccc;
    border-bottom:2px solid #666;
    padding:0px 3px 3px 3px;
}
input{
    font-size:8pt;
}
select {
    font-size:8pt;
}
#accdetails .acc font{
    font-size:8pt;
}
#accdetails .acc input{
    background:0;
    font-size:8pt;
    font-weight:normal;
}
#accdetails label {
    width:9em;
    float:left;
    clear:left;
    text-align:right;
    margin:0.25em 1em 0em 0em;
    display:block;
}
.norm input{
    background:#fff;
    border:1px solid #666;
    font-size:10pt;
}
.leg {
    display:block;
    background:url(../images/fmfield.gif) no-repeat;
    text-align:center;
    color:#333;
    width:86px;
    margin:0px;
    padding:2px 2px 2px 2px;
    font-style:italic;
}
.error {
    visibility:hidden;
    color:#f00;
    font-weight:normal;
}
.err {
    color:#f00;
}
blockquote {
    text-align:center;
}
#error {
    color:#f00;
    padding:0px;
    margin:0px;
}
#error .errnorm {
    color:#000;
}
.nosp {
    margin:0px;
    padding:0px;
}
.tip {
    border:0px;
    margin:0px;
    padding:0px;
    float:right;
    text-align:right;
    color:#f00;
}
input.sub-btn {
    width: 100px;
    height: 30px;
    background:url(../images/fmsub.gif) no-repeat;
    outline: none;
}
input.sub-btn:hover {
    background:url(../images/fmsub.gif) no-repeat;
}
