/*
  Stylesheet for www.resposio.com - copyright RESPOSIO.com, LLC - All Rights Reserved
  If you see something you like and you want it, be professional.  Contact us.
*/

body {
  background: url(bg.gif) repeat;
  margin: 0;
  padding: 0;
  font: 11px Arial, Helvetica, Sans-Serif;
  color: #313131;
}

#Container {
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin: 0 0 0 -416px;
  padding: 0;
  width: 833px;
  }
a:link, a:visited {
  text-decoration: underline;
  color: #394d24;
}
a:hover {
  text-decoration: none;
}
li {
  padding: 0 0 10px 0;
  list-style-type: square;
}
td {
  vertical-align: top;
}

/* MAIN, RIGHT COLUMN & FOOTER DIV */
#MainSite {
  width: 673px;
  float: left;
  border: 1px solid #444;
  background: url(Main-Site-BG.gif) repeat-y;
}
#RightColumn {
  width: 150px;
  float: right;
  border: 1px solid #444;
  border-top: none;
  background: #fafafa;
}
#Footer {
  clear: both;
  width: 673px;
  text-align: left;
  padding: 0 0 0 0;
  color: #394d24;
  height: 60px;
}

/* HEADER */
#Header {
  background: url(header.jpg) no-repeat;
}
#Header h1 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
#Header h1 a:link, #Header h1 a:visited, #Header h1 a:hover {
  display: block;
  width: 673px;
  height: 63px;
  background: url(header.jpg) no-repeat;
}
#Header h1 a span {display: none;}

/* HEADER & FOOTER NAVIGATION */
#MainNav {
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
  background: #729d47;
  color: #fff;
  height: 28px;
  text-align: center;
}
#MainNav span {
  display: block;
  padding-top: 6px;
}
#MainNav a:link, #MainNav a:visited {
  text-decoration: none;
  color: #fff;
}
#MainNav a:hover {
  text-decoration: underline;
}
#MainNav a {
  padding: 0 14px 0 14px;
}

/* HOMEPAGE */
#HomeRowOne {
  display: block;
  width: 673px;
  height: 245px;
  background: url(Home-Row-One.gif) no-repeat;
}
#HomeRowTwo {
  display: block;
  width: 673px;
  height: 215px;
  background: url(Home-Row-Two.gif) no-repeat;
}

#RowOneColumnOne {
  display: block;
  width: 412px;
  float: left;
}
#RowOneColumnOneContent {
  padding: 35px 140px 0 8px;
  line-height: 16px;
}
#RowOneColumnOneContent ul {
  margin-bottom: 0 !important;
}
#RowOneColumnOneContent li {
  padding: 0 0 2px 0;
}
#RowOneColumnTwo {
  display: block;
  width: 259px;
  float: right;
}
#RowOneColumnTwoContent {
  padding: 35px 10px 0 8px;
}
#RowOneColumnTwoContent li { padding:0 0 2px 0; }
#RowTwoColumnOne {
  display: block;
  width: 412px;
  float: left;
}
#RowTwoColumnOneContent {
  padding: 35px 10px 0 8px;
  line-height: 16px;
}
#RowTwoColumnOneContent ul, #RowTwoColumnTwoContent ul {
  margin-bottom: 0 !important;
}
#RowTwoColumnOneContent li, #RowTwoColumnTwoContent li {
  padding: 0 0 2px 0;
}
#RowTwoColumnTwo {
  display: block;
  width: 259px;
  float: right;
}
#RowTwoColumnTwoContent {
  padding: 35px 10px 0 8px;
}
/* HOMEPAGE TESTIMONIALS */
#Testimonials {
  border-top: 1px solid #444;
  background: #e1ddc7;
  clear: both;
  line-height: 18px;
  color: #000;
}
#TestimonialsPad {
  padding: 8px;
}
.CustomerName {
  font-weight: bold;
  color: #444;
  background: url(Testimonial-Name-BG.gif) 0 5px no-repeat;
  padding-left: 10px;
}
.CustomerCompany {
  color: #394d24;
}

/* H2 TITLES */
h2 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
h2 span {display: none;}

h2#Home {display: block; width: 673px; height: 119px; background: url(Main-Banner.jpg) no-repeat;}

/* RIGHT COLUMN */
#RightColumn h4 {
  background: #e1ddc7 url(Left-Navigation-Clients-Title-BG.gif) no-repeat 15px 9px;
  margin: 0 0 0 0;
  color: #394d24;
  padding: 5px 0 5px 28px;
  font-size: 11px;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
}
#RightColumnContent, .RightColumnContent {
  padding: 0 4px 5px 4px;
  line-height: 18px;
}
.RightColumnContentPad {
  padding: 6px;
  line-height: 18px;
}
#RightColumnContent img, .RightColumnContent img, .RightColumnContentPad img {
  margin: 8px 0 5px 0;
  border: 1px solid #444;
}
#RightColumnContent strong, .RightColumnContent strong, .RightColumnContentPad strong {
  color: #394d24;
  margin: 3px 0 0 0;
  background: url(Strong-BG-Green.gif) no-repeat 0 5px;
  padding: 0 0 0 9px;
}
#RightColumnContent a:link, #RightColumnContent a:visited,
.RightColumnContent a:link, .RightColumnContent a:visited,
.RightColumnContentPad a:link, .RightColumnContentPad a:visited {
  text-decoration: underline;
  color: #394d24;
}
#RightColumnContent a:hover, .RightColumnContent a:hover, .RightColumnContentPad a:hover {
  text-decoration: none;
  color: #394d24;
}
#RightColumn ul {
  margin: 8px 0 8px 15px;
  padding: 0 0 0 0;
}
#RightColumn li {
  list-style-type: none;
  padding: 3px 0 3px 0;  
}
#RightColumn li a:link, #RightColumn li a:visited {
  text-decoration: none;
  background: url(Left-Navigation-Link-BG.gif) 0 5px no-repeat;
  padding: 0 0 0 10px;
  color: #394d24;
}
#RightColumn li a:hover {
  text-decoration: underline;
  color: #394d24;
}
/* SECONDARY PAGE ESSENTIALS */
#MainBody {
  width: 673px;
  display: block;
  clear: both;
}
p {
  line-height: 16px;
}
#LeftNavigation {
  width: 165px;
  float: left;
  text-align: left;
  border-right: 1px solid #444;
  border-bottom: 1px solid #444;
  background: #bdc8b2;
}
#MainColumn {
  width: 507px;
  float: right;
  text-align: left;
  background: #fafafa;
}
#MainColumnContent {
  display: block;
  padding: 8px;
}
#MainColumn h2 {
  margin: 0 0 8px 0;
  font-size: 16px;
  color: #394d24;
}
#MainColumn h3 {
  margin: 5px 0 5px 0;
  font-size: 14px;
  color: #313131;
}
/* BASIC HOSTING PAGE */
#BasicHostingTable dl {
  margin: 0 0 0 0;
}
#BasicHostingTable dt {
  display: block;
  width: 280px;
  float: left;
  border-bottom: 1px dashed #ccc;
  margin: 0 0 0 0;
  padding: 5px 0 5px 0;
}
#BasicHostingTable dd {
  display: block;
  width: 100px;
  float: left;
  border-bottom: 1px dashed #ccc;
  margin: 0 0 0 0;
  padding: 5px 0 5px 0;
}
.Gray, .Gray strong {
  color: #7c7c7c;
}
.Green, .Green strong {
  color: #729d47;
}
#BasicHostingRates {
  display: block;
  clear: both;
}
#BasicHostingRates dl {
  margin: 0 0 0 0;
}
#BasicHostingRates dt {
  display: block;
  width: 380px;
  float: left;
  border-bottom: 1px dashed #ccc;
  margin: 0 0 0 0;
  padding: 5px 0 5px 0;
}
#BasicHostingRates dd {
  display: block;
  width: 100px;
  float: left;
  border-bottom: 1px dashed #ccc;
  margin: 0 0 0 0;
  padding: 5px 0 5px 0;
}
#BasicHostingTable dl a:link, #BasicHostingTable dl a:visited {
  text-decoration: none;
}
#BasicHostingTable dl a:hover {
  text-decoration: underline;
}
/* SITE GALLERY PAGE */
#GalleryLinks ul {
  margin: 10px 0 0 0;
  padding: 0 0 0 0;
}
#GalleryLinks li {
  padding: 0 0 6px 0;
  margin: 0 0 0 25px;
  list-style-type: square;
}

/* PAYMENT PLUGINS PAGE */
#BVPayment {
  clear: both;
}
#BVPayment ul {
  display: block;
  width: 120px;
  float: left;
  margin: 10px 0 0 0;
  padding: 0 0 0 0;
}
#BVPayment li {
  margin: 0 0 0 15px;
  padding: 0 0 10px 0;
  list-style-type: square;
}

/* BREADCRUMB NAVIGATION */
#Breadcrumbs {
  background: #e1ddc7;
  color: #313131;
  border-bottom: 1px solid #444;
}
#Breadcrumbs span {
  display: block;
  padding: 5px 0 5px 8px;
}
#Breadcrumbs a:link, #Breadcrumbs a:visited {
  text-decoration: underline;
  color: #313131;
}
#Breadcrumbs a:hover {
  text-decoration: none;
  color: #313131;
}
/* LEFT NAVIGATION & LEFT NAVIGATION MENUS */
#LeftNavigationMain h4 {
  background: #313131 url(Left-Navigation-Title-BG.gif) no-repeat 15px 8px;
  margin: 0 0 0 0;
  color: #fff;
  padding: 5px 0 5px 28px;
  font-size: 11px;
  border-bottom: 1px solid #313131;
}
#LeftNavigationClientsMain h4 {
  background: #e1ddc7 url(Left-Navigation-Clients-Title-BG.gif) no-repeat 15px 8px;
  margin: 0 0 0 0;
  color: #394d24;
  padding: 5px 0 5px 28px;
  font-size: 11px;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
}
#LeftNavigationMain ul, #LeftNavigationClientsMain ul {
  margin: 8px 0 8px 15px;
  padding: 0 0 0 0;
}
#LeftNavigationMain li, #LeftNavigationClientsMain li {
  list-style-type: none;
  padding: 3px 0 3px 0;  
}
#LeftNavigationMain li a:link, #LeftNavigationMain li a:visited,
#LeftNavigationClientsMain li a:link, #LeftNavigationClientsMain li a:visited {
  text-decoration: none;
  background: url(Left-Navigation-Link-BG.gif) 0 5px no-repeat;
  padding: 0 0 0 10px;
  color: #394d24;
}
#LeftNavigationMain li a:hover, #LeftNavigationClientsMain li a:hover {
  text-decoration: underline;
  color: #394d24;
}
#LeftNavigationSecondary {
  clear: both;
}
#LeftNavigationSecondaryContent {
  padding: 8px;
}

/* EXPERIENCE PAGE */
#ExperienceList ul {
  margin-top: 25px;
}
#ExperienceList li {
  padding: 0 0 20px 0;
}

/* SECURITY PAGE */
blockquote {
  border: 1px solid #ccc;
  background: #e1ddc7;
  padding: 8px;
}
#SecureList {
  clear: both;
}
#SecureList ul {
  display: block;
  width: 245px;
  float: left;
  margin: 10px 0 0 0;
  padding: 0 0 0 0;
}
#SecureList li {
  margin: 0 0 0 15px;
  padding: 0 0 10px 0;
  list-style-type: square;
}
/* TIPS & TRICKS PAGE */
.TipTable dl {
  margin: 0 0 0 0;
}
.TipTable dt {
  display: block;
  width: 80px;
  float: left;
  border-bottom: 1px dashed #ccc;
  margin: 0 0 0 0;
  padding: 5px 0 5px 0;
}
.TipTable dd {
  display: block;
  float: left;
  width: 200px;
  border-bottom: 1px dashed #ccc;
  margin: 0 0 0 0;
  padding: 5px 0 5px 0;
}
/* FORM STYLES */
input {
  font-size: 11px;
  padding: 3px;
}
.FormInput {
  border: 1px solid #414141;
}

/* BVSOFTWARE DISCLAIMER */
#Disclaimer {
  font-size: 10px;
  color: #a4a4a4;
}

/* FOOTER */
#Footer #MainNav {
  width: 673px;
  margin-bottom: 8px;
}
#Copyright {
  float: left;
}
#Copyright span {
  padding: 0 0 0 15px;
}
#FooterLinks {
  float: right;
}
#FooterLinks span {
  padding: 0 16px 0 0;
}
#FooterLinks a:link, #FooterLinks a:visited {
  color: #394d24;
  text-decoration: none;
}
#FooterLinks a:hover {
  text-decoration: underline;
}
.dlIndent { margin: 0; padding: 0; }
.dlIndent p { padding-left: 20px; }
#SightMax { background: url(Sight-Max-bg.gif) no-repeat 300px 0; width: 485px; }
#VisualWeb { float: left;  font-weight: bold; background-color: #eee; margin: 0;  padding: 5px 40px;}
#VisualWeb dd { float: left; margin: 2px 20px; width: 250px; }
#visualWeb dd img { padding-left: 20px; }
#VisualWeb dt { float: left; font-size: 120%; }

/*Mail Setup Page*/
#OutlookSetup {width: 100%; float: left; margin: 5px;}