@charset "utf-8";
/* CSS Document */

body{
	background:url(../images/body_bg.gif) repeat-x; 
	font:12px/18px Arial, Helvetica, sans-serif; 
	margin:0; 
	padding:0; 
	border:0;
}
#page{
	width:890px;
	margin:0 auto; 
	padding:0;

}
#page .leftShadow, .rightShadow{
	position:relative;
	height:540px;
	padding:0; 
	margin:0; 
	top:0; 
}
#page .leftShadow{ 
	background:url(../images/left_shadow.gif) no-repeat left top; 
	margin:0 0 0 -38px;
	float:left;
	padding:0;
}
#page .leftShadow .rightShadow{ 
	background:url(../images/right_shadow.gif) no-repeat  right top; 
	float:right; 
	margin:0 -38px 0 0;
	padding:0;
}

#mainWrap{ 
	padding:0 40px;
	margin:0;
	float:left;
}


#header{ 
	float:left; 
	padding:0; 
	margin:0; 
	background:url(../images/header_bg.gif) no-repeat;
	width:100%; 
}
#logoWrap{ 
	float:left; 
	padding:30px 0 0 10px; 
	margin:0px 0 0 0px;
	width:100%;
}
.logoInside{
	float:left;
}
#logoWrap #logo{ 
	width:257px; 
	text-indent:-3000px; 
	margin:0; 
	padding:0;
	float:left;
}
#logoWrap #logo a{ 
	width:257px; 
	height:29px; 
	display:block; 
	float:left; 
}
#logoWrap .slogan{ 
	color:#e6f7ff; 
	font-family:Arial; 
	margin:0 0 0 6px;
	clear:both;
	display:block;
}
.phone{
	float:right;
	color:#4d6488;
	font-size:20px;
	padding:15px 20px 0 0;
	margin:0 0px 0 0;
}
.phone span{
	color:#7c99bf;
}


/* Navigation */
#navWrap{
	float:right;
	padding:33px 0 0 0;
}
#nav{
   right: 0;
   z-index: 999;
   list-style: none;
   margin:0;
   padding:0;
}

#nav li{
   float: left;
   margin-right: 3px;
   font-size: 1.2em;
   padding:0;
}

#nav li a{
   float: left;
   display: block;
   height: 26px;
   padding: 5px 16px 0 16px;
   color:#ffffff;
   text-decoration: none;
}

#nav li.current a{
   color: #27333A;
   background:#f1f3ee url(../images/nav_bg.gif) repeat-x top left;
}

#nav li:hover,
#nav li.sfhover{
	color:#cd6d2c;
	background:#ffffff url(../images/nav_bg.gif) repeat-x top left;	
}


#nav li:hover a,
#nav li.sfhover a{
   color:#153c3a;

}

#nav li.current:hover a,
#nav li.sfhover.current a{
   color: #27333A;
  
}

#nav li ul{
   clear: left;
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 161px;
   margin-top: 30px;
   margin-left: -1px;
   _margin-top: 0; /* IE6 Hack */
   border: 1px solid #bebeb1;
   border-top: 0;
   border-bottom: 0;
   list-style: none;
   line-height: 1;
   padding:0;
}

/* http://thatnorwegianguy.wordpress.com/2007/03/20/ie7-css-filter-hack/ */
*+html #nav li ul{
   margin-top: 0;
}

#nav li li{
   display: inline;
   _display: block;
   float: none;
   _float: left;
   margin: 0;
   font-size: .9167em;
   text-transform: none;
}

#nav li ul ul{
   margin: -31px 0 0 161px;
}

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



#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul{
   left: auto;
}

#nav li li li{
   font-size: 1em;
}

#nav li:hover li a,
#nav li.sfhover li a{
   float: none;
   width: 133px;
   height: auto;
   padding: 9px 14px;
   border-top: 1px solid #FBFCFE;
   border-bottom: 1px solid #D3D6CD;
   background: #ffffff;
   color: #27333A;
}

#nav li:hover li a:hover,
#nav li.sfhover li a:hover{
   background: #e8e1e1;
}





/*ContentWrap Style*/
#contentWrap{ 
	float:left; 
	margin:0;
	padding:20px 0 20px 0;
	width:880px;
}
/*IE6 Hack*/
* html #contentWrap{
	float:left; 
	margin:0;
	padding:0 0 0 0;
	width:884px;
}
.introtext{
	padding:10px 10px;
	margin:0 0 0 0;
	background:#f4f1ea;
	border:1px solid #ded7c9;
}



/*Breadcrumbs*/
.breadcrumbs{
	padding:10px 10px;
	margin:0 0 20px 0;
	background:#f4f1ea;
	border:1px solid #ded7c9;
}
.yourhere{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#736f67;
	font-style:italic;
	padding-right:10px;
}
.breadcrumbs ul{
	list-style:none;
	padding:0;
	margin:0;
}
.breadcrumbs ul li{
	display:inline;
	margin:0 0 0 10px;
	color:#68645d;
	font-weight:bold;
}
.breadcrumbs ul li a{
	float:left;
	display:block;
	font-weight:normal;
	background:url(../images/breadcrumb_arrow.gif) no-repeat right 60%; 
	padding-right:15px;
	padding-left:10px;
	text-decoration:none;
	color:#2567b3;
}
.breadcrumbs ul li a:hover{
	color:#00408a;
}




/*intro text*/
.introtext a, #footer a, #content a{
	color:#024d8d;
	text-decoration:underline;
}
.introtext a:hover, #footer a:hover, #content a:hover{
	color:#024d8d;
	text-decoration:none;
}

.introtext p{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-size:22px;
	line-height:30px;
	font-style:italic;
}
#contentWrap .intro{ 
	float:left; 
	padding:0 0 40px 0; 
	margin:0;
	width:100%;
}


.intro .box{
	width:271px;
	margin:0 0px 0 0px;
	padding:0 32px 0 0;
	background:url(../images/intro_box_bg.gif) repeat-y;
	float:left;
}
.intro .boxLast{
	width:271px;
	margin:0 0px 0 0px;
	padding:0 0px 0 0;
	background:url(../images/intro_box_bg.gif) repeat-y;
	float:right;
}

.intro .box h2, .intro .boxLast h2{
	padding:20px 20px;
	margin:0;
	background:url(../images/intro_title_bg.gif) no-repeat top left;
	color:#e5f2f7;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:normal;
	font-size:18px;
}
.intro .box h2 span, .intro .boxLast h2 span{
	display:block;
	background:url(../images/arrow.gif) no-repeat left 80%;
	margin:0 6px 0px 0;
	padding-left:17px;
	padding-right:0px;
}
.intro .box p, .intro .boxLast p{
	padding:10px 20px 20px 20px;
	margin:0;
	color:#d4ebff;
	
}
.intro .box .readmore, .intro .boxLast .readmore{
	display:block;
	background:#86c4f9 url(../images/readme_bg_arrow.gif) no-repeat right 52%;
	padding:5px 20px 5px 5px;
	margin:0px 0 0 20px;
	color:#072443;
	font-size:10px;
	width:70px;
	text-transform:uppercase;
	text-decoration:none;
	
}

.intro .box ul, .intro .boxLast ul{
	color:#d4ebff;
	margin:0;
	padding:0 0 20px 40px;
	list-style:square;
}
.intro .box olm .intro .boxLast ol{
	color:#d4ebff;
	margin:0;
	padding:0 0 20px 45px;
}
.intro .box .flip, .intro .boxLast .flip{
	display:block;
	position:relative;
	float:right;
	background:url(../images/flip_bottom.gif) no-repeat bottom right;
	width:23px;
	height:27px;
	margin:0 3px 0 0;
	_margin-right:2px;
}

.intro a{
	color:#00a8ff;
	text-decoration:underline;
}
.intro a:hover{
	color:#00a8ff;
	text-decoration:none;
}
#content{
	float:left;
	width:70%;
}
#content1{
	float:left;
	width:100%;
}
#content h2{
	border-bottom:1px solid #a9a499;
}
#content .contentBox{
	clear:both;
	padding:20px 20px 0px 0px;
	border-top:1px solid #fff;
}
#content .contentBox blockquote{
	border-left:2px solid #ccc;
	padding:0 0 0 20px;
	margin-bottom:30px;
}
#content .contentBox blockquote p{
	padding:0;
	color:#a6a197;
	font-style:italic;
	font-size:14px;
}
#content .contentBox .newsdate{
	margin:-5px 0 0 0;
	padding:0 0 20px 0;
	position:relative;
	display:block;
	font-size:11px;
	color:#848484;
}
#content ul, #sidebar ul{
	list-style:square;
	padding:0 0 20px 30px;
	margin:0;
}
#content ol, #sidebar ol{
	padding:0 0 20px 35px;
	margin:0;
}
#content ul ul, #sidebar ul ul, #content ol ol, #sidebar ol ol{
	margin:0;
	padding-bottom:0;
}

#sidebar{
	float:right;
	width:30%;
	margin:38px 0 0 0;
	padding:0;
	border-top:1px solid #a9a499;
	background:#faf8f6 url(../images/sidebar_bg.gif) left 0 repeat-y;
}
#sidebar .box{
	padding:20px 20px;
	float:left;
	border-bottom:1px solid #d5d5d5;
	width:224px;
}
#sidebar .boxOther{
	padding:20px 20px;
	float:left;
	border-top:2px solid #fff;	
	border-bottom:1px solid #d5d5d5;
	width:224px;
/*		border-bottom:1px solid #d5d5d5;*/
}
#sidebar p{
	margin:0 0 0 0;
	padding:0 0 20px 0;
}
#sidebar .latestnews{
	list-style:none;
	margin:0;
	padding:0;
}
#sidebar .latestnews h3{
	padding:0 0 0 0;
	margin:0;
	color:#683604;
	font-size:14px;
	font-weight:bold;
	line-height:14px;
}

#sidebar .latestnews h3 a{
	font-family:Arial, Helvetica, sans-serif;
	color:#683604;
	text-decoration:none;
}
#sidebar .latestnews h3 a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#683604;
	text-decoration:underline;
}

#sidebar .latestnews .date{
	display:block;
	font-size:11px;
	color:#848484;
	padding:0 0 5px 0;
}
#sidebar .latestnews .readmore{
	margin:0;
}
#sidebar .latestnews .readmore a{
	background:url(../images/readmore_arrow.gif) no-repeat right 50%;
	color:#5a5345;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	padding-right:20px;
	font-size:12px;
}
#sidebar .latestnews .readmore a:hover{
	background:url(../images/readmore_arrow_hover.gif) no-repeat right 50%;
	color:#13110d;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	padding-right:20px;
}
#sidebar .testimonial blockquote{
	padding:0 0 0 0;
	margin:0;
}
#sidebar .testimonial blockquote p{
	font-family:Arial, Helvetica, sans-serif;
	color:#8b8681;
	line-height:22px;
}
#sidebar .testimonial blockquote .first{
	background:url(../images/quote_left.gif) no-repeat left 0;
	text-indent:24px;
}
#sidebar .testimonial blockquote .last{
	background:url(../images/quote_right.gif) no-repeat right top;
	padding:0 20px 0 0;
}
#sidebar .testimonial blockquote p cite{
	color:#5c5854;
}
#sidebar a{
	color:#8c4e0f;
	text-decoration:underline;
}
#sidebar a:hover{
	color:#8c4e0f;
	text-decoration:none;
}




/*Footer Style*/
#footer{ 
	clear:both;
	width:100%;
	padding:0px 0px;
}
#footer #navfooter{
	list-style:none;
	padding:0;
	margin:0;
}
#footer #navfooter li{
	display:inline;
	margin:0 0 0 20px;
}




h1, h2{
	padding:0 0 20px 0;
	margin:0;
	color:#1a3d70;
	font-family:Arial, Helvetica, sans-serif;
}
h3, h4, h5, h6{
	padding:0 0 10px 0;
	margin:0;
	color:#818285;
	font-family:Arial, Helvetica, sans-serif;
}
h1{
	font-size:24px;
}
h2{
	font-size:20px;
}

h3{
	font-size:16px;
}
h4{
	font-size:14px;
}

h5{
	font-size:12px;
}

h6{
	font-size:10px;
}
p{
	margin:0;
	padding:0 0 20px 0 ;
	line-height:20px;
	font-size:13px;
}





/*Coda Slider*/
/*Slider Featured Products*/

#slideWrap  ul.featuredProducts{
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  float:left;
}

#slideWrap ul.featuredProducts li{
  float: left;
  padding: 10px;
  display: block;
  margin-right: 10px;
  background:#f3f1ec;
}


#slideWrap  ul.featuredProducts li a{
  display: block;
  overflow: hidden;
  height: 75px;
  width: 75px;
  text-decoration:none;
}
#slideWrap  ul.featuredProducts li a:hover{
	text-decoration:none;
}

#slideWrap  #a1{
  width: 210px;
}

#slideWrap  ul li img{
  position: absolute;
  border: 3px solid #dad6cb;
}

#slideWrap  ul li span{
  margin: 0;
  padding: 0;
  width: 120px;
  display: block;
  margin-left: 85px;
  line-height:17px;
}






/*Global Class*/
.block{
	display:block;
}
.clear{
	clear:both;
}
.alignLeft{
	text-align:left;
}
.alignRight{
	text-align:right;
}
.alignJustify{
	text-align:justify;
}
.alignCenter{
	text-align:center;
}

.floatRight{
	float:right
}
.floatLeft{
	float:left;
}

.clear{
	clear:both;
}

/* Accronym and abbr style*/
abbr, acronym{
	font-style:italic;
	cursor:help;
	color:#6d6d6d;
}


/*imageLeft - Image Left style*/
.imageLeft{
	background:#fff;
	border:1px solid #ebe8e2;
	padding:10px 10px;
	margin:0 15px 20px 0;
}


/*imageRight - Image Right style*/
.imageRight{
	background:#fff;
	padding:10px 10px;
	margin:0 0 20px 15px;
	border:1px solid #ddddda;
}


/*hide - Hide style*/
.hide{
	display:none;
}



/*Table*/
table {  
  margin: 0 0px 20px 12px;
  padding: 0;
  display: block;
  font-size: 12px;
  border-collapse: collapse;
  width:100%;
}
table caption {
  margin: 0 12px;
  padding: 20px 0 5px 0;
  font: 12px arial, sans-serif;
  text-align: left;  
}

table th,table td {
  text-align: left;
  vertical-align: top;
  padding: 6px 10px;
}


thead th {
  color: #FFF;
  background-color: #6d6453;
  border-bottom: 1px solid #585043;
}

tbody tr.highlighted {
  background-color: #e5ddcf;
}

tbody td {
  border-bottom: 1px solid #d3ccbd;
}

tbody tr:hover td {
  border-bottom: 1px solid #9fbb73;
}






/*form - Form Style*/
form {
  padding: 20px 0;
}
label {
  float: left;
  width: 100px;
  padding-right: 1px;
}
input,
textarea{
  padding: 2px;
  font: 400 12px arial, sans-serif;
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #c0c0ba #f4f4ec #f4f4ec #c0c0ba;  
}
input:focus,
textarea:focus{  
  color: #333;
  background-color: #e8f1fc;
}
#name, #email, #subject{
	width:200px;
}
#message{
	width:300px;
	height:150px;
}
input.button {
  padding: 1px 10px;
  font: bold 1em arial, sans-serif;
  cursor: pointer;
  color:#fff;
  background-color: #818285;
  border-width: 1px;
  border-style: solid;
  border-color: #0c68b8 #0c68b8 #023f74  #023f74;
}


/*errorMsg - Error Message Block style*/
.errorMsg{
	float:left;
	padding:20px 20px 0px 20px;
	background:#f2e6e4;
	margin:0 0 20px 0;
	border-top:1px solid #ad5341;
	border-bottom:1px solid #ad5341;
	width:93%;
}
.errorMsg h3{
	color:#98311d;
	margin:0;
	padding:0;
}
.errorMsg ul{
	margin:0;
	padding:0;
}
.errorMsg ul li{
	display:block;
	list-style:none;
	padding:0;
	margin:0;
}


/*highlight style*/
.highlight{
	color:#d74613;
}


/*infoMsg - Info Message Block style*/
.infoMsg{
	float:left;
	padding:20px 20px 0px 20px;
	background:#e6f4e8;
	margin:0 0 20px 0;
	border-top:1px solid #2d993c;
	border-bottom:1px solid #2d993c;
	width:93%;
}
.infoMsg h3{
	color:#319240;
	margin:0;
	padding:0;
}