/* ---- MASTER SITEWIDE STYLING ---- */

body {
margin: 0px auto 0px auto;
padding: 0;
line-height: 1.5em;
text-align: center;
background: url(images/bg_dots.gif) #fff;
}

p {
font: normal 12px Helvetica, Arial; 
color: #666;
vertical-align: top;
}

.center {
text-align: center;
}

p.center {
text-align: center;
}

.right {
text-align: right;
}

.left {
text-align: left;
}

.bold {
font-size: 100%;
font-weight: bold;
}

.italic {
font-style: italic;
}


.floatleft {
float: left;
}


.floatright {
float: right;
}

.systemfloat {
float: right;
padding: 0px 25px 0px 0px;
}


.illimg {
border: 1px solid #666;
margin: 0px 0px 5px 10px;
}

#telnotopalign {
vertical-align: text-top;
}

#bulletlist {
font: normal 12px Helvetica; 
color: #666;
list-style-type: circle;
}

.price {
color: #000;
font: bold 14px helvetica;
}


.squaredcaps {
color: #B9B9B9;
font: bold 12px verdana;

}

.title-blue {
color: #355A84;
font: normal bold 14px helvetica;
}

.subtitle {
color: #999;
font: normal normal 14px helvetica;
}

.subtitle-small {
color: #666;
font: normal bold 12px helvetica;
}

.date {
color: #fff;
font: normal normal 10px arial;
text-align: left;
}

.tel {
color: #86ADD5;
font: normal bold 26px arial;
}

.inflated {
color: #888;
font: normal bold 16px arial;
}

.inflated-lt {
color: #454545;
font: normal normal 18px arial;
vertical-align: top;
}

.smallprint {
color: #666;
font: normal normal 8px verdana;
vertical-align: middle;
}

.smallprint-wht {
color: #fff;
font: normal normal 8px verdana;
vertical-align: middle;
}

.smallprint-blk {
color: #000;
font: normal normal 9px verdana;
vertical-align: baseline;
}

.smallprint-slv {
color: #999;
font: normal normal 9px verdana;
vertical-align: baseline;
}


.invisibletext {
color: #fff;
font: normal normal 8px verdana;
}

.footertext-title {
color: #7D9DB6;
font: normal normal 9px verdana;
vertical-align: baseline;
}

.footertext {
color: #777;
font: normal normal 9px verdana;
vertical-align: baseline;
}

.thumb {
border: 1px solid #000;
}

.noborder {
border: 0px;
margin: 10px 0px 0px 0px;
}


a:link {color: #699FCB}
a:visited {color: #699FCB}
a:hover {color: #546F8A}
a:active {color: red}

a.home:link {color: #777}
a.home:visited {color: #777}
a.home:hover {color: #FF9900}
a.home:active {color: #1768E1}

a.rss:link {color: #fff}
a.rss:visited {color: #fff}
a.rss:hover {color: orange}
a.rss:active {color: navy}

a.subtle:link {color: #324758}
a.subtle:visited {color: #324758}
a.subtle:hover {color: #B5C7D5}
a.subtle:active {color: #FF9900}

a {
text-decoration: none;
}

a.footer:link {color: #699FCB}
a.footer:visited {color: #699FCB}
a.footer:hover {color: #333}
a.footer:active {color: #C1D9E5}

a.footer {
text-decoration: none;
}



/* ---- SITEWIDE ELEMENTS ---- */

table#containertable {
background: #000000;
width: 830px;
border: solid 0px fuchsia;
border-bottom: 1px solid #999;
}

td#leftshadow {
background: url(images/bg_shadL.gif);
vertical-align: top;
}

td#rightshadow {
background: url(images/bg_shadR.gif);
vertical-align: top;
}


#head {
background: url(images/head.png);
width: 100%;
height: 92px;
}

#chromestrip {
background: url(images/bg_chromestrip.jpg);
width: 100%;
height: 12px;
border: 0px dashed red;
}


table#content-containertable {
width: 800px;
height: 100%;
border: 0px green solid;
}

table#content-table {
background: #000000;
width: 100%;
height: 100%;
border: solid 0px #FFFF00;
}

td#sidebar {
width: 170px;
height: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url(images/bg_sidebar.gif) #7D9DB6;
vertical-align: top;
}

td#sidebar_menu {
width: 170px;
height: 135px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url(images/bg_sidebar.gif) #7D9DB6;
vertical-align: top;
border: dashed 0px #FFFF00;
}

#menu-container {
width: 170px;
height: 140px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url(images/bg_sidebarblu.gif) #7D9DB6;
vertical-align: top;
border: 0px dashed red;
}

#date {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 8px;
}

#sidebar_textholder {
 text-align: left;
 border: 0px solid black;
 padding: 0px 0px 0px 12px;
}

td#content-column {
width: 630px;
height: 100%;
background: #FFF;
vertical-align: top;
border: 0px dashed red;
}

#contentcontainer {
 padding: 0px 10px 0px 10px;
 border: 0px fuchsia dashed;
}

#contentfooter {
width: 100%;
text-align: center;
margin: 5px 0px 5px 0px;
border: 0px green dashed;
}

#footer {
position: relative;
height: auto;
clear: both;
background: #fff;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 4px 0px 4px;
border: 0px dashed red;
}

table.borderbottomline {
border-bottom: 1px solid #999;
}



/* ---- INDEX ELEMENTS ---- */

table#services {
border: 0px dashed red;
background: #FFF;
width: 100%;
color: #808080;
text-align: center;
vertical-align: top;
font: bold 10px Helvetica; 
}

td#homeuser {
background: #f0f0f0;
}

#rssholder {
width: 130px;
height: 50px;
border: 0px solid black;
position: relative;
text-align: left;
}

#sidebar_callback {
width: 151px;
height: 155px;
background: url(images/sidebar_callback.jpg);
position: relative;
margin: 10px 0px 0px 8px;
}

#sidebar_homeuser {
width: 150px;
height: 63px;
background: url(images/btn_homeuser.jpg);
position: relative;
margin: 0px 0px 0px 8px;
}

#sidebar_minicontactus {
width: 151px;
height: 198px;
background: url(images/sidebar_contactus.jpg);
position: relative;
margin: 0px 0px 0px 8px;
}



/* ---- CONTACT ELEMENTS ---- */

#contact-contentcontainer {
 padding: 0px 10px 0px 10px;
 border: 0px #dadada solid;
}

#coverage {
 position: relative;
 background: url(images/coverage.gif);
 background-repeat: no-repeat;
 width: 182px;
 height: 198px;
 float: right;
 padding: 0px 5px 0px 0px;
}

#btn_coverage {
 background: url(images/btn_coverage.jpg);
 background-repeat: no-repeat;
 width: 150px;
 height: 63px;
 text-align: center;
 vertical-align: top;
}

table#contactform {
 background: #EAEAEA;
 width: 100%;
 color: #808080;
 text-align: left;
 vertical-align: top;
 font: normal 12px Helvetica; 
 border: 0px dashed #666;
}

td {
 vertical-align: top;
}

.detailtitles {
 font-family: Helvetica, sans-serif; 
 font-size: 12px;
 color: #69c;
}

.details {
 font-family: Helvetica, sans-serif; 
 font-size: 12px; 
 color: #787878;
}

.fieldlabels {
line-height: 165%;
vertical-align: top;
}

.fieldrequired {
 font-size: 10px;
 color: #990000;
 line-height: 165%;
 vertical-align: top;
}

.normalline {
line-height: 100%;
}

.mailinglist-title {
 color: #ffffff;
 font: normal bold 12px helvetica; 
}

.mailinglist-field {
 color: #ffffff;
 font: normal normal 10px helvetica; 
}

#gfc_mailinglist {
background: url(images/mailing-list.gif) #7d9db6;
width: 151px;
height: 45px;
}

#sidebar_mailinglist {
width: 120px;
margin: 0px 25px 0px 0px;
padding: 0px 6px 0px 0px;
background: #7d9db6;
font-family: verdana;
text-align: left;
border: 0px red solid;
}




/* ---- REFERENCE & PORTFOLIO ELEMENTS ---- */

#lefthandcolumn {
 float: left;
 width: 275px;
 height: auto;
 margin: 0px 5px 0px 5px;
 padding: 0px 0px 0px 10px;
 border: 0px dashed green;
 text-align: center;
}

#righthandcolumn {
 float: right;
 width: 275px;
 height: auto;
 margin: 0px 5px 0px 5px;
 padding: 0px 10px 0px 0px;
 border: 0px dashed red;
 text-align: center;
}

#reference {
 position: relative;
 background: url(images/bg_ref.gif) no-repeat;
 width: 270px;
 height: 280px;
 margin: 0px 0px 0px 0px;
 padding: 10px 0px 0px 0px;
 border: 0px dashed #999;
 text-align: center;
}


#id_holder {
position: relative;
width: auto;
height: auto;
text-align: center;
font: normal 12px Helvetica;
color: #666;
border: 0px red solid;
}

#portfolio_item {
 position: relative;
 background: url(images/bg_portitem.gif) no-repeat;
 width: 240px;
 height: 230px;
 margin: auto;
 padding: 10px 0px 0px 0px;
 border: 0px solid red;
 text-align: center;
 font: normal 12px Helvetica; 
 color: #666;
 vertical-align: top;
}

.port {
border: 1px solid #666666;
margin: 0px 0px 7px 0px;
}

#toprow {
position: relative;
clear: both;
bottom: 0px;
width: auto;
margin: 0px 0px 0px 0px;
border: 0px dashed blue;
}



/* ---- SYSTEMS ELEMENTS ---- */

#lefthandsyscolumntop {
 clear: both;
 background: url(images/bg_systemtop.gif) no-repeat;
 width: 275px;
 height: 12px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: 0px dashed green;
}

#lefthandsyscolumnmid {
 background: url(images/bg_systemmid.gif) repeat-y;
 width: 275px;
 height: auto;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 20px;
 text-align: left;
 border: 0px dashed red;
}

#lefthandsyscolumnbtm {
 clear: both;
 background: url(images/bg_systembtm.gif) no-repeat;
 width: 275px;
 height: 17px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: 0px dashed green;
}

#lefthandsyscolumn {
 float: left;
 width: 285px;
 height: auto;
 margin: 0px 5px 30px 0px;
 padding: 0px 0px 0px 15px;
 border: 0px dashed fuchsia;
 text-align: center;
}

#righthandsyscolumn {
 float: right;
 width: 280px;
 height: auto;
 margin: 0px 5px 30px 0px;
 padding: 0px 10px 0px 0px;
 border: 0px dashed blue;
 text-align: center;
}




/* ---- Hardware & Software Elements ---- */


table#hswarelist {
background: #fff;
width: 600px;
height: auto;
border: solid 0px blue;
}

td#hswarelist {
width: 25%;
height: auto;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font: normal 10px verdana;
color: #888;
vertical-align: top;
text-align: center;
border: dashed 0px fuchsia;
}










#bullets {
margin: 0px 0px 0px 25px;
}


/* ---- Form Styling ---- */

form#sidebar { 
 color: #000000; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 6px;
 margin: 0px 0px 0px 5px;
}

form#contactform { 
 color: #000000; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px;
 padding: 5px 5px 5px 5px;
}

table#tablecontact {
 background-color: #EAEAEA;
 color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px;
 padding: 5px 5px 5px 5px;
}

.txtfield { 
 background-color: #9FCFFF; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px;
 margin: 0px 0px 10px 0px;
}

.top {
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px;
 margin: 0px 0px 10px 0px;
}

input { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px;
 margin: 0px 0px 3px 0px;
}

textarea {
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px;
 margin: 0px 0px 3px 0px;
}

select {
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px;
 margin: 5px 0px 0px 0px;
}

.imgbtn {
margin: 4px 0px 0px 85px;
}

.buttons { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 8px; 
 background-color: #0080FF; 
 color: #FFF; 
}





a#tooCool { 
position: fixed; 
right: 0; 
bottom: 0; 
display: block; 
height: 80px; 
width: 80px; 
background: url(images/too_cool.png) bottom right no-repeat; 
text-indent: -999em; 
text-decoration: none; 
}