/* Elements */

html, body {
	height:100%
}

body {
	background:#fff url("../img/page_bg.png") top repeat-x;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:62.5%;
}

a {
	color:#696fac;
	text-decoration:underline;
}

a:hover {
	color:#aaaad0;
	text-decoration:none;
}

h1 {
  background: url(../img/jml_logo.png);
  height:119px;
	text-indent: -5000px;
  width:174px;
}

h1 a {
	display:block;
	height:119px;
	width:174px;
}

h2 {
	color:#23408f;
	font-family:Georgia, Times, Times New Roman, serif;
	font-size:3.6em;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:1.1em;
	margin-bottom:35px;
	width:90%;
}

h3 {
	color:#696fac;
	font-family:Georgia, Times, Times New Roman, serif;
	font-size:1.8em;
	margin-bottom:7px;
}

h4 {
	color:#696fac;
	font-family:Georgia, Times, Times New Roman, serif;
	font-size:1.2em;
	margin:15px 0 7px 0;
}

strong {
	font-weight:bold;
}

/* Main ids */

#wrapper {
	background:transparent url('../img/wrapper_bg.png') top right no-repeat;
	height:100%;
	margin:0 auto;
	max-width:1000px;
	padding-top:30px;
}

#margin {
	float:left;
	margin-right:35px;
	width:20%;
}

#main-col {
	float:right;
	width:75%;
}

#main-nav {
	border-bottom:1px solid #bfbfdc;
	font-size:1.8em;
	margin-bottom:30px;
	margin-top:100px;
	padding-bottom:6px;
}

#main-content {
	line-height:1.6em;
	margin-bottom:20px;
	font-size:1.4em;
}

#serv-content {
	line-height:1.6em;
	background:#fff url('../img/stamp.jpg') 100% 100% no-repeat;
	margin-bottom:20px;
	font-size:1.4em;
}

#abt-content {
	line-height:1.6em;
	margin-bottom:20px;
	font-size:1.4em;
}

#home-content {
	line-height:1.6em;
	font-size:1.4em;
	margin-bottom:25px;
	padding-right:10px;
}

#info-bar {
	float:right;
	margin-bottom:25px;
	width:33%;
}

#footer {
	border-top:1px solid #bfbfdc;
	clear:both;
	color:#b7b7b7;
	font-size:1.1em;
	font-weight:bold;
	padding-top:6px;
}

#testimonial {
	background:#eaeaf3 url("../img/tl-quote.png") no-repeat;
	float:right;
	font-size:0.9em;
	height:170px;
	width:230px;
}

/* main classes */

.left {
	float:left;
}

.right {
	float:right;
}

.contact {
	float:left;
}

.contact-form {
	background-color:#eaeaf3;
	float:right;
	margin-bottom:20px;
	overflow:auto;
	padding:10px;
	width:50%;
}

.description {
	color:#000;
	font-family:Georgia, Times, Times New Roman, serif;
	font-size:3.6em;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:1.1em;
	margin-bottom:35px;
	width:90%;
}

#services {
	overflow:auto;
}

#services dt {
	background:#eaeaf3 url('../img/add.png') right no-repeat;
	color:#000;
	cursor:pointer;
	font-family:Georgia, Times, Times New Roman, serif;
	font-weight:bold;
	margin-bottom:10px;
	padding:5px;
}

#services dt.selected {
	background:#aaaad0 url('../img/delete.png') right no-repeat;
	color:#fff;
}

#services dd {
	background-color:#F2F2FB;
	border:1px solid #eaeaf3;
	margin-bottom:10px;
	padding:10px 5px 5px 5px;
}

#services li {
	background:url(../img/tick.png) -1px 8px no-repeat;
	font-size:0.9em;
	font-weight:bold;
	padding:10px 5px 10px 20px;
	width:45%;
}

#services li.left {
	border-right:1px solid #bfbfdc;
}

#home-content img {
	float:right;
	margin-top:-50px;
}

#abt-content p {
	margin-bottom:10px;
	text-indent:10px;
}

#abt-content img {
	float:right;
	margin-top:-50px;
}

p.first {
	text-indent:0!important;
}

#footer p.right img {
	margin-right:5px;
	vertical-align:middle;
}

/* navigation */

#main-nav li {
	display:inline;
	padding-right:26px;
}

#main-nav li a {
	color:#23408f;
	padding:0 2px;
	text-decoration:none;
}

#main-nav li a:hover {
	background-color:#aaaad0;
	color:#fff;
	padding:0 2px;
}

#info-bar ul {
	font-size:1.2em;
}

#info-bar ul li a {
	background-image: url(../img/bullet.png);
	background-repeat: no-repeat;
	background-position: 0.4em 0.9em;
	color:#000;
	display:block;
	padding:7px 7px 7px 20px;
	text-decoration:none;
}

#info-bar ul li a:hover {
	background-color:#eaeaf3;
}

#info-bar ul li span {
	color:#aaaad0;
	font-style:italic;
}

#home-content p {
	margin-bottom:25px;
}

/* styling  */

.contact p {
	margin-top:15px;
}

.desc-text-dark {
	color:#23408f;
}

.desc-text-med {
	color:#696fac;
}

.desc-text-light {
	color:#aaaad0;
}

.more-link {
	text-align:right;
	font-style:italic;
}

.para-indent {
	text-indent:40px;
}

#testimonial blockquote {
	padding-left:15px;
	padding-top:15px;
}

#testimonial blockquote p {
	background:url("../img/br-quote.png") 155px 70px no-repeat;
}

#testimonial cite {
	color:#aaaad0;
	float:right;
	font-size:0.85em;
	font-style:italic;
	margin-top:-10px;
	padding-right:10px;
}

.services {
	list-style-type: disc;
	margin-left:20px;
	margin-bottom:10px;
}

.services li {
	padding:5px;
}

/* contact form */

.contact-form form legend {
	color:#696fac;
	font-family:Georgia, Times, Times New Roman, serif;
	font-size:1.8em;
	margin-bottom:7px;
}
	
.contact-form form p{
	clear:both;
	margin:.5em 0;
	overflow:hidden;
}

.contact-form form label{
	float:left;
	display:block;
	text-align:right;
	margin-bottom:2px;
}

.contact-form form input.idleField, .contact-form form input.focusField,
.contact-form form input, .contact-form form textarea, .contact-form form textarea.idleField, 
.contact-form form textarea.focusField {
	border:1px solid #ddd;
	color:#8F8F8F;
	margin-bottom:5px;
	padding:4px 3px 2px 30px;
	width:87%;
}

.contact-form form input.focusField, .contact-form form textarea.focusField {
	border:solid 1px #73A6FF;  
}
	
.contact-form form input {
	height:25px;
	font-size:1.3em;
}
	
.contact-form form textarea {
	font-size:1.4em;
}
	
.contact-form form input#name {
	background:#fff url(../img/form_name.gif) no-repeat 5px 50%;
}
.contact-form form input#email {
	background:#fff url(../img/form_email.gif) no-repeat 5px 50%;
}
.contact-form form input#web {
	background:#fff url(../img/form_url.gif) no-repeat 5px 50%;
}
.contact-form form textarea#message {
	background:#fff url(../img/form_note.gif) no-repeat 5px 6px;
}
	
.contact-form form textarea{
	height:125px;
	overflow:auto;
}			

.contact-form form p.submit{
	clear:both;
	padding-top:5px;
	text-align:center;
}	

.contact-form form button{
	height:28px;
	line-height:28px;		
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	background:url(../img/form_button.gif) no-repeat;
	padding:0 10px 0 25px;
	color:#333;
	cursor:pointer;
	text-align:left;
	font-size:11px;
	font-weight:bold;
}

.contact-form .error, .contact-form .success {
	border-style:solid none;
	border-width:1px;
	margin-bottom:10px;
	padding:4px 4px 4px 29px;
	font-size:0.9em;
}

.contact-form .error { 
	border-color:#A90000;
	background:#F8E5E5 url(../img/exclamation.png) 5px center no-repeat;
}

.contact-form .success {
	border-color:#74F019;
	background:#DEF8CA url(../img/accept.png) 5px center no-repeat;
}