* { margin:0;padding:0;border: 0px none;}
ul, ol, li { list-style-type:none; }
a { text-decoration: underline; color: #36a1d6; }
a:hover { color: #ec7616;}


body {
font: 12px/16px "Arial", Helvetica, sans-serif;  
background: #ddd url(/media/29/bg.gif) 0 0 repeat;
color: #555;
}
#wrapper {
width: 930px;
padding: 10px;
margin: 0 auto;
background: #fff;
}


/* logo  --------------------------------*/
#header {
width: 910px;
height: 80px;
padding-left: 20px;
}
#header img.logo {float: left; margin: 0 50px 0 0;}
#header p { border-left: 1px dotted #777;padding: 0 0 0 50px; margin: 10px 0 0 0; float: left;font-size: 11px; color: #666;}
#header p strong { color: #36a1d6; font-size: 12px;}
#search {float: right; width: 290px; margin: 10px 0 0;}
#search input { 
float: left;
width: 175px; 
font: 12px/14px "Arial", Helvetica, sans-serif; 
color: #333; 
padding: 4px; 
border: 1px solid #a9a9a9;
margin: 2px 5px 0 0;
-moz-border-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
}
#search input#Submit {padding: 0;height: auto; width: auto; margin: 0; border: 0;}


/* main navigation */
.nav { width: 930px;height: 40px; margin: 0 0 10px;}
#menu, #menu ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:absolute;
z-index : 200;
background: #e8eaec url(/media/86/nav.gif) 0 0 no-repeat;
width: 930px;
height: 40px;
}
#menu li{float:left;position:relative;}
#menu li a{
display:block;
outline: none;
padding:0;
color:#333;
text-decoration:none;
height: 38px;
width: 155px;
text-align: center;
font: bold 12px/38px "Arial", Helvetica, sans-serif;
background: url(/media/91/nav-over.gif) 0 0 no-repeat;
}
#menu li:first-child a { background: url(/media/91/nav-over.gif) 0 -38px no-repeat;}
#menu li.last a { background: url(/media/91/nav-over.gif) 0 -76px no-repeat;}
#menu li a:hover, #menu li:hover a, #menu li a.active {background: url(/media/91/nav-over.gif) 0 -114px no-repeat;color: #36a1d6;}
#menu li:first-child a:hover, #menu li:first-child a.active { background: url(/media/91/nav-over.gif) 0 -152px no-repeat;}
#menu li.last a:hover, #menu li.last a.active { background: url(/media/91/nav-over.gif) 0 -190px no-repeat;}
#menu ul {
position:absolute;
display:none;
width:154px;
height: auto;
top:37px;
border: 1px solid #b9b9b9;
border-top: 0;
}
#menu li ul a,
#menu li.active ul a,
#menu li:hover ul a {
width:134px;
height:auto;
float:left;
text-align: left;
height:25px;
padding: 0 10px;
color:#333;
background: #fff;
font: normal 12px/25px "Arial", Helvetica, sans-serif; 
letter-spacing: 0;
border-top: 1px dotted #b9b9b9;
}
#menu li ul a:hover{background-color:#eee; background-image: none;color:#36a1d6;}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul{display:none;}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul{display:block;}
#menu li ul li:first-child a {background: #fff;}
#menu li ul li:first-child a:hover{background: #eee;}



/* light blue box at bottom of pages */
#btmbox {
width: 930px;
background: #e2e5ec url(/media/51/btmbox-top.gif) 0 0 no-repeat;
float: left;
margin: 0 0 12px;
}
#btmbox .btm {
width: 930px;
background: url(/media/46/btmbox-btm.gif) 0 bottom no-repeat;
float: left;
}
#btmbox .leftcol, #btmbox .middlecol, #btmbox .rightcol {
width: 270px;
float: left;
padding: 20px 20px 5px;
}
#btmbox .middlecol {
width: 266px;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
}
.testimonial {
background: #f2f3f6;
-moz-border-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
padding: 12px 15px;
margin: 0 0 12px;
}
.testimonial p {font: italic 14px/19px "Georgia", Times, serif; margin: 0;}
#btmbox p strong { color:#111;}
#btmbox .leftcol p.writer { margin: 0 0 0 15px;}


/* internal page columns */
.main-column {
float: left;
width: 580px;
padding: 0 15px 15px;
}
.right-column {
float: right;
width: 310px;
}


/* internal page banner elements
--------------------------------*/
#banner {
width: 890px;
height: 75px;
margin: 0 0 10px;
padding: 15px 20px 0;
background: #36a1d6 url(../images/banner-internal.jpg) 0 0 no-repeat;
}
#banner p {margin: 0; color: #a0d7f2; }
#banner p a {padding: 0 2px; color: #fff; text-decoration: none;}
#banner p a:hover {text-decoration: underline;}


/* main-column elements
--------------------------------*/
.main-column ul {list-style-type: disc; margin: 0 20px 20px;}
.main-column ul li {list-style-type: disc;margin: 0 0 8px;}
.main-column .threecols div {
float: left;
width: 170px;
padding: 0 13px 15px 10px;
}
.main-column .threecols div img, .main-column .threecols div h3 { margin: 0 0 12px;}
.main-column img.right-icon { float: right; margin: 0 0 20px 20px;}


/* right-column elements
--------------------------------*/
.right-column h3 {margin: 0 0 10px 15px;}
.right-column h3 span { font-size: 13px;}
.subnav ul {margin: 0 15px 15px 15px;}
.subnav ul li {display: block;font-weight: bold;}
.subnav ul li a {
display: block;
padding: 5px 0 5px 30px;
text-decoration: none;
border-bottom: 1px dotted #b9b9b9;
background: url(../images/arrow-orange.gif) 15px 9px no-repeat;
}
.subnav ul li a:hover, .subnav ul li a.active {background: #eee url(../images/arrow-orange.gif) 15px 9px no-repeat;color: #ec7616;}


/* contact details */
.details { padding: 0 0 5px;}
.details p {margin: 0 15px 15px 15px; line-height: 18px;}
.details p b { font-weight: normal; width: 100px; float: left;}


/* subscribe box */
#bluebox {
width: 310px;
background: #e2e5ec url(/media/41/bluebox-top.gif) 0 0 no-repeat;
float: left;
margin: 0 0 12px;
}
#bluebox .btm {
width: 270px;
background: url(/media/34/bluebox-btm.gif) 0 bottom no-repeat;
float: left;
padding: 20px 20px 5px;
}
#btmbox form label, #bluebox form label { width: 85px;}
#btmbox form input, #bluebox form input {width: 170px;}
#btmbox form input.btn, #bluebox form input.btn {margin-left: 85px; width: auto;}


/* internal pages background gradient */
#internal-bg {
background: url(/media/61/internal-bg.jpg) 0 0 no-repeat;
width: 930px;
float: left;
padding: 20px 0 0;
}


/* send us your question elements */
#questions {
width: 740px;
height: 70px;
padding: 30px 30px 0 160px;
clear: both;
background: url(/media/106/questions-bg.jpg) 0 bottom no-repeat;
}
#questions p {font: normal 20px/25px "Arial", Helvetica, sans-serif;}
#questions p a {float: right; margin: 7px 0 0;}


/* common font styles */
h1 {font: normal 40px/45px "Arial", Helvetica, sans-serif; color: #fff; margin: 0;}
h2 {font: normal 20px/25px "Arial", Helvetica, sans-serif; color: #000; margin: 0 0 15px;}
h3 {font: normal 18px/33px "Arial", Helvetica, sans-serif; color: #000; margin: 0 0 15px;}
h4 {font: bold 17px/22px "Arial", Helvetica, sans-serif; color:#36a1d6; margin: 0 0 15px;}
p { margin: 0 0 15px;}
p span { color:#36a1d6;}


/* form styles */
form label { width: 150px; float: left; font-weight: bold;}
form input, form select, form textarea {
border: 1px solid #a9a9a9;
font: normal 12px/13px "Arial", Helvetica, sans-serif;
background: #fff url(/media/56/input-bg.gif) 0 0 repeat-x;
margin: 0 3px 10px 0;
padding: 3px;
width: 275px;
}
form select { width: auto;}
form input.btn {
border: 0;
background: none;
padding: 0;
outline: none;
margin-left: 150px;
width: auto;
}


/* popup images - fancybox */
a.popup img {padding: 3px; border: 1px solid #b9b9b9;}


/* clear everything (needed for IE 6) */
.clearall { 
width: 100%;
float: left;
clear: both;
height: 1px;
font-size: 0px;
line-height: 0px;
}


/* footer styles */
#footer {
clear: both;
padding: 15px 0 0;
width: 930px;
height: 50px;
}
#footer h6 {font: normal 18px/22px "Arial", Helvetica, sans-serif;}
#footer p {
text-align: center;
margin: 0;
font-size: 11px;
line-height: 15px;
}
#footer a {padding: 0 2px; font-weight: bold;}
#footer img.isys { float: left;}
#footer img.msgc { float: right;}
p.skills { color:white; font: normal 10px/11px "Arial", Helvetica, sans-serif; margin: 0;}

/* Map Styles */   
#map {width:550px; float:left; height:365px; margin:0 0 15px; background:url(/media/2198/map.gif) center 0 no-repeat; border-bottom: 1px dotted #aaa;}
	#map a {width:70px; height:25px; display:block; outline:none;}
		#map a span {display:none;}
	#map a.jhb {margin:90px 0 0 315px;} 
	#map a.dbn {margin:73px 0 0 432px;} 
	#map a.ct {margin:90px 0 0 65px;}
	.googleMap {float:right; width:500px; height:500px; border-left: 1px dotted #aaa;}
	.contactDetails {float:left; width:219px; padding:15px;}
	











/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */