/* purple: #4e324d */

div, img {vertical-align: middle;}

strong {font-weight: bold;}



body {background-image: url("images/purple/body-bg.png"); background-repeat:repeat-x; background-position:bottom;}

#holder {background-image: url("images/purple/smoke.jpg"); background-repeat:no-repeat; background-position: top left;}

#nav1 ul li {border-left: 2px solid #4e324d;  }

#nav1 ul>li:first-child {border-left: 0px;}

#nav1 ul a {color: #4e324d; font-weight: bold; text-decoration:none; font-size: 0.95em}

#nav1 ul a:hover {text-decoration: underline;}



#error {border-bottom-color: #4e324d;}

#error p, .error p {color: #4e324d;}



#bd {background-image: url("images/purple/bd-bg.png"); background-repeat:repeat-y; }

#bd-header {background-color: none; background-image: url("images/purple/bg-header-bg.png"); background-repeat:no-repeat; background-position:bottom} 

#bd-footer {background-color: none; background-image: url("images/purple/bd-bg-btm.png"); background-repeat:no-repeat; background-position:bottom}

#bd-holder {background-color: #fcfafd;}



.main-nav {background-color: #584461; background-image:  url("images/purple/nav2-bg.png"); background-repeat:no-repeat; background-position: bottom;}

.main-nav li a {color: #ffffff; font-weight: bold; text-decoration:none; }

/*.main-nav li.divider {border-right: 1px solid #ffffff;}*/

.main-nav li a:hover {text-decoration: underline;} 



p.highlight {margin: 0.2em 0.2em 1em 0.2em; padding: 0.6em 0.7em 0.6em 0.7em; font-size: 1.3em; text-align:center; font-weight: bold;  border: 2px solid #584461; background-color:#efebf2}



#col1 h2 {font-weight: bold; background-color: #f4f0f6; font-size: 1.2em; color: #584461}
#col1 h3 {font-weight: bold;}

#col1 h2.subMenuTitle {font-size: 1.7em; background: none; margin: 0em 0.3em 0.3em 0em; padding: 0 0 0 15px;}
#col1 .newNav ul.nav2 li {background: url(images/purple/nav2Bg.gif) repeat-x bottom}
#col1 a {color: #5b1878;}
#col1 .newNav ul.nav2 li a {color: #584461}
#col1 .newNav ul.nav2 li a:hover {color: #5b1878}

#col1 p {font-size: 0.9em; color:  #584461}





form.form_handling input.inputBox, form.form_handling textarea.inputBox, form.form_handling select.inputBox, form.form_handling legend {background: #efebf2; }

form.form_handling fieldset, form.form_handling input.inputBox, form.form_handling textarea.inputBox, form.form_handling select.inputBox, form.form_handling legend {border: #584461 solid 1px}

form.form_handling fieldset {margin-bottom: 1em;}



#col2 {background-color: #ffffff; background-image: url("images/purple/col2-border-left.jpg"); background-repeat:repeat-y;}

#content {background-image: url("images/purple/col2-border.png"); background-position: top left; background-repeat:no-repeat;}

#featured-content {background-color: #efebf2;}





.content h1 {color: #363636;}

.content h2 {color:#4e324d;}

.content h3 {color: #4e324d;}

.content blockquote {border-left: 2px solid #4e324d; background-color: #efebf2;}

.content p, .content li {color: #413333;}

.content a {color: #5b1878;}

.content ul li, #col1 ul li {background-image: url(images/purple/list-bullet.png);}



.service h3 {color: #5b1878; font-size: 1.3em; margin: 0.7em 0em 0.7em 0em} 

.market h3 {color: #584461; font-size: 1.3em; margin: 0.7em 0em 0.7em 0em}

.service p, .market p {margin: 1em 50px 1em 0em; font-size: 0.9em}
#homeServices p {margin-right: 1em;}

.market p {margin-right: 15px;}

.service a, .market a {font-weight: bold;}

#citrix-service {background-image: url(images/featured-service-1.jpg)}

#hosting-service {background-image: url(images/featured-service-2.jpg)}

#virtualisation-service {background-image: url(images/featured-service-3.jpg)}

#managed-service {background-image: url(images/featured-service-4.jpg)}

#ha-market {background-image: url(images/featured-markets-1.jpg)}

#channel-market {background-image: url(images/featured-markets-2.jpg)}

#smb-market {background-image: url(images/featured-markets-3.jpg)}

#homeServices .service {background: none;}
#homeMarkets .market {background: none;}

#ft {text-align: right; font-size: 0.9em; color: #6b6b6b; background-image: url(images/purple/col2-border-bottom.jpg);  background-position: 194px 0px; background-repeat:no-repeat;}

#map {width: 350px; clear: right; float: right; margin-top: 4em; height: 250px; border: 1px solid #4e324d}