/* INIT
---------------------------------------------- */
body {margin: 0; text-align: center; background: #011c53; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000;}

a:visited,
a:link, a:visited {color: #4ab033; text-decoration: underline;}
a:hover {color: #4ab033; text-decoration: none;}

img {border: 50px;}

h1, h2, h3 {margin: 0; padding: 0; font-weight: normal;}
h1 {font-size: 24px; padding: 40px 0 20px 0;}
	h1:first-child {padding-top: 10px;}
h2 {font-size: 20px; padding-top: 20px; clear: both;}

ul {list-style: square;}
p {padding: 0 0 15px 0;}

.center {text-align: center;}
.right {text-align: right;}
.clear {clear: both;}
.hr {border-top: 1px solid #ccc; height: 1px; margin: 40px 0 20px 0;}
.topbutton {border-bottom: 1px dotted #3c6dc9; text-transform: uppercase; font-size: 12px; text-align: right; padding-top: 10px;;}

.image-right {float: right; margin: 10px 0 20px 10px;}
.image-left {float: left; margin: 10px 20px 10px 0;}

ul.ticklist {list-style: none; margin: 0; padding: 10px 0;}
ul.ticklist li {padding: 5px 0 5px 25px; background: url("images/icons/tick.png") left no-repeat;}

.body {line-height: 1.5em; word-spacing: 0.03em; letter-spacing: 0.03em;}

.ui-tabs .ui-tabs-hide {
     display: none;
}

.mceContentBody {background-image: none !important; background-color: #fff !important; color: #000 !important;} /*SnippetMaster editor bg color*/

/* LAYOUT
---------------------------------------------- */
.container {margin: 0px auto; width: 960px; text-align: left;}

	#top {background: #fff url("images/layout/body-bg.gif") top left repeat-x;}
		#top #container-top {background: url("images/layout/container-top.jpg") top no-repeat;}
		#top #container-bottom {background: url("images/layout/container-bottom.gif") bottom repeat-x;}
		
		#top #navigation {float: left; width: 230px; padding: 344px 0 20px 55px;}
			#navigation ul {list-style: none; margin: 0; padding: 0;}
			#navigation li {padding: 18px 0 2px 0; border-bottom: 1px solid #bdbdbd;}
			#navigation a:visited, #navigation a:link {color: #011c53; text-decoration: none; font-weight: normal; font-size: 22px;}
			#navigation a:hover {color: #3060c2;}
		
		#top #content {float:left; margin: 40px; padding: 280px 0px 20px 0; width: 575px; text-align: justify; height:100%; }
		
		#footer .container {text-align: center; padding: 10px 0; color: #fff; font-size: 12px;}
			#footer a:visited, #footer a:link, #footer a:hover {color: #fff;}
	
	
/* PAGE SPEC
---------------------------------------------- */
form label {float: left; display: block; width: 60px; line-height: 22px;}
form .input {border: 1px solid #000; padding: 3px; margin-bottom: 3px; width: 250px;}
form textarea {margin-left: 60px; font: inherit; height: 100px;}
form .button {margin-left: 60px; border: 1px solid #000; width: 258px}

.phone {padding-left: 20px; background: url("images/icons/phone.gif") top left no-repeat;}
.email {padding-left: 20px; background: url("images/icons/email.gif") top left no-repeat;}
.map {padding-left: 20px; background: url("images/icons/map.gif") top left no-repeat;}
.pdf {padding-left: 20px; background: url("images/icons/pdf.png") left no-repeat;}

.gallery a img {border: 1px solid #ccc; padding: 1px; margin:2px;}
.gallery a:hover img {border-color: #222;}

.fader {border: 1px solid #bdbdbd; padding: 1px;}

.para1 {color: #011c53; font-size:17px; }
.para2 {position: absolute; Left:40%; top:70%}
.para3 {position: absolute; left:50%; right:20%; top:65%; line-height: 2.0;}
.para4 {position:absolute;
  left:50%;
  right:20%;
  top:1260px; }
.para5 {position: absolute; left:50%; bottom:10%; right:20%; top:900px }
.para6 {position: absolute; top:300px; }