/*id tags*/
#container{
    padding: 0px;
    text-align: left;
    margin-right: auto;
    margin-left: auto;
    border: 0px none;
    background-image: url(../pics/content_back.gif);
}

* html #container{/*for IE */
  width: 778px; !important; /*IE 6.x */
  width /**/:778px; /*IE 5.5 */
}

#container{
    width: 778px;
}

#top_proj{
    width: 778px;
    margin: 0px auto;
    padding: 0px;
    position:absolute;
    top: 0px;
    background-image: url(../pics/top_proj.gif);
    background-repeat: no-repeat;
    background-position: left top;
    z-index: 0;
}

#top_rast{
    width: 778px;
    margin: 0px auto;
    padding: 0px;
    position:absolute;
    top: 0px;
    background-image: url(../pics/top_rast.gif);
    background-repeat: no-repeat;
    background-position: left top;
    z-index: 0;
}

#globalnav{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    margin-left: 12px;
    margin-top:11px;
}

#globalnav a{
    text-decoration: none;
    padding: 10px 7px 10px 5px;
    font-weight:bold;
}

#globalnav a.nolink{
    font-weight:bold;
    color:#A9C216;
}

#topnav{
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;

}
* html #topnav{/*for IE */
  width: 550px; !important; /*IE 6.x */
  width /**/:550px; /*IE 5.5 */
  padding: 0px 0px 3px 0px; /*IE 5.5 */
  padding: 0px 0px 3px 0px; /*IE 6.x */
  margin: 118px 0px 0px 0px; /*IE 5.5 */
  margin: 118px 0px 0px 0px; /*IE 6.x */
}
#topnav{ /*Other Browsers */
    width: 550px;
    padding: 0px 0px 3px 0px;
    margin: 118px 0px 0px 0px;
}

#topnav a{
    color:#FFFFFF;
    text-decoration:none;
    display: block;
    float: left;
    text-align:left;
    padding: 5px 7px;
    letter-spacing: 0px;

}

#topnav a:visited{
    color:#FFFFFF;
}

#topnav a:active, #topnav a:hover{
    background-color:#FF9900;
    text-decoration:none;
}

#content{
    padding: 180px 20px 20px 20px;
    margin:0px;
    float:left;

}

* html #content{/*for IE */
  width: 558px; !important; /*IE 6.x */
  width /**/:598px; /*IE 5.5 */
}

#content{
    width: 558px;
}

#rightnav{
    float: right;
    padding: 178px 10px 0px 0px;
}

* html #rightnav{/*for IE */
    width: 170px; !important; /*IE 6.x */
    width /**/:180px; /*IE 5.5 */
}

#rightnav{
    width: 170px;
}

#rightnav p, #rightnav table{
    font-size:10px;
    font-family:Verdana, Geneva, sans-serif;
    line-height:12px;
    color: #333333;
    margin-left:3px;
}

#rightnav table{
    width:auto;
}
#rightnav table td{
    padding: 3px 3px 1px 0px;
}

#rightnav h2{
    font-size:16px;
    line-height:16px;
    background-color: #A6C218;
    background-image: url(../pics/rightnav_h2_back.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    color: #FFFFFF;
    padding-left: 5px;
    padding-bottom: 7px;
    padding-top: 6px;
    padding-right: 3px;
}
.internet_marketing {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    line-height: 11pt;
    background-color: #E1EC9F;
    font-weight: bold;
    color: #002F64;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 10px;
    background-image: url(../pics/shadow_main_items.gif);
    background-position: bottom;
    background-repeat: repeat-x;

}

.internet_marketing h2{
    FONT-SIZE: 16px;
    color: #004E87;
    text-align: right;
    letter-spacing: 3px;
    padding: 5px 10px 7px 5px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #666666;
    background-image: url(../pics/internet_marketing_h2_back.gif);
    background-repeat: repeat-x;
    background-position: right bottom;
    margin-top: 0px;
    margin-right: 1px;
    margin-bottom: 0px;
}

.internet_marketing h2 a{
    color: #004E87;
    text-decoration: none;
}
.internet_marketing ul{
    margin-top:15px;
}

.internet_marketing ul li{
    margin-left:-25px;
    margin-right: 5px;
    color: #002F64;
    font-size:10px;
    margin-bottom:10px;
}

.internet_marketing a{
    color:#004881;
    font-weight: bold;
}

.internet_marketing a:hover{
    color:#FF9900;

}

.internet_marketing_img{
    padding: 0px;   
    border: solid 1px #CCCCCC;
}

.internet_marketing_img a{
    border: solid 3px #CCCCCC;
}

.internet_marketing_img a:hover{
    border: solid 3px #CCCCCC;
}
.internet_marketing table{
    font-size:11px;
    font-family:Verdana, Geneva, sans-serif;
    line-height:12px;
    color: #333333;
    font-weight: normal;
}

.internet_marketing table{
    width:auto;
}
.internet_marketing table td{
    padding: 3px 10px 1px 5px;
}
.web_dev {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    line-height: 11pt;
    background-color: #D3D8ED;
    font-weight: bold;
    color: #002F64;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 10px;
    background-image: url(../pics/shadow_main_items.gif);
    background-position: bottom;
    background-repeat: repeat-x;

}

.web_dev h2{
    FONT-SIZE: 16px;
    color: #004E87;
    letter-spacing: 3px;
    text-align: right;
    padding: 5px 10px 7px 5px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #EDF4C5;
    background-image: url(../pics/web_dev_h2_back.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.web_dev h2 a{
    color: #004E87;
    text-decoration: none;

}

.web_dev h2 a:hover{
    color:#A9C216;
}
.web_dev ul{
    margin-top:15px;
}

.web_dev ul li{
    margin-left:-25px;
    margin-right: 5px;
    color: #002F64;
    font-size:10px;
    margin-bottom:10px;
}

.web_dev a{
    color:#004881;
    font-weight: bold;
}

.web_dev a:hover{
    color:#FF9900;
}
.web_dev table{
    font-size:11px;
    font-family:Verdana, Geneva, sans-serif;
    line-height:12px;
    color: #333333;
    font-weight: normal;
}

.web_dev table{
    width:auto;
}
.web_dev table td{
    padding: 3px 10px 1px 5px;
}
.gnu_blue{
    color: #003399;
    font-weight: bold;
}
.gnu_black{
    color: #333333;
    font-weight: bold;
}

#footer{
    width: 778px;
    padding: 0px;
    margin: 0px;
    background-image: url(../pics/footer_back.gif);
    background-position: left top;
}

* html #footer{/*for IE */
  margin-top: 0px; !important; /*IE 6.x */
  margin-top /**/:0px; /*IE 5.5 */
}

#footer{
    margin-top:-5px;
}

#legal {
    font-size: 10px;
    padding-top: 10px;
    padding-left: 15px;
    padding-bottom: 11px;
    margin: 0px;
    line-height: 10px;
    color: #FFFFFF;

}
#legal a{
    color:#FFFFFF;
}
#legal a:visited{
    color:#FFFFFF;
}
#legal a:active, #legal a:hover{
    color:#FF9900;
}

#toplink{
    float:right;
    font-size: 12px;
    font-family:Verdana, Geneva, sans-serif;
    margin: 3px 8px 0px 0px;
    padding: 5px 0px 6px 22px;
    background-image: url(../pics/totop.gif);
    background-repeat: no-repeat;
    background-position: left center;
    display: block;

}
#toplink a{
    color:#FFFFFF;
}
#toplink a:visited{
    color:#FFFFFF;
}
#toplink a:active, #toplink a:hover{
    color:#FF9900;
}

#masthead_pic{
    float:right;
    margin:0px;
    padding:0px;
}

* html #masthead_pic{/*for IE */
  margin-right: 0x; !important; /*IE 6.x */
  margin-right /**/:-3px; /*IE 5.5 stooopid */
}

#masthead_pic{
    margin-right:0px;
}

#home {
}

#news p.title{
    padding-bottom:0px;
    padding-left:0px;
    margin-bottom: 2px;
    font-weight:bold;
}

#company_focus{
    margin-bottom:10px;
}

#company_focus p, #company_focus ul li, #company_focus ol li{
    font-size: 11px;
    line-height: 17px;
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#company_focus h2{
    margin-top:0px;
    padding-top: 0px;
    margin-bottom:5px;
    line-height:18px;
}

#company_focus img{
    border: solid 1px #CCCCCC;
}


#news p {
    font-size: 10px;
    margin-bottom: 5px;
    line-height: 12px;
}

/*Redefine HTML tags*/

body {
    text-align: center;
    padding: 0px;
    margin:0px 0px 15px 0px;
    background-color: #FFFFFF;
}

a{
    color: #004E87; 
}

a:visited{
    color: #666666;
}

a:hover, a:active {
    color: #FF9900;
}

a img, a img.img_left_text, a img.img_right_text, a img.img{
    border: none;
}

a img{
    text-decoration:none;
}

p, ul, ol, li{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #333333;
    line-height: 18px;
}

p{
    margin-top: 2px;
    margin-bottom: 11px;
}

ul, ol{
    margin-top: 2px;
    margin-bottom: 12px;
}

ul li, ol li {
    margin-left: -40px;
    padding: 0px 0px 0px 12px;
    margin-bottom: 3px;
    background-image: url(../pics/bullet.gif);
    background-repeat: no-repeat;
    list-style-type: none;
    background-position: 0px 0px;
}

ol li {
    margin-left: -10px;
    background-image: none;
    list-style-type: decimal;
}

ul li ul, ol li ol{
    margin-bottom: 5px;
}

h1,h2,h3,h4,h5,h6 {
    MARGIN-TOP: 5px;
    MARGIN-BOTTOM: 2px;
    color: #004881;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 3px;
    padding-bottom: 1px;
    background-image: url(../pics/dot_gld_lt.gif);
    background-repeat: repeat;
}

h1{
    background-image: none;
    font-size: 24px;
    margin-bottom: 5px;
    font-family: "Arial Black", Gadget, serif;
}

h2{
    FONT-SIZE: 15px;
}

h3{
    FONT-SIZE: 13px;
}

h4{
    FONT-SIZE: 12px;
}

h5{
    FONT-SIZE: 11px;
}

h6{
    FONT-SIZE: 10px;
}

form{
    margin: 0px;
    padding: 0px;
}

input, textarea {
    font-family: Tahoma,Verdana, Helvetica, sans-serif;
    font-size: 10px;
    padding: 4px 2px 3px 2px;
    line-height: 10px;
    font-style:normal;
}

select{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    padding:1px;
}

textarea{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    border: 1px solid #789EBE;
    margin: 3px auto;
}

/*Image stuff*/

.img_left{
    float:left;
}

.img_right{
    float:right;
}

.img_noborder, div img.img_noborder{
    border: 0px;
}

a img.nolink {
    border:none;
}

.img_left_text{
    float:left;
    margin-top: 2px;
    margin-right: 7px;
    margin-bottom: 4px;
    margin-left: 0px;
    background-color: #FFFFFF;
    background-image: url(../pics/pic_left_back.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 0px;
}

.img_right_text{
    float:right;
    margin-top: 2px;
    margin-right: 0px;
    margin-bottom: 4px;
    margin-left: 7px;
    padding: 0px;
}

.img_right_rightnav{
    margin-top: -4px;
    margin-right: 0px;
    margin-left: 0px;
    padding:0px;
    float:right;
}

.mainpic{
    margin: 0px -10px;
}

/*Form & Table Elements*/

.textbox, .tables td select.textbox{
    border: 1px solid #607DBC;
    margin: 0px;
    padding: 2px;
}

.searchbox {
    border: 1px solid #789EBE;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 1px;
    line-height: 10px;
}

.box_container{
    background-color: #CCCCCC;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 1px;
    margin:0px;
}

.box_container h1, .box_container h2{
    FONT-SIZE: 16px;
    color: #FFFFFF;
    padding: 6px 0px 7px 5px;
    font-weight: normal;
    font-family: Verdana, Geneva, sans-serif;
    background-color: #004881;
    margin-top: 0px;
    margin-right: 1px;
    margin-bottom: 0px;
}

.box_container div{
    margin: auto 1px 1px auto;
    padding: 3px;
    border-bottom: solid 1px #827C4A;
}

.tables_noheading{
    border-style: solid;
    border-width: 1px 0px 0px 1px;
    border-color: #827C4A;
}

* html .tables_noheading{
    width: 100%; !important; /*IE 6.x */
    width /**/:auto; /*IE 5.5 */
}

.tables_noheading{
    width: 100%;
}

.tables{
    border-left: none 0px;
}

.tables ul li{
    font-size: 10px;
}

.tables td, .tables_noheading td {
    font-family: verdana;
    font-size: 10px;
    padding: 8px 3px 3px 4px;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    color: #004E87;
    font-weight: normal;
    vertical-align: top;
    background-color: #F2F2F2;
}

.tables td p, .tables td table tr td p {
    font-family: verdana;
    font-size: 10px;
    margin: 3px auto;
    line-height: 13px;
}

.tables td.nopadding table tr.thinrow td {
    padding-bottom: 0px;
    line-height:5px;
    font-size: 5px;
}
    
.secondrow {
    background-color:#CCCCCC;
}

.tables td td, .tables_noheading td td {
    border-style: none;
    border-width: 0px;
    margin: 0px;
}

.nopadding table.tables td{
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

.tables_label td, td.tables_label, .tables td.nopadding table tr.tables_label td {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #333333;
    background-color: #CCCCCC;
    font-weight: bold;
    padding: 8px 0px 8px 5px;
}

.tables_subheading td, td.tables_subheading, .tables td.nopadding table tr.tables_subheading td {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #353535;
    background-color: #AFC3D3;
    font-weight: normal;
    padding: 8px 0px 8px 5px;
}

.tables_label td a, td.tables_label a{
    color:#004B7C;
}

td.tables_info{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    padding-bottom: 8px;
    padding-top: 7px;
}

.tables_info{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
}

.tables td.nopadding{ /*for nested tables inside another table*/
    padding:0px;
}

.tables td.nopadding table td.nopadding{ /*for nested tables inside another table*/
    padding:0px;
}

.tables td.nopadding table{
    margin-top:3px;
    margin-bottom: 2px;
}

.tables td.nopadding table td{ /*for nested tables inside another table*/
    padding: 7px 2px 4px 5px;
}

.tables td input, .tables td select , .tables td texarea{ /*pulls input boxes up to align with label text*/
    margin-top: -4px;
}

.td_correct{ /*for special cases where an individual td has to be brought in line with overall style*/
    border-right: 1px solid #71AC23; 
    border-bottom: 1px solid #71AC23; 
    background-color:#FFFFFF; 
    padding:4px;
}

/*miscellaneous*/
.required{
    color:#CC0000;
}

.failure{
    color:#CC0000;
    font-weight:bold;
}

.success{
    color:#009900;
    font-weight:bold;
}

.alert{
    color:#CC0000;
    font-weight:bold;
}

.invisible {
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
}

.sub {
    font-size: 22px;
}

.firstletter {
    color: #A9C216;
    font-size: 26px;
}

h2 .firstletter {
    color: #A9C216;
    font-size: 20px;
}

.section {
}

.pSmall{
    font-size: 9px;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    line-height: 11px;
}

.nolink{
    cursor: default;
}

.newsdate{
    font-style:italic;
    font-size:10px;
    font-family:Verdana, Geneva, sans-serif;
    color:#A9C216;
}

/*form button stuff */
.formbutton, #rightnav input.formbutton{
    padding: 2px;
    font-family: arial;
    font-size: 11px;
    line-height: 11px;
    color: #004E87;
    font-weight: normal;
    background-color: #CCCCCC;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(../pics/form_btn_back.gif);
    border-top: 0px solid;
    border: 1px solid #A6C218;
}

.tables tr.secondrow .formbutton{
    background-image: url(../pics/btn_submit.gif);
}

/*checkboxes*/
td.checkbox input{
    
}

*html td.checkbox input{
    margin: -1px; /*IE 5.5 */
    m\argin: -1px; /*IE 6.x */
    padding: -1px; /*IE 5.5 */
    p\adding: -1px; /*IE 6.x */
}

td.checkbox input{
    vertical-align: middle;
    margin:1px;
    padding: 1px;
    line-height: 0px;
}

.checkbox_text{
    line-height: 0px;
    padding: 0px;
    margin: 0px;
}

/*top icons*/

#globalnav a.home, #globalnav a.contact, #globalnav a.quotation, #globalnav a.sitemap{
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 27px;
}
    
.home{
    background-image: url(../pics/icon_home.gif);
}

.contact{
    background-image: url(../pics/icon_contact.gif);
}

.quotation{
    background-image: url(../pics/icon_quotation.gif);
}

.sitemap{
    background-image: url(../pics/icon_sitemap.gif);
}