﻿
/* CSS Document */

/*
TABLE OF CONTENTS

HTML Elements
Page Structure
Navigation
Headings
Content Area
Forms
Clear
Footer

/*HTML Elements*/


* {
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

body, html {
	color:#000000;
	background: #FFF;
	min-height:101%;
	font-size: 1em;
}

body, form {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif
}

p {
	margin: 5px 0;
}

a:link, a:visited {
	text-decoration:none;
	color: #3B506F;
}

a:hover, a:active {
	color:#7585A6;
	text-decoration:underline
}

*:focus {
	outline: none
}

/*Page Structure*/

#wrapper {
	margin: 0 auto;
	font-size: 0.8em;
	width: 960px;
}

#header-wrapper {
	width: 960px;
	margin: 0 auto;
	margin-top: 20px;
	height: 80px;

}

#header-masthead #logo-masthead {
	float:left;
	width: 238px;
	height: 71px;
	background: transparent url(images/bri_logo.gif) no-repeat 0 0;
	cursor: pointer;
}

#header-masthead #contact-bri {
	float: left;
	width: 383px;
	height: 51px;
	margin: 20px 0px 0px 285px;
	background: transparent url(images/contact.gif) no-repeat;

}

h1 a {
	width: 400px;
	height: 51px;
	margin-top: 0px;
	display: block;
	text-indent:-9000px;
	float: left;
}
h2 a {
	width: 300px;
	height: 51px;
	margin-top: 0px;
	display: block;
	text-indent:-9000px;
	float: left;

}







/*MAIN NAV*/
#nav {
	clear: both;
	width:  960px;
	height: 41px;
	padding-top: 0px;
	margin: 0 auto;
	margin: 0px 0px 2px 0px;
	background: url(images/navbar_bg.jpg) repeat-x;

}

#nav li {
	float: left;
	display: block;
	padding: 2px 0px 0px 10px;
}

#nav li.first {
}

#nav a {
	height: 37px;
	float:left;
	display:inline;
	text-decoration: none;
	text-indent: -9000px;
}

a#navhome {
	background: url(images/mainnav_01.gif) no-repeat;
	width: 61px;
	height: 37px;
}

a#navhome:hover {
	background:url(images/mainnavON_01.gif);
}

a#navhosting {
	background: url(images/mainnav_02.gif) no-repeat;
	height: 37px;
	width: 85px;
}

a#navhosting:hover {
	background:url(images/mainnavON_02.gif);
}

a#navaccess {
	background: url(images/mainnav_03.gif) no-repeat;
	height: 37px;
	width: 85px;
}

a#navaccess:hover {
	background:url(images/mainnavON_03.gif);
}

a#navitservices {
	background: url(images/mainnav_04.gif) no-repeat;
	width: 121px;
	height: 37px;
}

a#navitservices:hover {
	background: url(images/mainnavON_04.gif) no-repeat;
}

a#navsupport {
	background: url(images/mainnav_05.gif) no-repeat;
	width: 102px;
	height: 37px;
}

a#navsupport:hover {
	background: url(images/mainnavON_05.gif) no-repeat;
}

a#navabout {
	background: url(images/mainnav_06.gif) no-repeat;
	width: 78px;
	height: 37px;
}

a#navabout:hover {
	background: url(images/mainnavON_06.gif) no-repeat;
}

a#navcontact {
	background: url(images/mainnav_07.gif) no-repeat;
	width: 109px;
	height: 37px;
}

a#navcontact:hover {
	background: url(images/mainnavON_07.gif) no-repeat;
}

/*HEADINGS*/


h2 {
	font-size: 1.6em
}

h4 {
	font-size: 1.2em
}

#content-main h2 {
	font: bold normal 1.8em/18px "Trebuchet MS", Verdana, sans-serif;
	color: #394C6A;
	text-transform: uppercase;
	padding-bottom: 5px;
}

#content-main h3 {
	font: bold normal 16px Arial, Helvetica, sans-serif;
	color: #240048;
	background-image: url(images/square_green.gif) no-repeat;
	padding: 10px 0px 0px;
}

#content-main h4 {
	font: bold 1.4em/18px "Trebuchet MS", Verdana, sans-serif;
	color: #7B9566;
	padding: 3px 0px 8px 0px;
	text-transform: uppercase;
}
#content-main h5 {
	font: bold 1.2em/14px "Trebuchet MS", Verdana, sans-serif;
	color: #444444;
	padding: 3px 0px 4px 0px;
}


h2 a {
width: 400px;
height: 30px;
margin-top: 0px;
display: block;
text-indent:-9000px;
float: left;
}
h2 a:visited, h2 a:hover, h2 a:active {
width: 400px;
height: 30px;
margin-top: 0px;
display: block;
text-indent:-9000px;
float: left;
}

/*CONTENT AREA*/

#content-home {
	clear: both;
	margin: 0 auto;
	height: 285px;
	width: 960px;
}

#content-home p {
	margin: 0px;
	padding: 60px 120px 0px 410px;
	color: #fff;
	font: 16px/24px Arial, Verdana, Helvetica, sans-serif;
}

#content {
	width: 960px;
}

#sidebar-nav {
	float:left;
	width: 210px;
	padding: 20px 10px 10px 0px;
}

#content-main {
	float:left;
	width: 700px;
	padding: 22px 20px 20px 20px;
}

#content-main p {
	font: 14px/18px "Trebuchet MS", Verdana, sans-serif;
	margin: 2px 20px 10px 0px;
}

#content-main a:link, #content-main a:visited {
	color: #0000FF;
	text-decoration: underline;
}

#content-main a:hover, #content-main a:active {
	color: #800080;
	text-decoration: none;
}

#content-main a:active {
	color: #FF0000;
}

#content-main ul {
	margin: 5px 20px 15px 14px;
}

#content-main li {
	font-size: 14px;
	padding: 3px 30px 3px 0px;
}

.landing-item {
	margin-top: 2px;
	margin: 2px 40px 0px 0px;
	padding: 0px 60px 10px 10px;
}

#content-lower {
	clear: both;
	margin: 0 auto;
	margin: 4px 0px 10px 0px;
	width: 960px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
}

#content-lower h3 {
	text-indent: -9000px;
}

#content-lower p {
	margin: 5px 10px 5px 10px;
}

#content-lower ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#content-lower li {
	list-style-type: none;
	margin: 0px;
	padding: 0px 5px 10px 10px;
}

.box-left {
	float: left;
	width: 250px;
	height: 159px;
	margin-right: 24px;
	padding-top: 36px;
	line-height: 16px;
	background: url(images/box_productspot.gif) no-repeat;
}

.box-left a:link, .box-left a:visited {
	margin: 2px 0px 0px 10px;
	color: #233245;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, sans-serif;
}

.box-left a:hover, .box-left a:active {
	margin: 2px 0px 0px 10px;
	color: #87A268;
	font-weight: bold;
	text-decoration: underline;
}

.box-center {
	float: left;
	width: 412px;
	height: 159px;
	margin-right: 24px;
	padding: 36px 0px 5px 0px;
	line-height: 16px;
	background: url(images/box_articles.gif) no-repeat;
}

.box-center p {
	padding-right: 50px;
}

.box-center a:link, .box-center a:visited {
	margin: 2px 0px 8px 10px;
	color: #233245;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, sans-serif;
}

.box-center a:hover, .box-center a:active {
	margin: 2px 0px 8px 10px;
	color: #87A268;
	font-weight: bold;
	text-decoration: underline;
}

.box-right {
	float: left;
	width: 250px;
	height: 159px;
	padding: 34px 0px 0px 0px;
	line-height: 15px;
	background: url(images/box_news.gif) no-repeat;
}

.news-headlines {
	width: 240px;
	padding-left: 10px;
}

.postmetadata {
	padding: 0px;
	color: #87A268;
	line-height: 12px;
}

.posthome {
	margin-bottom: 10px;
}

.box-right a:link, .box-right a:visited {
	color: #233245;
	font-weight: normal;
}

.box-right a:hover, .box-right a:active {
	color: #87A268;
	font-weight: normal;
	text-decoration: underline;
}

.image-content {
margin: 5px 0px 5px 0px;
}

/*SUB NAVIGATION*/


#sidebar-nav h2 {
	font: normal 18px Arial, Helvetica, sans-serif;
	background: url(images/hosting.jpg);
	height: 28px;
	width: 200px;
	text-indent: -9000px;
	padding: 0px;
	margin: 0px;
}

#sidebar img {
	margin: 0px;
	padding: 0px;
}

#sidebar img a {
	margin: 0px;
	padding: 0px;
}

h2#access {
	background:url(images/access.jpg);
}
h2#itservices {
	background:url(images/itservices.jpg);
}


h2#support {
	background:url(images/support.jpg);
}

h2#about {
	background:url(images/about.jpg);
}

h2#contact {
	background:url(images/contact.jpg);
}

h2#newsletter {
	background:url(images/newsletter.jpg);
}

#sidebar-nav ul {
	width: 200px;
	margin: 0px 0px 20px 0px;
	list-style-type: none;
	padding: 0px;
}

#sidebar-nav li {
	background-color: #4f5b79;
	height: 26px;
	width: 190px;
	background-image: url(images/li_arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	border-bottom: 1px dashed #9299ac;
	line-height: 22px;
	margin: 0px;
	padding: 2px 0px 0px 10px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#sidebar-nav a:link, a:visited {
	text-decoration: none;
	color: #fff;
}

#sidebar-nav a:hover, a:active {
	text-decoration: none;
	color: #669933;
}

#sidebar {
	width: 200px;
}

/*SINGLE PAGES - POSTS*/


#newspage h2 {
	color: #405777;
	font-size: 1.8em;
}

#news-display ul {
list-style-type: none;
margin: 5px 0px 10px 0px;
}
#news-display li {
	list-style-type: none;
margin: 0px;
padding: 0px;

}
.date {
	font-size: 12px;
margin: 12px 0px 1px 0px;
padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#news-display a:link {
text-decoration: none;
font-size: 16px;
font-weight: bold;
color: #434F67;

}
#news-display a:visited {
text-decoration: none;
font-weight: bold;
font-size: 16px;
color: #333333;

}
#news-display a:hover {
text-decoration: underline;
font-weight: bold;
font-size: 16px;

}
#single-post-page h2 {
font-size: 1.4em;
}
#single-post-page p {
margin: 5px 40px 15px 0px;
}






/*BULLETS*/

.bullets {
	padding:15px 15px 15px 30px;
}

.bullets li {
	background:url(/images/bullet.gif) no-repeat;
	list-style:none;
	padding-left: 11px;
	margin-bottom: 5px;
}

/*TABLES*/

table {
	margin: 10px 0px 10px 0px;
}

th {
	font-size: 13px;
	padding: 3px 10px 4px 10px;
	color: #FFFFFF;
	background: #7B9566;
	border-bottom: 1px solid #666666;
}

td {
	padding: 4px 10px 4px 0px;
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	background-color: #fff;
}

.col-left {
	text-align: left;
}


#consulting td {
text-align: left;
border-bottom: 1px solid gray;
padding: 4px 20px 4px 0px;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
}

#ratecard td {
padding: 4px 20px 2px 0px;

}

/*FORMS*/
#news-signup {
	width: 200px;
	background-color: #4f5b79;
}

#news-signup p {
	margin: 0px;
	padding: 5px 5px 3px 10px;
	color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
}

form {
}

input {
	border: 1px solid #666666;
	margin: 3px 0px 1px 10px;
	padding: 2px;
}

.button {
	background: #7B9566 ! important;
	border:#F7ECD4 1px solid;
	padding: 0px 2px 0px 2px;
	margin: 5px 0px 10px 10px;
	color:#FFF;
}

.button:focus {
	background: #000 ! important;
}

.button:hover {
	background: #CCC ! important;
	color: #000;
}

/*CLEARS*/

.clearfloat:after {
content:”.”;
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfloat {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
}

*+html .clearfloat {
	height:1%;
}

.clearfloat {
	display:block;
}

/* End hide from IE-mac */

/*FOOTER*/

#footer {
	clear: both;
	padding: 40px 0px 20px 0px;
	color:#7f99b3;
	width: 960px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#footer a {
	text-decoration: underline;
	color: #5A6885;
}

#footer-post {
	clear: both;
	margin: 0 auto;
	padding: 40px 0px 20px 0px;
	color:#7f99b3;
	width: 960px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#footer-post a {
	text-decoration: underline;
	color: #5A6885;
}
