/* === set all margins and paddings to 0 for consistency === */
* {
	margin: 0;
	padding: 0;
} 
/* ============ elements & gloabal settings ======= */
body {
	padding: 0;
	margin: 0;
	font: 76% Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #fff;
	/*width: 760px;*/
}
/* ------------ relative font sizes --------------- */
h1 {
	font-size: 2.0em;
}
h2 {
	margin-top: 0;
	font-size: 1.9em;
}
h3 {
	font-size: 1.4em;
}
h3.link-title {
	background: #ECE0C9;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.3em;
	padding: 5px;
}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1.0em;
}
p, ol, ul, li {
	font-size: 1.0em;
}
h1,h2,h3,h4,h5,h6 {
	font-family: verdana, 'trebuchet ms', sans-serif;
	color: #2F4267;
	font-weight: normal;
}
/* ------------ line heights ---------------------- */
p, .newsbody, li {
	line-height: 1.6em;
}
ul.box li {
	line-height: 1.4em;
}
/* ------------ margins --------------------------- */
h3, h4, h5, h6 {
	margin-bottom: 0.2em;
}
h4.box {
	margin-bottom: 0.6em;
}
h5, h6 {
	margin-bottom: 0;
}
/* adjacent sibling selectors not supported by: 
ie except ie5 (mac)
nn4
opera 3.5 */
h5 + p, h6 + p {
	margin-top: 0;
}
p {
	margin: 1em 0 0 0;
}
/* ------------ misc elements --------------------- */
address {
	display: inline;
	font-style: normal;
	font-weight: normal;
}
img {
	border: none;
}
a {
	font-weight: bold;
}
a:link, a:visited {
	color: #2F4267;
}
a:active, a:hover {
	color: #c30; 
}
label {	
	display: block;
	font: bold 0.9em tahoma, verdana, geneva, sans-serif;
	margin-top: 1em;
	padding-bottom: 3px;
}
input.button {
	margin-top: 1em;
}
span.required {
	color: #0098CC;
	font-size: .9em;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
}
/* ============  MAIN PAGE BLOCKS ================= */
#main-block {
	width: 760px;
	margin: 0 auto;
	/*background: lime;*/
}

/* page intro on home page */
#page-intro {
	width: 100%;
	margin-bottom: 10px;
	/*background: #f1f6ff url(../images/homepic_04.jpg) no-repeat top right;*/
	background: #f8f8f8 url(../images/homepic_08.jpg) no-repeat top right;	
	padding-bottom: 5px;
}
#page-intro p {
	padding: 5px;
	margin-top: 0;
	width: 485px;
}
#page-intro h2 {
	padding: 5px 0 5px 5px;
	background: url(../images/bg_h2.gif) no-repeat bottom left;
}
#page-intro img {
	float: right;
	display: block;
	margin-left: 10px;
}

/* page intro on sub pages */
#page-intro-sub {
	width: 100%;
	margin-bottom: 10px;
	background: #f8f8f8;
}
#page-intro-sub p {
	padding: 0 5px 5px 5px;
	margin-top: 0;
	width: 563px;
}
#page-intro-sub h2 {
	padding: 5px 0 5px 5px;
	background: url(../images/bg_h2sub.gif) no-repeat bottom left;
}
#page-intro-sub img {
	float: right;
	display: block;
	margin-left: 10px;
}

#box-full {
	width: 100%;
	/*background: #ece0c9;*/
	background: #7a95cc url(../images/bg_boxfull.gif) repeat-x top;
	margin-bottom: 1px;
	border-width: 1px 0;
	border-style: solid;
	/*border-color: #ada494;*/
	border-color: #5879bc;
}
#box-full p {
	margin: 0;
}
#box-full h4 {
	margin: 0;
	padding: 5px 0;
	text-align: center;
	font-weight: bold;
}

/* ============  FOUR COLUMN LAYOUT ================= */

.column {
	width: 181px;
	background: #efe8d8 url(../images/bg_homebox.gif) no-repeat bottom;
	float: left;
	margin-left: 12px;
}
.column-no-margin {
	width: 181px;
	background: #efe8d8 url(../images/bg_homebox.gif) no-repeat bottom;
	float: left;
	margin-left: 0;
}
.column-full {
	width: 567px;
	/*background: #efe8d8 url(../images/bg_formbox.gif) no-repeat bottom;*/
	float: left;
	margin-left: 12px;
}
#four-columns {
	margin-top: 10px;
}
#four-columns p {
	padding: 5px 5px 10px 5px;
	margin-top: 0;
}
#four-columns h3 {
	background: url(../images/bg_h3box.gif) no-repeat top;
	padding: 3px 0 4px 6px;
	color: #593A00;
	font-size: 1.2em;
}
#four-columns h3 a {
	/*background: url(../images/bullet_circle_arrow.gif) no-repeat 0 0.1em;*/
	padding-left: 20px;
}
#four-columns h3 a:link, #four-columns h3 a:visited {
	color: #2f4267;
	text-decoration: none;
	background: url(../images/bullet_circle_arrow.gif) no-repeat 0 0.15em;
}
#four-columns h3 a:active, #four-columns h3 a:hover {
	color: #CC3300;
	text-decoration: none;
	background: url(../images/bullet_circle_arrow_red.gif) no-repeat 0 0.15em;
}
#four-columns img {
	display: block;
	border-bottom: 1px solid #a88536;
}
p.more {
	margin: 0;
	padding-top: 0;
	letter-spacing: 1px;
}
p.more a:link, p.more a:visited {
	color: #CC3300;
}
p.more a:active, p.more a:hover {
	color: #2F4267;
}

/* ============  TWO COLUMN LAYOUT ================= */

#two-columns {
	width: 100%;
	/*padding-bottom: 10px;*/
	background: url(../images/bg_twocols.gif) repeat-y top;
	margin-top: 12px;
}
#col-one {
	float: left;
	width: 184px;
	margin-right: 12px;
}
#col-one h3 {
	background: url(../images/nav_h3.gif) no-repeat top;
	padding: 1px 3px 4px 5px;
	color: Black;
	margin-bottom: 0;
}
#col-two {
	float: left;
	width: 564px;
}
.service-box {
	background: #efe8d8 url(../images/bg_servicebox.gif) no-repeat bottom;
	width: 100%;
	margin-bottom: 12px;
}
.service-box h3 {
	background: url(../images/bg_h3servicebox.gif) no-repeat top; 
	padding: 4px 0 4px 6px;
	color: #2f4267;
	font-size: 1.15em;	
	font-weight: bold;
}
.service-box p {
	padding: 5px 10px 10px 10px;
	margin-top: 0;
}

#banner {
	padding: 0;
	width: 760px;
	margin: 10px auto 0 auto;
}
#banner img {
	display: block;
}
#footerbar {
	padding: 5px 0;
	margin: 10px auto 0 auto;
	background: #eee5d3 url(../images/bg_footerbar.gif) repeat-x top;
	border-width: 1px 0 1px 0;
	border-color: #e9dec7 #000 #e2d6bc #000;
	border-style: solid;
	width: 760px;
	color: #666666;
}
#footerbar a:link, #footerbar a:visited {
	color: #2f4267;
}
#footerbar a:active, #footerbar a:hover {
	color: #CC3300;
}


#footerbarunder {
	font-size: 0.9em;
	color: #999;
	padding: 1em 0;
	width: 760px;
	margin: 0 auto;
}
address {
	padding-left: 5px;
}

ul.box {
	padding: 0 0 0 0.7em;
	margin: 0 0 0 0.7em;
	list-style: outside url( '../images/list_bullet_arrow.gif' );
	font-size: 0.9em;
}

/* ============ nav bar content =================== */
#navbarh {
	background: url(../images/bg_navbar.gif) repeat-x;
	text-align: right;
}
#navbarh ul {
	padding: 12px 0 28px 0;
	margin: 0;
}
#navbarh ul li {
	display: inline;
	padding: 0 11px 0 15px;
	background: url(../images/bullet_sqaure.gif) no-repeat 0 0.35em;
}
/*#navbarh ul li#home {
	background: lime;
}
#navbarh ul li#news {
	background: red;
}
#navbarh ul li#links {
	background: yellow;
}
#navbarh ul li#testimonials {
	background: aqua;
}
#navbarh ul li#contact {
	background: fuchsia;
}*/

#navbarh ul li a {
	font-weight: bold;
	text-decoration: none;
}
#navbarh a:link, #navbarh a:visited {
	color: #5b3c00;
}
#navbarh a:active, #navbarh a:hover {
	color: #fff;
}

#nav-content {
	width: 760px;
	margin: 0 auto 14px auto;
	/*padding-top: 5px;*/
}
#nav-content img {
	float: left;
	display: block;
	margin-right: 15px;
}

/* ============  SIDE NAV WITH ICONS ================= */
ul.side-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.side-nav li {
	list-style: none;
	padding: 13px 0 18px 55px;
	font-size: 1.4em;
	/*border-bottom: 1px solid #E2D6BC;*/
	border-bottom: 1px solid #94b7f2;
}
ul.side-nav li.support {
	background: url(../images/icon_support.gif) no-repeat 0.3em 0.55em;
}
ul.side-nav li.hardware {
	background: url(../images/icon_hardware.gif) no-repeat 0.3em 0.55em;
}
ul.side-nav li.software {
	background: url(../images/icon_software.gif) no-repeat 0.3em 0.55em;
}
ul.side-nav li.networks {
	background: url(../images/icon_networks.gif) no-repeat 0.3em 0.55em;
}

/* ============ misc content styles =============== */
h3.headerbar {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #fff #ccc #ccc #ccc;
	padding: 0;
}
div.hr {
	border-top: 1px solid #ccc;
	margin: 1em 0;
}
div.hr hr {
  display: none;
}
p.newsarticledate {
	font: normal 0.9em 'lucida console', courier, monospace;
	color: #0098cc;
	margin: 0 0 1em 0;
}
div.usermessage {
	border: 1px solid #eee;
	padding: 0.3em;
	background: #f9f9f9;
	color: #c30;
	font: 0.9em 'ludica console', courier, monospace;
	margin-bottom: 1em;
}

/* ============ signature ========================= */
A.qdk:link, A.qdk:visited, A.qdk:active	{	
	text-decoration: underline;	
	color: #ADA494;	
}
A.qdk:hover	{ 
	text-decoration: underline; 
	color: #CC3300;  
}
.sig {
	color: #ADA494;
	font: 0.8em arial, helvetica, sans-serif;
	margin: 1em auto 0 auto;
	width: 760px;
}