/***************************************
GO!
***************************************/

* { margin: 0; padding: 0; }
body {
    font-size: 76%;
    line-height: 1;
    font-family: Verdana, Trebuchet MS, sans-serif;
    border-top: 20px solid #486992;
    border-bottom: 40px solid #486992;
}

#wrapper {
    position: relative;
    width: 85%;
    padding: 20px 0;
}

#footer {
    border-top: 1px solid #939393;
    padding: 10px 0 10px 20px;
    margin-top: 45px;
}
img { position: relative; }
/***************************************
LINKS
***************************************/
a:link, a:visited { color: #653631; }
a:hover { color: #a6a28b; }
a img { border: none; }
/***************************************
HEADER
***************************************/
#header {
    position: relative;
    background: url(img/header_bg2.gif);
    margin-bottom: 20px;
}
#header_image {
    height: 150px;
    background: url(img/tr_brown.gif) no-repeat right top;
}
#header_image img { float: left; margin-right: 10px;}
#header_image h3 { 
    padding-top: 50px; 
    color: #FFF;
    font-size: 1.6em;
    line-height: 1.2;
}
div.br {
    position: relative;
    width: 100%;
    background: #486992 url(img/br_blue.gif) no-repeat right bottom;
    border-top: 2px solid #FFF;
    clear: both;
}
.br p {
    text-align: right;
    color: #DEE1E0;
    padding: 20px 20px 20px 0;
}

/***************************************
MENUS
***************************************/
#menu {
    padding-bottom: 11px;
    border-bottom: 1px solid #486992;
    margin-bottom: 20px;
}
h1.logo {
    background: url(img/logo.jpg) no-repeat RIGHT 0;
    right: 20px;
    height: 75px;
    text-indent: -2000px;
    width: 100%;
    margin-bottom: 20px;
}

#menu ul { 
    text-align: right;
    clear: left;
}
#menu li {
    display: inline;
    list-style-type: none;
    font-size: 12px;
}
#menu a {
    margin: 0 10px 6px 10px;
    text-decoration: none;
    color: #653631;
    font-weight: bold;
}
#menu a:hover {
    border-bottom: 4px solid #486992;
    padding-bottom: 6px;
    color: #a6a28b;
}
#home #menu li.home a {
    border-bottom: 4px solid #a6a28b;
    padding-bottom: 6px;
    color: #a6a28b;
}
#home #menu li.home a:hover {
    border-color: #a6a28b;
}
#contact #menu li.contact a {
    border-bottom: 4px solid #a6a28b;
    padding-bottom: 6px;
    color: #a6a28b;
}
#contact #menu li.contact a:hover {
    border-color: #a6a28b;
}
#links #menu li.links a {
    border-bottom: 4px solid #a6a28b;
    padding-bottom: 6px;
    color: #a6a28b;
}
#links #menu li.links a:hover {
    border-color: #a6a28b;
}
/***************************************
CONTENT
***************************************/
#content { position: relative; }
#left-col { margin-right: 220px; }
ul.services {
        background: #486992 url(img/tr_blue.gif) no-repeat right top;
        margin-top: 20px;
}
.services li {
    list-style-type: none;
    margin-bottom: 15px;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
}
.br_corner {
    height: 20px;
    background: #486992 url(img/br_blue.gif) no-repeat right bottom;
}
.services li.network img, .services li.web img {
    margin-top: 10px;
}
.services li.network img.wireless {
    margin-top: 0px;
}
.services li h3 { 
    padding: 0 20px 0 20px;
    margin-bottom: 5px;
    color: #bdab5a;
}
.services li.network { padding-top: 20px; }
.services li.right h3 {
   padding-left: 20px;
}
.services h4 { 
    padding-left: 20px; 
    color: #653633;
}
.services li p {
    color: #DEE1E0;
}
.services li.left p { 
    padding: 0 20px 15px 20px;
}
.services li.right p { 
    padding: 0 20px 15px 0;
    margin-right: 120px;
    margin-left: 20px;
}
* html .services img { margin-top: 10px; }
.services li.left img {
    margin-left: 10px;
    padding-right: 20px;
}
.services li.right img {
    margin-right: 10px;
    padding-left: 20px;
}
.services li.left img {
    float: left;
}
.services li.right img {
    float: right;
    margin-right: 20px;
}
.services li.virus { padding-bottom: 0; }

#form {
    background: #486992 url(img/tr_blue.gif) no-repeat right top;
    margin-top: 20px; 
}
/***************************************
SIDEBAR
***************************************/

#sidebar {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    background: #653633 url(img/tl_brick.gif) no-repeat;
}
#sidebar h3 {
    color: #FFF;
    padding: 20px 20px 10px 20px;
    background: url(img/tr_brick.gif) no-repeat right top;
    font-size: 1.6em;
    line-height: 1.4;
    font-weight: normal;
	border-bottom: 1px solid #bbb;
}
#sidebar h3.next {
	background: none;
	font-size: 1.4em;
	padding-top: 10px;
	text-align: right;
}
#sidebar h4 {
	color: #FFF;
	line-height: 1.4;
	padding: 10px 20px;
    font-weight: normal;
}
#sidebar ul {
	padding: 0 20px 0 35px;
	color: #FFF;
	padding-bottom: 10px;
	border-bottom: 1px solid #bbb;
}
#sidebar li {
	padding: 3px;
}
#sidebar div.br {
    position: absolute;
    bottom:0;
    height: 22px;
}
#sidebar img {
    position: relative;
}
#sidebar img.lg {
    width: 160px;
    margin-left: 15px;
}

#sidebar .sidebar_br {
    position: relative;
    width: 100%;
    background: #653631 url(img/br_brick.gif) no-repeat right bottom;
    clear: both;
    height: 20px;
}
#sidebar_inner {
    margin: 15px;
}
/***************************************
TEXT
***************************************/
p, h1, h2, h3, h4, h5, h6, ul, ol, li { position: relative; }
p { font-size: 1em; }
h1 { font-size: 1.6em; }
h2 { font-size: 1.4em;}
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }
h1, h2, h3 { color: #486992; }
p, h4 { line-height: 1.5; }
h2 { margin-bottom: 20px; }
.intro { margin: 0 300px 0 20px; }
h2.intro { margin-bottom: 10px; }

#Contact_Form {
    margin-right: 20px;
    position: relative;
    padding: 20px 0;
}
#Contact_Form .br_corner {
    background: #bdab5a url(img/br_beige_bl.gif) no-repeat right top;
}
fieldset { 
    background: #bdab5a url(img/tr_beige_bl.gif) no-repeat right top;
    padding: 1em 1em 1em 20px;
    border: none;
    position: relative;
}
legend { 
    color: #FFF; 
    border: 1px solid #FFF;
    background: #bdab5a;
    padding: 4px;
    font-size: 1.2em;
    position: relative;
}
/* IE Hack to fix legend layout */
* html fieldset { padding-top: 20px; }
* html legend { position: absolute; top: -.6em; left: 10px;}
/* End IE Hack */

#Contact_Form p {
    margin-bottom: 10px;
}
input, textarea { 
    position: relative;
    width: 95%;
    padding: 2px;
}
input.method {
    width: auto;
}
.phone {
    width: 50%;
}
.message {
    height: 10em;
}
#reset {
    width: 4em;
}
#submit { width: 8em; background: #486992; color: #FFF; }
label { margin-right: 10px; }
#form table {
    color: #FFF;
    margin-left: 20px;
    width: 90%;
}
#form th {
    padding: 1em 0;
}
#form td {
    padding: .5em;
    border-bottom: 1px solid #FFF;
}
.back { margin: 1em 0 0 20px; }
#form_reply #form {
    margin-bottom: 200px;
}
.linklist {
    padding-top: 10px;
margin-bottom: 100px;
}
.linklist a:link, .linklist a:visited {
    padding-left: 20px;
    color: #FFF;
}
.linklist a:hover {
    color: #a6a28b;
}
li.br_corner { 
    height: 30px; 
    padding-bottom: 0; 
    border-bottom: none;
    bottom: -1px;
}

/***************************************
FOOTER
***************************************/
#footer img {
    float: right;
    z-index: 1000;
}