/* Positioned Elements */

body {
  font-family:arial, Helvetica, sans-serif;
  background:url(/images/bg.png) repeat-x #23447c;
  margin-top:0px;
  behavior: url(/csshover.htc);
}
	
#container {
  margin-left:auto; 
  margin-right:auto;
  width:996px;
}

#banner {
  background:url(/images/hampton-web-design.jpg) bottom no-repeat;
  height:431px;
  text-align:left;
}

#banner2 {
  background:url(/images/portfolio-banner.jpg) bottom no-repeat;
  height:200px;
  text-align:left;
}

#far_left_border {
  background:url(/images/far_left_stretch.png) repeat-y;
  width:40px;
  vertical-align:top;
}

#leftmenu {
  background:url(/images/leftmenu_bg.png) bottom no-repeat #E5E5E5;
  width:235px;
  vertical-align:top;
}

#left_border {
  background:url(/images/borders.png) no-repeat #E5E5E5 -476px bottom;
  width:18px;
}

#content {
  margin:0px;
  padding:0px;
  vertical-align:top;
  background:url(/images/content_bottom.png) no-repeat #fff bottom;
  width:425px;
  height:720px;
}

#middle_border {
  background:url(/images/borders.png) no-repeat #E5E5E5 -456px bottom;
  width:20px;
}

#rightmenu {
  background:#B7CCDF;
  width:228px;
  height:380px;
  vertical-align:top;
}

#right_border {
  background:#E3E3E3;
  width:16px;
  vertical-align:bottom;
}

#far_right_border {
  background:url(/images/stretch_far_right.png) repeat-y;
  width:14px;
  vertical-align:top;
}

#footer {
  background:url(/images/footer.jpg) no-repeat;
  height:43px;
  padding:28px 24px 0px 40px;
  font-size:11px;
  color:#BFBFBF;
  text-align:center;
}


/* Styled Elements */


#leftmenu h2 {
  font-size:14px;
  padding:0px;
  font-style:italic;
  margin:0px 20px 0px 40px;
  text-shadow:1px 1px 0 rgba(0, 0, 0, 0.2);
}

#leftmenu p {
  font-size:13px;
  padding:0px;
  margin:10px 20px 0px 50px;
  line-height:18px;
}

#content h1, #content h5 {
  background:url(/images/header.png) no-repeat;
  font-size:22px;
  color:#f9fca0;
  padding:10px 22px 20px 22px;
  margin:0px;
  font-weight:bold;
  width:381px;
  height:39px;
  text-shadow:2px 2px 0 rgba(0, 0, 0, 0.4);
}

#content h2 {
  font-size:17px;
  margin:18px 25px 0px 25px;
  padding:0px;
  color:#000;
}

.like {
  position:absolute;
  margin:59px 25px 25px 23px;
}

#content h1 a {
  text-decoration:none !important;
  color:#f9fca0;
}

#content h2 a {
  text-decoration:none !important;
  color:#000;
}

#content h3 {
  font-size:14px;
  margin:14px 25px 0px 25px;
  padding:0px;
  color:#000;
  font-style:italic;
}

#content h4 {
  font-size:15px;
  margin:26px 25px 30px 25px;
  padding:0px;
  color:#000;
}

#content p, .paragraph {
  margin:14px 25px 0px 25px;
  font-size:13px;
  background:none !important;
  text-shadow:none !important;
  color:#000 !important;
  line-height:19px;
}

.paragraph {
  margin:14px 22px 0px 22px !important;
  font-size:13px !important;
}

#content li {
  line-height:19px;
  font-size:13px;
  margin-left:16px;
  margin-right:25px;
}

.table {
  margin:14px 22px 0px 22px;
  font-size:13px;  
}

.table td {
  vertical-align:top;
}

.right_pic {
  float:right;
  margin-right:25px;
  padding:20px 0px 16px 14px;
  font-size:13px;
  font-weight:bold;
  text-align:center;
}

.left_pic {
  float:left;
  margin-right:25px;
  margin:16px 25px 16px 25px;
  font-size:13px;
  font-weight:bold;
  text-align:center;
}

.breadcrumb {
  float:right;
  margin:0px 0px 0px 0px !important;
  font-size:11px !important;
  font-style:italic;
  width:118px;
}

.footnote {
  font-style:italic;
  font-size:13px;
  margin:14px 36px 0px 36px;
  text-align:center;
}

#logo {
  float:left;
  width:317px;
  height:134px;
  padding:19px 0px 0px 12px;
  margin-right:10px;
}

#flashcontent {
  width:980px;
  height:230px;
  padding-top:28px;
  float:left;
}

#flashcontent-ad {
  background:url(/images/refer-bg.jpg);
  width:912px;
  height:203px;
}

img {
    border:none;
    display:block;
}

.hidden {
  display:none;
}

hr {
    margin:20px 32px 20px 32px;
}


/* Begin link styles */


a {
  color:#132E5B;
  font-weight:bold;
  text-decoration:underline;
}

a:visited {
  color:#132E5B;
  text-decoration:underline;
}

a:hover {
  color:#4c72b3;
  text-decoration:underline;
}

#footer a {
  color:#fff;
}

#footer a:visited {
  color:#fff;
}

#footer a:hover {
  color:#B7CCDF;
}

#rightmenu a {
  text-decoration:none;
  display:block;
  font-size:13px;
  width:166px;
  height:100px;
  color:#151515;
  padding:73px 31px 0px 31px;
  line-height:18px;
}

#referal {
  background:url(/images/borders.png) 0px -350px no-repeat;
  color:#151515;
}

#referal:hover {
  background:url(/images/borders.png) -226px -352px no-repeat;
}

#website_services {
  background:url(/images/borders.png) no-repeat;
  color:#151515;
}

#website_services:hover {
  background:url(/images/borders.png) 0px -173px no-repeat;
}

#portfolio {
  background:url(/images/borders.png) -228px 0px no-repeat;
}

#portfolio:hover {
  background:url(/images/borders.png) -228px -173px no-repeat;
}

div#nav ul {
  padding:25px 0px 0px 0px;
  margin:0px;
  list-style: none;
  float:left;
}

div#nav a {
  font-family:arial;
  letter-spacing:-.5px;
  text-decoration:none;
  color:#fff;
  font-size:13px;
  display:block;
  padding:93px 13px 4px 13px;
}

div#nav a:hover {
  background:none;
  color:#fff;
}

div#nav li:hover {
  background:url(/images/button_hover.png) repeat-x;
}

div#nav li li {
  display: block; 
  float:left;
  text-align:left;
 
  margin:0px;
}

div#nav li li:hover {
  background:none;
}

div#nav li li a {
  font-weight: bold;
  border:none;
  margin:0px;
 padding:6px 0px 6px 0px;
  color:#0D2040;
}

div#nav li li a:hover {
  background:none !important;
  color:#054784;
}

div#nav li { /* all list items */
  cursor: default; 
  float: left;
  padding:0px;
}

div#nav li ul { /* second-level lists */
  position: absolute;
  left: -999em;
  margin:0px 0px 0px -40px;
  padding:0px;
}

/* third-and-above-level lists */
div#nav li ul ul {
  position: absolute;
  margin:-1.3em 0em 0em 9em;
  border-top:solid 1px #000;
  border-left:solid 1px #000;
}

div#nav li:hover ul ul, #nav li.sfhover ul ul {
  left: -999em;
}

div#nav li:hover ul, div#nav li li:hover ul, div#nav li.sfhover ul, div#nav li li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
}

.hiddenPic {display:none; width:1px; height:1px;}