html { height:100%; }
body { background: #d4d2d3 url(images/background-top.jpg) repeat-x; font-family: Verdana; font-size: 9pt; margin: 0px; padding: 0px; width: 100%; height: 100%; }

#websiteWrapper { background: url(images/background-bottom.jpg) repeat-x; background-position: bottom; width: 100%; min-height:100%; }

form { width: 969px; text-align: left; margin-right: auto; margin-left: auto; }

h1, h2 { color: #6ba400; font-weight: bold; font-size: 11pt; margin: 10px 0 28px 0; }
h2 { margin-bottom: 10px; }
h2.quote { margin-top: 0px; }
a { color: #077cce; text-decoration: none; border-bottom: dashed 1px #4284cf; }
p { margin: 22px 0; }
strong { font-weight: bold; }
a:hover { color: #10ab4a; border-bottom: 2px solid #68b886; }
.imageLink, .imageLink:hover { border: none; }


div.header { background: url(images/Header.BackGround.png) no-repeat; height: 90px; width: 969px; padding-top: 1px; }
div.header div.logo { margin-top: 25px; margin-left: 35px;  }
div.header div.menu { float: right; margin-right: 13px; width: 610px; height: 78px; color: White; }
div.header div.menu div {float: left; height: 19px; padding: 33px 3px 27px 2px;  }
div.header div.menu a { color:#f5ffff; font-weight:normal; }
div.header div.menu div:hover  { background: url(images/Menu.Hover.jpg); }
div.header div.menu div.selected { background: url(images/Menu.Highlighted.Background.jpg); }
div.header div.menu a { margin: 0px 12px; border: none; }

div.footer { padding: 5px; color: #666; font-size: 10px; padding-bottom: 0px; height: 70px; }
div.footer .logos { width:320px; padding-top:4px;}
div.footer .logos a { border:none; margin-left:17px; }
div.footer img { margin-bottom: 8px; }
div.footer div { float: left; margin-right: 50px; }
div.footer div span { color: #999; display: block; margin-bottom: 5px; }
.admin-box { position:fixed; left:20px; bottom:220px; border:2px dashed red;  background:#ffb; padding:20px; }

/* Site box */
.site-header { height: 18px; background: url(images/site.header.background.jpg) no-repeat; }
.site-body { background: url(images/site.body.background.jpg) repeat-y; min-height: 564px; }
.site-footer { height: 17px; background: url(images/site.footer.background.jpg) no-repeat; }

/* Content Page */
div.page-body { background: url(images/page.body.background.jpg) repeat-y; }
div.page-body .page-header { height: 142px; background: url(images/page.header.background.jpg) no-repeat; }
div.page-body .page-header img.banner { margin: 7px 25px; float:right; }
div.page-body .page-header img.title { margin: 60px 0px 0px 80px; }
div.page-body .page-content { width: 723px; float: right; text-align: justify; padding: 0px; padding-right: 10px; margin: 10px 25px 0px 0px; color: #444; line-height: 13pt; }
div.page-footer { height: 27px; background: url(images/page.footer.background.jpg) no-repeat; clear: both; }

/* Pages Sub-Menu */
div.page-body .sub-menu { margin-left: 16px; }
div.page-body .sub-menu img.header { position: relative; top: 3px; }
div.page-body .sub-menu img.footer { position: relative; top: -5px; }
div.page-body .sub-menu div.list div.item { padding: 12px; padding-left: 24px; background: url(images/Page.SubMenu.Background.jpg) repeat-y; }
div.page-body .sub-menu div.list div.item a { color: #797979; border: none; font-size: 8pt; }
div.page-body .sub-menu div.list div.item a:hover { color: #000; }
div.page-body .sub-menu div.list div.selected { background: url(images/Page.SubMenu.Selected.jpg) no-repeat; height: 28px; padding: 12px 0px 0px 12px; }
div.page-body .sub-menu div.list div.selected a { color: #404040; font-weight: bold; margin-left: 10px; border: none; }
div.page-body .sub-menu .telephone { margin-bottom: 5px; margin-left: 10px; }

/* Call back request form*/
div.page-body .call-back-request { margin: 0 0 0 10px; padding: 11px; width: 155px; }
div.page-body .call-back-request h3 { color: #6ba400; font-weight: bold; font-size: 10pt; margin: 10px 0 13px 0; }
div.page-body .call-back-request .buttons { width: auto; margin-right: 5px; }
div.page-body .call-back-request .buttons input { width: 83px; }
div.page-body .call-back-request .form .label { margin-bottom: 5px; }
div.page-body .call-back-request .form .textbox { width: 143px; margin-bottom: 6px; }

div.page-body .call-back-request .form .ajax__validatorcallout div, div.page-body .call-back-request .form .ajax__validatorcallout td { vertical-align: middle; }


/* Home page */
.home-page .top-section { padding: 10px 30px 20px 30px; }
.home-page .top-section img{ float:right; }
.home-page .top-section p { margin-top: 10px; margin-bottom: 0px; }
.home-page .top-section .top-box { background: url(Images/Home.Top.Left.Box.png) no-repeat; width: 498px; height: 170px; padding: 10px; }
.home-page .top-section .top-box .body { color: #6d6e71; background: url(images/home.top.left.jpg) no-repeat 30px 0px; height: 170px; padding-left: 150px; text-align: justify; font-size: 8pt; }
.home-page .top-section div.top-right { margin-top: 2px; float: right; }

.home-page-bottom { padding-left: 20px; height: 280px; }
.home-page-bottom p { margin-top: 10px; margin-bottom: 0px; }
.home-page-bottom a { border-bottom: none; }
.home-page-bottom .bottom-box { background: url(images/Home.box.jpg) no-repeat; width: 302px; height: 162px; float: left; margin: 0px 4px; }
.home-page-bottom .bottom-box div.body { padding: 10px; color: #6d6e71; line-height: 11pt; font-size: 8pt; }
.home-page-bottom .bottom-box div.body h2 { color: #6ba400; font-size: 10pt; margin: 0px; margin-bottom: 8px; }
.home-page-bottom .bottom-box img.icon { margin: 10px; }

.clients-page { border:1px solid red; width:730px; }

/* Clients */
.ClientsWrapper { }
.ClientsWrapper div { margin: 0px 45px 3px 10px; float: left; border: none; }
.ClientsWrapper div img { vertical-align: middle; border: none; margin: 0 7px; }
.ClientsListWrapper { width: 260px; border: 0px solid red; float: left; }

/* Pricing */
span.get-quote { float: right; margin-right: 20px; position: relative; top: -20px; }

/* Quote form */
.form { font-size: 90%; }
.form div.half-box { float: left; margin: 5px; width: 346px; padding-bottom: 2px; border: 1px solid #bbb; margin-left: 0px; }
.form div.full-box { float: left; width: 698px; height: 120px; border: 1px solid #bbb; margin-bottom: 10px; }
.form div.full-box textarea { height: 70px; }
.form div.full-box .get-quote-button { width: auto; height: auto; float:right; }

/* Microsoft Certified Partner */
.mcp { border: none; margin-left: 18px; display: block; }

div.input input[type="file"] { width: 220px; }

.form .help { float: right; margin-right: 5px; }
.form input[type="image"] { width: auto; height: auto; }

.write-to-us .form div.half-box { height: 125px; margin-bottom: 10px; }
.write-to-us .form div.full-box { height: 140px; }

.login-form { padding: 50px; }

.page-icon { float: right; margin-left: 30px; }
.no-margin { margin: 0; }

.main-menu { background: #FFFFFF none repeat scroll 0 0; border: 1px solid gray; clear: both; display: block; height: 35px; }
.main-menu .item { border-right: 1px solid gray; display: block; float: left; margin: 5px; padding: 6px; }

.main-menu .selected .item a { color: Black; }