@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0;padding:0; font-family: Lucida Bright, Arial, Verdana, sans-serif;}

h1{ text-align:center; font-size:28px; font-family: Lucida Bright, Arial, Verdana, sans-serif; color:#383838; margin: 0px; padding: 5px; }
h2 { text-align:center; font-size:95%; font-family: Lucida Bright, Arial, Verdana, sans-serif; color:#383838;  padding:0;  }
h3,h4 {
    font-size:16px;
	color:#0564b4;
	padding-bottom:5px;
	background-color: transparent;
}
h5 { text-align:right; margin-right: 10px; margin-top:-5px; font-size:100%; font-family: Lucida Bright, Arial, Verdana, sans-serif; z-index:600; float:right; }
h6 { text-align:center; font-size:97%; font-family: Lucida Bright, Arial, Verdana, sans-serif; color: #999999; padding-top: 5px; }
img {border:0;}
pre {
		height: 36px;
		width: 97%;
		border: 1px solid #e5e5e6;
		margin-top:10px;
		padding-bottom: 5px;
		
		background-color: #f6f6f6;
	}
p {margin: 1em 0;}



a:link,a:visited,a.sover{ color:#005094;text-decoration:none; }
a:active,a:hover,a.sover em:first-line{ color:#adcfe8; text-decoration:underline;}
body {font-size: 13px; color:#383838; background-color: #Ffffff; background-image:url(../img/bg/pattern1.jpg); }
#container {width:899px; text-align:left;margin:auto;position:relative;background-color:#fafafa; margin-top: -5px;}
#header {background-image:url(../img/pages/toppage.gif); background-repeat:no-repeat; background-color:#FFFFFF; overflow:visible;height:45px; text-align:right; margin-bottom:-24px; z-index:1;}
#headerp {background-image:url(../img/pages/toppage.gif); background-repeat:no-repeat; background-color:#FFFFFF; height:45px; text-align:right; margin-top: -10px; margin-bottom:-10px;}
#title { float: left; text-align:left; margin-top: -350px;  } 
#logo { float: left; text-align:left; margin-top: -25px; width: 97px; } 
#bar{ float: left;  margin-top:25px; margin-right: 0px; width:897; border-right: 1px solid #cbcbcb; z-index:1; } 
#mbody {width:896px; text-align:left; margin-top:0px; position:relative;background-color:#fafafa;border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; }
#wdbody { width:880px; min-height: 500px; margin: 0 auto; padding-top: 0px; }
#mpage { width:750px; min-height: 500px; margin: 0 auto; padding-top: 0px; }
#mpage ol {
  font: bold italic 1.4em Georgia, Times, serif;
  color: #005094;
}
#mpage ol p {
  font: normal 1em Lucida Bright, Arial, Verdana, sans-serif;
  color: #000000;
}

#wdlcol { float: left;margin-top: 10px; margin-left:45px; margin-right: 0px; text-align:left; width: 220px; }
#wdrcol { float: left; margin-top: 10px; margin-right: 45px; text-align:left; width: 540px; }  


#lcole { float: left; text-align:left; margin-left: 15px; margin-top: 5px;  width: 440px; } 
#rcole {float: right; text-align:left; margin-left: 0px; margin-top: 5px; width: 440px; } 

#lcol { float: left; text-align:left; margin-left: 10px; margin-top: 5px; margin-right: 5px; padding-right:10px; width: 425px; border-right:dotted 1px #999999; } 
#rcol {float: left; text-align:left; margin-left: 5px; margin-right: 5px; width: 430px; } 
#line {border-bottom: solid 1px #e5e5e5;}
#footer{ margin-top: -15px; text-align:center; padding-bottom:10px; font-size:86%;color:#505050;line-height:13px; background-color:#FFFFFF;} 
#footer a:visited{color:#505050; background-color:#ffffff;text-decoration:none;}
#footer a:hover,a:active{color:#d43f2b;text-decoration:underline;}
#footer a{color:#0089e1; white-space:nowrap;text-align:center;padding-bottom:5px;}
#footer-copyright {font-size:80%; color:#b5b5b5; text-align:center; padding-top:0px; background-color:#FFFFFF; border-top: solid 1px #f5f5f5;border-bottom: solid 1px #f5f5f5;}
#footer-copyright a{font-size:94%; color:#b5b5b5;}

/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	
}

.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 200;
  position: relative;
 
}
.nav li {
  border-left: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font: bold 1.22em/26px Arial, Helvetica, sans-serif;
  background-image:url(../img/menu/bar.jpg);
  height:26px;
  color: #232323;
  display: block;
  min-width: 141px;
  padding: 0 9px;
  text-transform: capitalize;
  text-decoration: none;

}


.nav li a:hover {
  background: #0564b3;
  color: #232323;	

}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: #c6d9ea;
  color: #232323;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
    background: #fafafa;
  color: #959595;	
  font: bold 1.00em/25px Arial, Helvetica, sans-serif;
  text-transform: lowercase;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #f2f2f4;
  color: #232323;	
}

.nav ul {
  background-color:transparent;
  border-bottom: 2px solid #232323;
  list-style: none;
  margin: 0;
  width: 200px;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 25px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  border: 1px solid #cbcbcb;
  border-bottom: 0;
  padding-right: 20px;
  width: 180px;
  white-space: nowrap;
}
.nav ul a:hover {
  background: #ccc;
  color: #232323;
}


/* // Contact Form */
#csliderWrap {
margin: 0 auto;
width: 504px;
}
#cslider {

position: absolute;
background-image:url(slider.png);
background-repeat:no-repeat;
background-position: bottom;
width: 504px;
height: 151px;
margin-top: -133px;
    z-index: 500;
}
#cslider img {
border: 0;
}
#csliderContent {
margin:0 auto;
position: absolute;
text-align:center;
color:#333333;
font-weight:bold;
padding: 0px;
padding-left: 4px;
padding-top: 2px;
}

#openCloseWrap {
position:absolute;
margin: 131px 0 0 155px;
font-size:12px;
font-weight:bold;
}

/* // End Contact Form */

/* Tab and Sort */
.clr { clear:both; }
.right { text-align:right !important }
.left { text-align:left !important }
.center { text-align:center !important }
.top { vertical-align:top !important}
.nowrap { white-space:nowrap }
.hidden { display:none }

#blankWrapper { margin:15px; }

.demoWrapper { width:750px; min-height: 500px; margin: 0 auto; padding-top: 0px; }
.demoWrapper h1 { margin-bottom:8px } 
.demoWrapper h2 { font-size:1.5em; margin:8px 0 4px; border-bottom:2px solid #eeeeee; letter-spacing:normal; }
.demoWrapper pre { padding:3px 6px; background-color:#eeeeee; }

.demoWrapper #tabNav li { float:left; list-style-image:none; list-style-position:outside; list-style-type:none; padding-left:0px; margin-left:0px; padding-top:40px; }
.demoWrapper #tabNav ul a { display:block; color:#005094; margin-left:o; margin-right:2px; padding:3px 8px; text-decoration:none !important; outline-color:invert; outline-style:none; outline-width:medium; }
.demoWrapper #tabNav ul a:hover { background:#005094; color:#fff }
.demoWrapper #tabNav ul a.selected { background:#005094; color:#fff; /*border-bottom:1px solid #1B5790;*/ cursor:default; /*margin-bottom:0;*/ } /*89725B*/

.demoWrapper #tabs { border:1px solid #1B5790 }

.demoWrapper .tab { padding:15px; display:none }

.listNav { margin:0 0 10px;}
.listNav a { font-size:0.9em; display:block; float:left; padding:2px 6px; border:1px solid silver; border-right:none; text-decoration:none }
.listNav a.ln-last { border-right:1px solid silver; }
.listNav a:hover,.listNav a.ln-selected { background-color:#eaeaea }
.listNav a.ln-disabled { color:#ccc }
.listNav .ln-letterCount { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#336699; } /* extra styling using jquery.listnav.js internally used class name */
#demoThree a { color:red }
#demo3 .listNav a { border:1px solid pink; border-right:none; color:red; }
#demo3 .listNav a.last { border-right:1px solid pink; }
#demo3 .listNav a:hover { background-color:#fcc; color:white }
#demo3 .listNav a.selected { background-color:red; color:white; }
#demo3 .listNav a.disabled { color:pink; }
#demo3 .listNav a.disabled:hover { color:white; }
#demo3 .listNav .ln-letterCount { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:pink; } /* extra styling using jquery.listnav.js internally used class name */#demo4 #listWrapper { width:650px } /* forces items wrap at approximately the width of the listnav widget */
#demo1 li { padding-bottom: 10px;}
#demoFour li { float:left; }
#demoFour a { display:block; text-align:center; width:85px; border:1px solid silver; padding:10px; margin:0 10px 10px 0; text-decoration:none }
#demoFour a:hover { background-color:#eee }
.demoWrapper h1 { display:inline-block; float:left; }
.demoWrapper .headerCallout { float:right; width:125px; text-align:right; }
#docLink { display:none; }
#docLink a { font-size:0.5em; letter-spacing:0; }

/* End Tab and Sort */

/*****Basic Layout*****/


ul#filter { float: left; font-size: 16px; list-style: none; margin-left: 0; width: 100%; }
ul#filter li { 
	border-right: 1px solid #dedede;
	float: left;
	line-height: 16px;
	margin-left: 0px;
	margin-right: 10px;
	padding-right: 10px;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #999; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #333; font-weight: bold; }

ul#portfolio { float: left; list-style: none; margin-left: 0; width: 672px; }
ul#portfolio li { 
	border: 1px solid #dedede; 
	float: left; 
	margin: 0 10px 10px 0; 
	padding: 5px;
	width: 202px;
}
ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { border: 1px solid #dedede; display: block; padding-bottom: 5px; }

/* // End Portfolio */