html,body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,form,fieldset {margin: 0;  padding: 0;}
body {color: #333; margin: 0; padding: 0; background-color: #BABAAB; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; line-height:150%; background-repeat: repeat-y; background-position: center; background-image: url(../images/bg_container.png); text-align: center;}

/* GENERAL STYLES------------------------------------------*/
a {color: #336599; text-decoration: none;}
a:hover, a:hover {text-decoration: underline; font-family: Verdana, Helvetica, sans-serif; color: #336599;}
blockquote {margin: 0; padding: 0 0 0 8px; border-left-width: 6px; border-left-style: none; border-left-color: #EEE;}
.landing {background-image: url(../images/bg_container.png); background-repeat: repeat-y; background-position: center;}
.right {float: right;}
.left {float: left;}
.new {color: #CC3333;}
.error, .success, .neutral {padding: 6px;}
.error {background-color: #F9E1E1;  border: 1px solid #EAAEAE;}
.success {border: 1px solid #CCEBAD; text-align: justify; background-color: #EDF9E2;}
.successlanding {border: 1px solid #CCEBAD; text-align: justify; background-color: #EDF9E2;}
.successbottom {padding: 10px; border: 1px solid #CCEBAD; text-align: justify; background-color: #F2FBFE;}
.neutral {color: #444; border-top: 1px solid #EDF2F5;  line-height: 16px;}

#container {width: 950px; margin: 0; padding: 0; text-align: left; margin-left: auto; margin-right: auto;}
#containerlanding {width: 950px; padding: 0; text-align: left; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; background-image: url(../images/balloon-landing.png); background-repeat: no-repeat; background-position: right 270px;}
#container404 {width: 950px; padding: 0; text-align: left; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0;}

/* HEADER------------------------------------------*/
#header {height: 125px; background-repeat: repeat-x; background-color: #F8FEFF; background-image: url(../images/headertile-bg.png); width: 950px; background-position: top;}
#header img {margin-top: 0px; margin-right: 0; margin-bottom: 0; margin-left: 20px;}

/* PHONE NUMBERS */
#numbers {float: right; height: 45px; width: 250px; display: inline; margin: 5px 24px 0px 0px; padding: 25px 0px 0px 0px; text-align: right; line-height: 180%;}
#numbers a {margin: 0 4px 0 0;  padding: 0;}
#numbers a img {margin: 0;  padding: 0;}

/* Sub-navigation bar */
#menu_container {}

#sub_navigation {overflow: hidden; background-color: #FFCC33; background-repeat: repeat-x; background-position: left top; border-bottom-width: 1px; border-bottom-style: none; border-bottom-color: #FFCC33; height: 30px;}
#sub_navigation ul {float: left; list-style: none;}
#sub_navigation li {float: left; list-style: none;}
#sub_navigation a {float: left; font-size: 11px; font-weight: normal; line-height: 10px; text-decoration: none; color: #333; padding: 10px 15px 10px 15px;}
#sub_navigation a:hover, #sub_navigation .selected a {background-color: #FFF199; color: #333333;}


#sub_navigation a.current {color: #333333; background-color: #FFF8CC; background-repeat: repeat-x;}
#sub_navigation span {float: left;  background: url(/images/subnav_bg_sep.gif) no-repeat;  width: 1px;  height: 30px;}
#sub_navigation.flat {height: 5px;  font-size: 1px;  line-height: 5px;  background: #B4DE8B;}


/* THE BIG BAR------------------------------------------*/
#bigbar {clear: left; width:950px; height: 210px; background-color: #0C9FD6; background-image: url(../images/bigbar_bg.gif); background-repeat: repeat-x;}
#bigbar a {color: #F3FBFE; text-decoration: none;}
#bigbar a:hover {color: #FFFB91;}

/* News section */
#bigbar #news1 {float: left; width: 305px; height: 179px; padding: 30px 5px 0 5px; text-align: center; display: inline; background-repeat: no-repeat; background-image: url(../images/bigbar_bg_left.jpg);}
#bigbar #news2 {float: left; width: 306px; height: 179px; padding: 30px 5px 0 5px; text-align: center; display: inline;}
#bigbar #news3 {float: left; width: 305px; height: 179px; padding: 0px 5px 0 5px; text-align: center; display: inline;}
#news1 p, #news2 p {margin-top: 4px; font-size: 12px; font-weight: bold;}

/* Quote section */
#bigbar #quote {position: relative; float: left; height: 179px; width: 305px;}
#bigbar #quote_bg {margin: 20px 0 0 15px; padding: 4px 0 30px 0; height: 176px; width: 265px; color: #EBF7FA; text-align: left; vertical-align: middle; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; font-style: italic; line-height: 19px; background-repeat: no-repeat; font-weight: lighter; background-image: url(../images/quote_bg.png);}
#quote_bg td {padding: 0 5px 10px 8px;}
#bigbar cite {
	position: absolute;
	left: 100px;
	top: 177px;
	color: #E1F5FA;
	width: 200px;
	font-style: normal;
	text-align:left;
}
.bigbar_sep {float: left; height: 209px; width: 2px; background-image: url(../images/services_sep.png); background-repeat: no-repeat;}


/* News Icons with PNG transparency *//* BOXES */
a img {border:none;}

/* turn off link borders */
#news_webdesign_png {width: 300px;  height: 139px;}
#news_searchmarketing_png {width: 300px;  height: 139px;}
#bigbar h3 {font: italic 13px Arial,Tahoma,sans-serif;  text-transform: uppercase;  color: #FFB;  margin: 4px 0 10px 0;  padding: 0;}


/* turn off link borders */
.servblock_sep {float: left;  background: url(/images/news_sep.png) no-repeat;  height: 209px;  width: 2px;}

/* THE SMALL BAR------------------------------------------*/
#smallbar {clear: left; height: 70px; background-color: #0A97D1; background-repeat: repeat-x; background-position: top; background-image: url(../images/content-header-bg.gif);}

/* THE SMALL BAR LANDING------------------------------------------*/
#smallbarlanding {clear: left; height: 70px; border-top-width: 3px; border-top-style: solid; border-top-color: #CBDD87;}

/* THE SMALL BAR 404------------------------------------------*/
#smallbar404 {clear: left; height: 70px; background-repeat: repeat-x; background-position: top; background-image: url(../images/box-bg-landing.png);}
h1 {float: left; width: 675px; height: 70px; padding: 0 25px; /*20*/ color: #FFFFFF; overflow: hidden;  font-family: Verdana, Helvetica, sans-serif; font-size: 20px; font-style: normal; line-height: 70px; font-weight: normal; font-variant: normal;}
h1.landing {float: left; width: 675px; height: 70px; padding: 0 25px; /*20*/ color: #FA7600; overflow: hidden; font-family: Verdana, Helvetica, sans-serif; font-size: 20px; font-style: normal; line-height: 70px; font-weight: bold; font-variant: normal;}

/* MAIN CONTENT------------------------------------------*/
#main {overflow: hidden;}
#content {float: left; width: 660px; margin: 25px 15px 0 25px; line-height: 19px; display: inline;}
#content p {margin: 0 0 14px 0;}

.content_block_main {margin-bottom: 20px; overflow: hidden; margin-top: 5px;}
.content_block {margin-bottom: 30px; overflow: hidden;}
.content_block img {margin-bottom: -4px;}

#contentlanding {float: left; width: 900px; line-height: 19px; display: inline; margin-top: 0px; margin-right: 24px; margin-bottom: 0; margin-left: 24px;}
#contentlanding p {margin: 0 0 14px 0;}

#content404 {float: left; width: 675px; line-height: 19px; display: inline; margin-top: 0px; margin-right: 24px; margin-bottom: 0; margin-left: 24px; padding-top: 25px;}
#content404 p {margin-top: 0; margin-right: 0; margin-bottom: 14px; margin-left: 0; padding-top: 0px;}

h2 {color: #993333; line-height: 18px; font-family: Verdana, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; font-variant: normal; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;}
h2 .info {float: right;  font: italic 12px/21px Arial,sans-serif;  height: 21px;  color: #999;  border-left: 1px solid #E4ECF2;  margin: 3px 8px 0 0; padding-left: 8px;  display: inline;}
h2 .no_border {border: none;}
h3 {color: #993333; line-height: 18px; font-family: Verdana, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: normal; font-variant: normal; margin-top: 0; margin-right: 0; margin-bottom: 20px; margin-left: 0; padding-top: 20px;}
h4 {color: #C89810; line-height: 0px; font-family: Verdana, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: normal; font-variant: normal; margin-top: 0; margin-right: 0; margin-bottom: 20px; margin-left: 0; padding-top: 5px;}
h5 {color: #C89810; line-height: 0px; font-family: Verdana, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: normal; font-variant: normal; margin-top: 0; margin-right: 0; margin-bottom: 20px; margin-left: 0; padding-top: 35px;}

.product {font-size: 14px; font-weight: bold; color: #993333; margin: 0px 0px 10px 0px; padding-top: 0px;}

/* service colors */
.services {font-size: 14px; font-weight: bold; color: #993333; margin: 0px 0px 0px 0px; padding-top: 0px;}
h2 .bullet {color: #8FA5AD;  font: bold 13px/43px Arial,Tahoma,sans-serif;  vertical-align: top;}

#consultation img {margin: 10px 10px 0 0;}
#consultation h2 {text-align: left; margin-left:10px; padding-left:25px;}

ul.with_bullets {margin-bottom: 14px;}
ul.with_bullets li {list-style-type: square;  margin: 0 0 6px 22px;  color: #455;}

/* Section Content Styles***********************************/
.right {float: right; border: 1px none #666666; padding: 10px;}
.right a {padding: 0;}
.sep {color: #444; padding: 0px 0px 0px 6px;}

/* SIDEBAR------------------------------------------*/
#sidebar {float: left; width: 200px; margin: 16px 0 0 25px; font-size: 11px; display: inline;}
#sidebar ul li {list-style: none;}
#sidebar p {color: #222; line-height: 16px; margin: 0 0 10px 0px; padding: 0 0 0 10px;}
#sidebar li {padding-bottom: 7px;  margin: 0 0 16px 0;}
#sidebar ul li ul li {padding: 0; border: none; margin: 0 0 0 0;}

/* sidebar headers */
#sidebar h2 {font-size: 11px; line-height: 18px; margin: 12px 0 8px 0; border: none; font-weight: normal; text-transform: uppercase; text-align: left;}

/* Section Sidebar Styles**********************************/
#sidebar #services a {display: block;  width: 198px;  line-height: 23px;  border-top: 1px solid #DFEDF2;  padding: 4px 0 0 2px;}
#sidebar #services a:hover, a.current {color: #333333; text-decoration: none; background-color: #F7F8FB;}
#sidebar #services a.current {color: #333333; text-decoration: none; font-weight: bold; background-color: #FFFFFF;}
#sidebar #services a span.doc_icon {background: url(/images/docicon16.gif) 1px 0 no-repeat;  padding: 2px 0 0 19px;}

.bullet {font: bold 10px tahoma,arial,sans-serif;}
#sidebar .scheme {display: block;  width: 190px;  margin: 5px 0 0 0;  padding-bottom: 11px;  overflow: auto;}
#sidebar .outer {float: left;  background-color: #FFF;  border: 1px solid #C4D4D4; padding: 1px;  margin: 0 5px 0 0;  display: block;}
#sidebar .shadow {display: block;  padding: 1px;}
#sidebar .color {display: block;  height: 21px;  width: 21px;  margin: 0;  padding: 0;}
div.clear {clear: both;}

/* Section Sidebar Styles**********************************/
#sidebar img.screen {display: block;  margin: 0 auto;  border: 0;}
ul#userNav {list-style-type: none;  margin: 0;  padding: 0;  border-top: 1px solid #D4E7ED;}
ul#userNav li {border-bottom: 1px solid #D4E7ED !important;  margin: 0;  padding: 0;}
ul#userNav li a {display: block;  background-color: #FBFDFE;  color: #117CA1; padding: 11px 0 10px 11px;  text-decoration: none;  font: 11px tahoma, sans-serif;}
ul#userNav li a:hover {background-color: #FFF;  color: #069; text-decoration: none;}
ul#userNav li a strong {margin-right: 4px;}
ul#userNav li a:hover strong {color: #C33;}
.sideoutline {border-top-width: 1px; border-bottom-width: 1px; border-top-style: none; border-bottom-style: none; border-top-color: #D4E7ED; border-bottom-color: #D4E7ED; padding: 10px 0 0 0;}

/* FOOTER------------------------------------------*/
#footer {clear: left; width: 900px; padding-top: 16px; border-top: 1px solid #E6E6E6; color: #AAA; margin: 0px 25px 24px 25px;}
#footer a {color: #788;}
#footer p {font-size: 11px;}

/* FORMS------------------------------------------*/
fieldset {border-top-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #999999;}
#content fieldset {background-color: #B7CDA5; border: 1px solid #444; margin-top: 20px; margin-right: 0; margin-bottom: 20px; margin-left: 0; padding-top: 20px; padding-right: 16px; padding-bottom: 5px; padding-left: 16px;}
#content fieldset p.small {font-size: 11px;  margin-top: 10px;}
fieldset#mycs input {margin-left: 14px;}
.row {clear: left;}
.textbox {margin-top: 2px;}
.textboxcode {margin-top: 2px;}

/* Portfolio Table Styles----------------------------------------------- */
div.portfolio {
	position: relative;
	margin: 0;
	width: 600px;
	border: 1px solid #EAEBE7;
	background: #fff;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
div.portfolio table {margin: 0; padding: 0; width: 100%; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #EAEBE7; border-right-color: #EAEBE7; border-bottom-color: #EAEBE7; border-left-color: #EAEBE7;}
div.portfolio th {padding: 5px 10px;  border-bottom: 1px solid #C0DDF2;  color: #fff; font-weight: normal;  background: #4474a5;}
div.portfolio td {padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EAEBE7;}
div.portfolio td.itemprice {width: 90px;  text-align: right;}
div.portfolio td.buy {width: 60px;  text-align: right;}
div.portfolio tr.alt {background-color: #EEF3ED;}
div.portfolio input.button {margin: 0; padding: 0;  border: 0;  font: 12px arial, verdana, sans-serif; color: #4474a5; font-weight: bold; text-decoration: underline;  background: none;}
div.portfolio a {color: #336599;}
div.portfolio a:hover {color: #993333;}
.box {margin-right: 5px;}

#consult {width:500px;}
label, label span { display : block; padding-bottom : .25em; }
label { float : left; width : 400px; }
label span { float : left; width : 50px; text-align : right; }
fieldset input, select, textarea { float : left; margin: 0 0 0 12px; width : 45%; border : 1px solid #fa7600; }
fieldset img {float : left; margin: 0 0 0 12px;}
fieldset input:hover, select:hover, textarea:hover { border-color : #000; }
fieldset input:active, input:focus { border-color : #900; }
fieldset {padding-bottom: 25px;}