/*
Theme Name: Isthmusit
Version: 2.0
Author: Jafet Baltodano
*/



@font-face { font-family: eurostyle; src: url('/fonts/eurostile.ttf') format("truetype"); }
@font-face { font-family: future; src: url('/fonts/futr.ttf') format("truetype"); }
@font-face { font-family: julius; src: url('/fonts/julius.ttf') format("truetype"); }
@font-face { font-family: eraslight; src: url('/fonts/eraslght.ttf') format("truetype"); }
@font-face { font-family: eurose; src: url('/fonts/ergor.ttf') format("truetype"); }


body {background:url('/wimages/body-bkg.jpg') top repeat-x; }

#wrap { width:850px; margin:0px auto; font-family:"eurostyle", Arial, Helvetica, sans-serif; font-size:11px;}

#head {height:81px}
#logo { display:block; width:145px; float:left;}
#toplinks {background:url('/wimages/topContact.png'); width:175px; height:76px; display:block; float:right; margin-top:-6px; padding-left:28px;}
#toplinks a { color:#FFF; text-decoration:none; font-size:12px; font-weight:bold; display:block; float:left; margin-top:7px; width:80px;}
#toplinks a:hover {color:#CCC;} 


#content {border-left:2px solid #999; border-right:2px solid #999;border-bottom:1px solid #EEE; width:830px; padding:10px;}
#cont-intro {height:250px; overflow:hidden;}
#featured {background:#000; float:left; width:548px; height:250px; margin:0px 10px 0px 0px;}
#featured h1.top-t {display:none}
#box {float:right; color:#fff; font-size:16px; width:260px; height:250px; background: url(/wimages/homelogo.jpg) no-repeat center -15px #91BE4D; border:3px solid #83B735;}
#box p {display:block; margin:90px 10px 0px 10px; text-align:center}
#box a {color:#FFF; }
.rm {font-size:10px;}
.s-link {display:block; font-weight:bold; text-align:right; font-size:14px; margin-top:20px;}
#box a:hover { color:#000;}



#cont-box {overflow:hidden; margin:15px 0px;}
.cont-box { width:260px; background:#FCFCFC; border:1px solid #CCC; padding:2px; float:left; font-size:14px; height:270px;}
.cont-box h1, .cont-box-int h1 {display:block; background:#91BE4D; margin:0px; color:#FFF; text-transform:uppercase; text-align:center; font-size:13px; padding:5px;  }
.cont-box li, .cont-box-int li {margin:5px 10px 5px -10px; list-style:url(/wimages/bullets.png);}
.cont-center {margin:0px 16px;}
.customers { background:#FFF; border:1px solid #CCC; text-align:center; }
.customers h1 { background:#91BE4D; color:#FFF; }


#left-bar {width:265px; float:left; margin:0px 0px 15px 0px;}
#cont-box-int { margin:0px;overflow:hidden; }
.cont-box-int {width:245px; background:#FCFCFC; border:1px solid #CCC; padding:2px; float:left; font-size:14px; margin-bottom:15px; }
.cont-box-int a {color:#666; text-decoration:none; }
.cont-box-int a:hover {color:#000;}
.cont-box-int h1 a {color:#FFF;}
.cont-box-int h1 a:hover {color:#FFF;}
.cont-box-int h2 {font-size:16px;}
.sp .textwidget {margin:0px 10px 10px 10px;}
.sp a {color:#060; font-weight:bold;}

#info-text { float:left; width:540px; border:1px solid #CCC; padding:0px 10px 15px 10px ; font-size:14px;}
#info-text h3 {display:block; background:#CCC; margin:3px -6px 20px -6px; padding: 10px 5px; font-size:20px; text-transform:uppercase;}
#info-text h1 {display:block; font-size:16px;}
#info-text h2 {display:block; background:#91BE4D; margin:3px 0px 20px -6px; padding: 10px 5px;  font-size:18px;}
#info-text h2 a {color:#FFF; font-weight:bold; }
#info-text h2 a:hover {color:#000;} 
#info-text hr {color:#EFEFEF; margin-bottom:10px;}
#info-text ul.slideshow  { margin:5px 0 5px -4px;}

.small-font {margin:10px 10px 25px 10px; border-top: dashed 1px #EEE; font-size:12px; color:#666;}
.small-font a {color:#666;}
.small-font a:hover {color:#000;}

.navigation {margin:10px;}
.navigation a {color:#666;}


#footer { width:850px; border-left:2px solid #999; border-right:2px solid #999;border-bottom:2px solid #999; text-align:center; }
#foot-links {padding:15px 5px; font-size:14px;color:#FFF; background:#060;}
#foot-links a {color:#FFF; margin:5px; text-decoration:none;}
#foot-links a:hover {text-decoration:underline;}
#credits {padding:10px; color:#999;}

#nav-bar { border-top:2px solid #999;  border-left:2px solid #999;  border-right:2px solid #999; background:#EEE; width:100%; height:37px; position:relative; z-index:100;}

#nav { margin:0px; padding:1px 3px 0px 3px; width:630px; float:left;}
#nav li { margin: 1px 1px -3px 1px; float: left; position: relative; list-style: none; padding: 2px 0px 8px; }
#nav a {font-weight: bold; text-transform:uppercase; color: #FFF; text-decoration: none; display: block; background: #060; padding: 8px 8px; margin: 0; }
#nav a:hover { background: #000; color: #fff; }
#nav .current a, #nav li:hover > a { background: #91BE4D; color: #FFF; text-shadow: 0 1px 1px rgba(0,0,0, .6);}
#nav ul li:hover a, #nav li:hover li a { background: none; border: none; color: #666; }
#nav ul a:hover { background: #91BE4D !important; color: #FFF !important; text-shadow: 0 1px 1px rgba(0,0,0, .1); }
#nav li:hover > ul { display: block; }
#nav ul { display: none; margin: 0; padding: 0; width: 185px; position: absolute; top: 35px; left: 0; background: #FFF; border: solid 1px #b4b4b4; -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3); -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3); box-shadow: 0 1px 3px rgba(0,0,0, .3); }
#nav ul li { float: none; margin: 0; padding: 0; }
#nav ul a { font-weight: normal; text-shadow: 0 1px 0 #fff;}
#nav ul ul { left: 181px; top: -3px; }
#nav ul li:first-child > a {}
#nav ul li:last-child > a {}
#nav:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
#nav { display: inline-block; } 
html[xmlns] #nav { display: block; }
* html #nav { height: 1%; }

#searchBox { float:right; padding:8px 12px;}
#searchBox .searchInput { border: #B2B5B6 solid 1px; width:100px; }
#searchBox .searchInput select { border: #B2B5B6 solid 1px; color: #666;}
input { font-family: Arial, Helvetica, sans-serif; font-size:11px; }
input.searchBt, select { text-transform:uppercase; font-size:10px; font-weight:bold;}

ul.slideshow { list-style:none; width:584px; height:250px; overflow:hidden; position:relative; margin:0; padding:0; }	
ul.slideshow li { position:absolute; left:0; right:0; }
ul.slideshow li.show { z-index:5; }
ul img { border:none; }
#slideshow-caption { width:548px; height:25px; position:absolute; bottom:0; left:0; color:#fff; background:#000;z-index:5;}
#slideshow-caption .slideshow-caption-container { padding:5px 10px;	z-index:6;}
#slideshow-caption h3 {	background:none; margin:0; padding:0; font-size:14px; float:left;}
#slideshow-caption p {	margin:0px 0 0 10px; padding:0; font-size:14px; float:left; }