@charset "UTF-8";
/* 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Title:     Saltline Studio Stylesheet
Author:    Chris Gillis
Created:   June 30, 2008
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/

body {margin:0;padding:0;background:#002448;}
img {border:none;vertical-align:middle;}
a {outline:none;}
.clear {clear:both;}
div#body-wrap {width:912px;margin:0 auto;padding:0;background:url(images/bodywrap-bg.gif) repeat-y;}
div#scnd-wrap {width:898px;margin:0 auto;padding:0;background:url(images/secondwrap-bg.gif) no-repeat top;}
img.preload {display:none;}

div#header {width:100%;height:166px;margin:0;padding:0;}
   #header img#logo {margin:18px 0 0 27px;}
   
   #header #nav {height:49px;margin:0;padding:33px 0 0 27px;}
   #header #nav ul {margin:0;padding:0;list-style-type:none;}
   #header #nav ul li {margin:0 8px 0 0;padding:0;float:left;}
   #header #nav ul li .large {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:18px;letter-spacing:-1px;font-weight:bold;color:#002b54;text-align:left;text-decoration:none;}
   #header #nav ul li .small {margin:-2px 0 0 0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:10px;font-weight:normal;color:#002b54;text-align:left;text-decoration:none;}
   
   #header #nav ul li#front a {width:55px;height:40px;margin:0;padding:8px 0 0 8px;background:url(images/nav-front_norm_bg.gif) no-repeat;text-decoration:none;display:block;}
   #header #nav ul li#front:hover a {background:url(images/nav-front_hover_bg.gif) no-repeat;}
   #header #nav ul li#front.active a {background:url(images/nav-front_hover_bg.gif) no-repeat;}
   
   #header #nav ul li#whoweare a {width:121px;height:40px;margin:0;padding:8px 0 0 8px;background:url(images/nav-whoweare_norm_bg.gif) no-repeat;text-decoration:none;display:block;}
   #header #nav ul li#whoweare:hover a {background:url(images/nav-whoweare_hover_bg.gif) no-repeat;}
   #header #nav ul li#whoweare.active a {background:url(images/nav-whoweare_hover_bg.gif) no-repeat;}
   
   #header #nav ul li#work a {width:64px;height:40px;margin:0;padding:8px 0 0 8px;background:url(images/nav-work_norm_bg.gif) no-repeat;text-decoration:none;display:block;}
   #header #nav ul li#work:hover a {background:url(images/nav-work_hover_bg.gif) no-repeat;}
   #header #nav ul li#work.active a {background:url(images/nav-work_hover_bg.gif) no-repeat;}
   
   #header #nav ul li#writtings a {width:97px;height:40px;margin:0;padding:8px 0 0 8px;background:url(images/nav-writtings_norm_bg.gif) no-repeat;text-decoration:none;display:block;}
   #header #nav ul li#writtings:hover a {background:url(images/nav-writtings_hover_bg.gif) no-repeat;}
   #header #nav ul li#writtings.active a {background:url(images/nav-writtings_hover_bg.gif) no-repeat;}
   
   #header #nav ul li#contact a {width:211px;height:40px;margin:0;padding:8px 0 0 8px;background:url(images/nav-contact_norm_bg.gif) no-repeat;text-decoration:none;display:block;}
   #header #nav ul li#contact:hover a {background:url(images/nav-contact_hover_bg.gif) no-repeat;}
   #header #nav ul li#contact.active a {background:url(images/nav-contact_hover_bg.gif) no-repeat;}
   
div#content {width:100%;margin:25px 0 0 0;padding:0;}
   #content h1 {margin:0;padding:0;font-family:"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;font-weight:bold;font-size:24px;text-align:left;color:#56a1d5;}
   #content p {color:#56a1d5;}
   
   #content #Lefty {width:620px;margin:0;padding:0 0 0 27px;float:left;}
   
   #content #Lefty #happyclients {width:180px;margin:15px 15px 0 0;padding:0;float:left;}
   #content #Lefty #happyclients p.testiomnial {font-family:"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;font-size:16px;font-weight:normal;text-align:left;}
   #content #Lefty #happyclients p.name {font-family:"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;font-size:12px;font-weight:bold;text-align:left;}
   #content #Lefty #happyclients a {font-family:"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;font-size:12px;font-weight:bold; text-decoration: none;color:#8cc63f;}
   
   #content #Lefty #latestarticles {width:200px;margin:15px 15px 0 0;padding:0;float:left;}
   #content #Lefty #latestarticles ul {margin:0;padding:20px 0 0 0;list-style-type:none;}
   #content #Lefty #latestarticles ul li {width:170px;margin:0;padding:5px 0 10px 30px;border-bottom:1px dotted #56a1d5;}
   #content #Lefty #latestarticles ul li.pdf {background:url(images/pdf-icon.gif) no-repeat left;}
   #content #Lefty #latestarticles ul li.note {background:url(images/notepad-icon.gif) no-repeat left;}
   #content #Lefty #latestarticles ul li a {font-family:"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#8cc63f;text-align:left;text-decoration:none;}
   #content #Lefty #latestarticles p a {font-family:"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#56a1d5;text-align:left;text-decoration:none;}
   #content #Lefty #latestarticles p {margin:0;padding:15px 0 0 0;font-family:"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#56a1d5;text-align:left;}
   
   #content #Lefty #newsletter {width:180px;margin:15px 0 0 0;padding:0;float:left;}
   #content #Lefty #newsletter input {width:135px;height:14px;margin:20px 0 0 0;padding:3px 5px;text-align:left;}
   #content #Lefty #newsletter input.button {width:77px;height:25px;margin:15px 0 0 0;padding:5px 0;text-align:center;text-decoration:none;}
   #content #Lefty #newsletter p {margin:0;padding:15px 0 0 0;font-family:"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#56a1d5;text-align:left;}
   
   #content #Lefty2 {width:200px;margin:0 0 0 25px;padding:0;float:left;}
   #content #Lefty2 ul {margin:0;padding:0;list-style-type:none;}
   #content #Lefty2 ul li {width:180px;margin:0;padding:5px 0 5px 20px;border-bottom:1px solid #56a1d5;}
   #content #Lefty2 ul li a {font-family:"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#56a1d5;text-align:left;text-decoration:none;}
   #content #Lefty2 ul li:hover {background:url(images/selective-arrow.gif) no-repeat left;}
   #content #Lefty2 ul li.active {background:url(images/selective-arrow.gif) no-repeat left;}
   
   #content #Middle {width:410px;margin:0 0 0 13px;padding:0;float:left;}
   #content #Middle h1 {margin:0;padding:25px 0 0 0;}
   #content #Middle h1.nopict {margin:0;padding:3px 0 0 0;}
   #content #Middle p {margin:0;padding:20px 0 0 0;font-family:"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#56a1d5;text-align:left;line-height:18px;}
   #content #Middle p a {font-family:"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#8cc63f;text-align:left;text-decoration:none;}
   #content #Middle img.picture {margin:0;padding:0;border:5px solid #164a75;}
   #content #Middle ul {margin:10px 0 0 0;padding:0;list-style-type:none;font-family:"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#56a1d5;text-align:left;line-height:18px}
   #content #Middle ul li {margin:0;padding:5px 0 5px 0px;}
   #content #Middle ul li a {font-family:"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#8cc63f;text-align:left;text-decoration:none;}

   
   
   #content #Righty {width:200px;margin:0;padding:90px 0 0 10px;float:left;}
   #content #Righty ul {margin:0;padding:0;list-style-type:none;}
   #content #Righty ul li {margin:0;padding:30px 0 30px 0;border-bottom:1px dotted #56a1d5;}
   #content #Righty ul li p {margin:0;padding:5px 0 0 0;font-family:"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;font-size:10px;font-weight:normal;color:#56a1d5;text-align:left;}
   #content #Righty ul li a {font-family:"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#8cc63f;text-align:left;text-decoration:none;}
   #content #Righty ul li img.thumb {margin:0 7px 0 0;padding:0;border:5px solid #164a75;float:left;}
   #content #Righty p {margin:0;padding:5px 0 0 0;font-family:"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#56a1d5;text-align:left;}
   
div#footer {width:100%;height:30px;margin:0;padding:150px 0 25px 0;}
   #footer p {width:400px;margin:0;padding:0 0 0 25px;font-family:"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#56a1d5;text-align:left;float:left;}
   #footer img#client-login {margin:0 55px 0 0;float:right;}
   #footer a {font-family:"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#56a1d5;}


