/****************************************************************** CSS Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
:focus {
  outline: 0;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/****************************************************************** Links */

a,
a:link,
a:visited {
  color:#333;
  text-decoration:underline;
}
a:hover {
  color: #4244B5;
  text-decoration: underline;
}

/****************************************************************** General Layout */

body {
	line-height: 1.1;
	font-family:Verdana, Arial, sans-serif;
	font-size:14px;
	background-color:#e4e5f7;
}
#container {
	width: 850px;
	margin:0 auto;
	background-color: #FFFFFF;
	padding-bottom: 20px;
}
#nav {
	width: 130px;
	color: #fff;
	margin: 20px 0 0;
	height: 290px;
	float: left;
	background-color: #4244B5;
}
#main {
	float: left;
	width: 450px;
	margin: 20px 0 0 20px;
}
#sidebar {
	float: right;
	width: 205px;
	margin: 20px 20px 0;
}
#footer {
	background-color:#FFFFFF;
	width: 850px;
	margin:20px auto 0;
	padding: 5px 0;
	border-top: 1px solid #4244B5;
	color:#333;
	height: 50px;
}
#footer2 {
	width: 850px;
	height: 20px;
	margin: 0 auto 10px;
  padding-bottom:10px;
}

hr {display:none;}
/****************************************************************** Misc */

.clearfloat {
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}
p.back-to-top {
  text-align: right;
  font-size: 80%;
	margin-top:40px;
  }
img.back-to-top {
  position: relative;
  bottom: -3px;
  }
	
#info {
  border:2px solid #b40000;
	margin:10px 0;
  padding:10px;
  }
#info li {
  color: #b40000;
  margin-left:15px;
  list-style-type: square;
  }
  
/****************************************************************** Header Layout */

#header-container {
	width: 100%;
}
#header {
	position: relative;
	width: 850px;
	margin: 0 auto;
	height: 130px;
	background: #FFFFFF;
}
#header #logo {
	position: absolute;
	margin:8px 0;
	background-image: url(../images/logo.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width: 293px;
	height: 70px;
}
#header #logo span {display:none;}
#header #banner {
	position: absolute;
	left: 0px;
	top: 85px;
	background-image: url(../images/banner.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width: 850px;
	height: 45px;
}
#banner h2 {display:none;}

#header #quickcontact {
	text-align: left;
	top: 20px;
	position: absolute;
	right: 20px;
	height: 43px;
}
#quickcontact .contact {
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
	font-weight:bold;
	color:#333;
	}
#quickcontact .email, #quickcontact .number {
  color: #666;
  font-size: 11px;
  display: block;
	margin-top:2px;
}

/****************************************************************** Navigation */

#nav a,
#nav a:link,
#nav a:visited {
  border-left:4px solid #4244B5;
  font-weight:bold;
  color:#fff;
  text-decoration:none;
  font-size: 14px;
	display:block;
	padding:10px 0 8px 6px;
}
#nav a:hover {
  background-color: #8384CE;
  border-left:4px solid #353792;
}
#nav a.active {
  background-color: #8384CE;
  border-left:4px solid #353792;
}
/****************************************************************** Sidebar Layout */
/* Sidebar classes extended out due to ie6 bug with multiple classes */
#sidebar .box-blue {
padding:1px 10px 10px 10px;
font-size:90%;
margin-bottom:20px;
background-color:#d3e9f3;
}
#sidebar .box-green {
padding:1px 10px 10px 10px;
font-size:90%;
margin-bottom:20px;
background-color:#d3f3db;
}
#sidebar .box-purple {
padding:1px 10px 10px 10px;
font-size:90%;
margin-bottom:20px;
background-color:#d4d3f3;
}
#sidebar .testimonial-blue {
background-image:url(../images/testimonial-blue-top.jpg);
background-color:#d3e9f3;
background-repeat:no-repeat;
background-position:top;
padding:5px 5px 5px 25px;
font-size:90%;
}
#sidebar .testimonial-green {
background-image:url(../images/testimonial-green-top.jpg);
background-color:#d3f3db;
background-repeat:no-repeat;
background-position:top;
padding:5px 5px 5px 25px;
font-size:90%;
}
#sidebar .testimonial-purple {
background-image:url(../images/testimonial-purple-top.jpg);
background-color:#d4d3f3;
background-repeat:no-repeat;
background-position:top;
padding:5px 5px 5px 25px;
font-size:90%;
}
#sidebar .testimonial-bottom-blue {
background-image:url(../images/testimonial-blue-bottom.jpg);
background-color:#d3e9f3;
background-repeat:no-repeat;
background-position:bottom;
height:20px;
margin-bottom:20px;
}
#sidebar .testimonial-bottom-green {
background-image:url(../images/testimonial-green-bottom.jpg);
background-color:#d3f3db;
background-repeat:no-repeat;
background-position:bottom;
height:20px;
margin-bottom:20px;
}
#sidebar .testimonial-bottom-purple {
background-image:url(../images/testimonial-purple-bottom.jpg);
background-color:#d4d3f3;
background-repeat:no-repeat;
background-position:bottom;
height:20px;
margin-bottom:20px;
}


/****************************************************************** Footer */
#footer div.footer-column1 {
	float: left;
	width: 120px;
	padding:0 5px;
}
#footer div.footer-column2 {
	float: left;
	width: 650px;
	margin-left:20px;
  padding-top:6px;
	}

#footer2 .designby {
	text-align:right;
	font-size:10px;
	color:#999;
}
#footer2 a:link {
  color:#999;
  text-decoration:underline;
}
#footer2 a:hover {
  color:#4244B5;
	}
	

/****************************************************************** Fonts */

h1, h2, h3, h4, h5 {
	color: #333;
	font-weight: bold;
}
h1, h2 {margin: 0}
h3, h4, h5 {margin: 16px 0 8px 0}

h1 {font-size: 200%}
h2 {font-size: 120%}
h3 {font-size: 108%}
h4 {font-size: 105%}
h5 {font-size: 100%}

p {
  margin:12px 0 0;
	line-height:1.3em;
}

#footer p {
  font-size: 80%;
	margin-top:3px;
}

#main ul {
padding-left:20px;
margin:10px 0 0;
}
#main ul li {list-style:disc;}

/****************************************************************** Home Page */

#home img.portrait{
margin:15px 0 10px 10px;
float:right;
}
#home h2 {
	color: #808080;
	font-weight:normal;
}

/****************************************************************** Contact Page */

#contact form#send-query fieldset {
  width: 270px;
  margin: 5px 0;
  }
#contact .title {
  font-weight: bold;
	margin: 0 0 20px 0;
  }
#contact .title span {
  margin: 3px 0 0;
  display: block;
  font-size: 80%;
  color: #b40000;
  }
#contact fieldset ul {
  list-style: none;
  }
#contact fieldset li {
  margin-bottom: 15px; list-style:none;
  }
#contact input.textfield,
#contact textarea.textfield {
  width: 97%;
  background-color: #d4d3f3;
  border: 1px solid #4244B5;
  margin-top: 3px;
  padding: 2px;
	font-size:14px;
	color:#333;
  }
#contact #send-query-button {
  width: auto;
  padding: 0;
  margin: 0;
  }  
#contact p.contact-details {margin: 20px 0 10px;}
#contact .highlight,
#contact_submit .highlight {
  color: #b40000;
  }

/****************************************************************** Sitemap Page */
  
#sitemap ul.sitemap {margin: 20px 0 0 10px;}
#sitemap li {
  margin:10px 0;
  font-weight: bold;
  }
#sitemap p.sitemap {
  font-size: 80%;
  margin-top: 4px;
  font-weight: normal;
  }

/****************************************************************** About Page */

#about-me img.portrait {
  margin:35px 0 0 0;
	}

/****************************************************************** Recent Clients Page */

#recent-clients h2.testimonials {margin: 30px 0 8px}

#recent-clients hr.testimonial {
display:block;
margin:25px;
}

/****************************************************************** Payment Page */

#payment form {margin: 20px 0 10px 10px}
#payment form ul {list-style:none; padding:0}
#payment form li {margin: 20px 0;list-style:none}
#payment ol {
	margin:10px 0;
	padding: 0 20px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:decimal;
	}


	
/*************************************************************** END *****************************/