/* MINIMUM RESET 
------------------------------------------------------------------ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; }
body { line-height: 1; margin:0px; padding:0px; }
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }



/* GENERAL
------------------------------------------------------------------- */
 
html {
 
  height: 100%;
  margin-bottom: 1px;
}

body {
  margin:0px; padding:0px;
  font: 100%/1.5 "Lucida Grande", "Helvetica Neue", Arial, "Lucida Sans Unicode", sans-serif;
  color:#5e575d;
  background:url(../img/bg-html.jpg) top left repeat-x;
}

a { text-decoration: none; }
a:link, a:visited { color: #004D99; }
a:focus, a:hover, a:active { color: #86180A; }

h1, h2, h3, h4, h5, h6 {
  color: #000;
  display: block;
  /* fixed for Non-PCs without Photoshop CS2+ */
  font-weight: normal;
}

h1 { font-size: 24px; line-height: 8px; margin: 0.3em 0 10px; color:#4DBDF1; }
h2 { font-size: 22px; }
h3 { font-size: 20px; line-height: 1.3; margin: 1em 0 .2em; }
h4 { font-size: 19px; margin: 1.33em 0 .2em; }
h5 { font-size: 1.3em; margin: 1.67em 0; font-weight: bold; }
h6 { font-size: 1.15em; margin: 1.67em 0; font-weight: bold; }

h1 a, h2 a, h1 a:link, h2 a:link, h1 a:visited, h2 a:visited { color: #000; }
h1 a:active, h2 a:active, h1 a:focus, h2 a:focus, h1 a:hover, h2 a:hover { color: #669900; }

hr { display: none; }
input { vertical-align: middle; }
ins { color: #006400; text-decoration: none; }
small { font-size: 0.8em; }
strong { font-weight: bold; }
sub, sup { font-size: 0.7em; }



 
/* specific CSS
------------------------------------------------------------------- */

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
 
.alignleft { float: left; width:59%; }
.alignright { float: right; width:40%; }
 
.more-link {
  background-color: #F4F8F9;
  border-bottom: 1px solid #E6F0F2;
  font-size: 11px;
  font-weight: bold;
  padding: 5px 6px 3px;
 
}

.more-link:hover { background-color: #E6F0F2; border-bottom-color: #B3CDD8; color: #000; }
.list li{ list-style:disc inside; color:#333; border-bottom:1px dotted #ececec; line-height:25px; }

.listlink li{ background:url(../img/bullet.jpg) no-repeat; line-height:25px;  color:#333; border-bottom:1px dotted #ececec;  }
.listlink a{ line-height:20px; margin-left:15px;  }

.listlink li:hover{ background:#eaecef;}



/* STRUCTURE
------------------------------------------------------------------- */
#divIeHack 
 {
    float:left;
    height:auto;
    width:100%;
    text-align:center;
 }
#header, #main{
  text-align: left;
  margin: 0 auto;
  width: 845px;
  border:solid 0px green;
}

#internal_main{
  text-align: left;
  margin: 0px auto;
  width: 892px;
  font-size:12px;
}


#header, #sidebar, #footer { font-size: 0.8em; }
#header { height: 130px; margin-top: 0px; position: relative; }
#container { float: left; margin: 0 -350px 0 0; width: 100%;  }
#content {  width:845px; overflow: auto; min-height:400px; }
#sidebar { display:none; border-left: 3px solid #D5DADD; float: right; margin-left: -3px; padding: 15px 20px 15px 10px; width: 320px; }
#footer { padding: 30px 0px; width: 100%; background:#2c2013; height:190px; color:#98937a; bottom:0px; }
#footer a{ color:#98937a;}
#fcontainer{ width:845px; margin: 0 auto;}

/* HEADER
------------------------------------------------------------------- */
#logo { width:166px; height:82px; float:left; }
#logo a:hover { background:url(../img/logo_hover.png); width:166px; height:82px; float:left;}
h1#logo { font-size: 30px; line-height: 1.2; }
.description { display:none;  color: #868F98; float: left; margin: 17px 0 0 10px; width:149px; }


/* MENUES 
-------------------------------------------------------------------*/
#nav {  
	float:right; 
	height:65px; 
	width:550px; 
	background:url(../img/menu_bg.jpg) no-repeat; 
	display: inline; 
	position:relative;
}

.menu { font:bold 17px arial; }
.menu ul {list-style:none; z-index:10; position:absolute; z-index:100; padding:20px 10px}
.menu li {float:left; width:130px; text-align:center; }
.menu a, .menu a:active, .menu a:visited {text-decoration:none; color:#004f65; padding:0px 15px;}
.menu a:hover {color:#b7cf33}
#slide {position:absolute;margin-top:-1px; height:8px; background:url(../img/hover.jpg) no-repeat; 
		 width:122px;}
                    
 
 
/*content
------------------------------------------------------------------*/

.graybar_left{
	 
	width:333px; 
	height:44px;
	background:url(../img/graybar_left.png); 
	margin-top:20px; 
	float:left;
	color:#FFFFFF;
	font:14px Verdana, Arial, Helvetica, sans-serif;
}

.graybar_left div { text-align:center; margin-top:10px;}
.graybarRight div { text-align:center; margin-top:10px;}

.graybarRight { 
	background:url(../img/graybar_right.png); 
	width:160px; height:44px; 
	margin-top:20px; 
	float:right;
	color:#FFFFFF;
 	text-align:center; 
	line-height:40px; 
	font:14px Verdana, Arial, Helvetica, sans-serif;
}

.gray_bar div { display:inline; float:left; margin:5px 0px 0px 9px; }
.gray_bar img { height:25px; width:29px; border:1px solid #11a2e3; }
.gray_bar img:hover { height:25px; width:29px; border:1px solid #fff; cursor:pointer; }

.button_blue, .button_green { 
	display:inline; 
	position:relative; 
	float:right; 
	width:168px; 
	height:45px; 
	color:#FFFFFF;
	text-align:center; 
	line-height:45px;
	font-size:18px;
}
 
.button_blue{ margin:19px 0px 0px -5px; background:url(../img/button_blue.png) no-repeat;  }
.button_green{ margin:19px 6px 0px 0px; background:url(../img/button_green.png) no-repeat; }

.button_blue a, .button_green a{ color:#fff;}
.button_blue a:hover, .button_green a:hover{ color:#e8e8e8;}

.button_large{
	background:url(../img/button_green_large.png) no-repeat;
	width:230px; 
	height:49px; 
	color:#FFFFFF; 
	text-align:center; 
	line-height:50px;
	font-size:20px;
	margin:0px auto;
}

.green { color:#8fba2b; }
.txt_norm{ font-size:13px; }
.txt_green{ color:#8fba2b; font-size:18px; }
.txt_blue{ color:#11a2e3; font-size:20px; }

.green_menu{ color:#8fba2b;}

.caseBox { padding:4px; border:1px solid #ccc; margin:5px 0px 0px 0px;}
.thumb img { border:4px solid #ececec; margin:5px; }
.thumb img:hover { border:4px solid #cbe346; }

/*Footer
--------------------------------------------------------------------*/

.footer_sep { border-top:1px solid #74692e; height:2px; margin:-25px 0px 20px 0px; }

.flinks {
	width:460px;
	float:left;
	border-right:1px dashed #74692e;
	padding-right:20px;
}

 

#footer a:hover { text-decoration:underline; color:#cfc8a2; }

.testimonial {
	width:300px;
	padding:20px 30px 0px 20px;
	float:right;
	background:url(../img/testimonial.jpg) no-repeat;
	height:68px;
	text-align:left;
	color: #cfc8a2; 
}

.footerForm{
	width:300px;
	padding:0px 30px 0px 20px;
	float:right;
	
}

.footerForm_input { margin:5px; border:2px solid #cfc8a2; height:17px; padding:2px; font-size:12px;  }
.footerForm_textarea { height:50px; width:200px; margin:5px; border:2px solid #cfc8a2; font-size:12px;  }

.quickTitle { font-weight:bold; font-size:15px; color:#cfc8a2; padding:1px; margin-bottom:4px; border-bottom:1px dotted #3F3A23;}

.smallButton { background:url(../img/button_small.png) no-repeat; width:86px; height:27px; border:none; margin:5px; 
cursor:pointer; }
 

.title { float:right; text-align:right; line-height:14px; margin-top:5px; width:180px; }

.flinks_left {
	line-height:17px;
	text-align:left;
	float:left;
	width:30%;
	border-right:1px dashed #74692e;
	padding-right:40px;
}

.flinks_right {
	line-height:20px;
	text-align:left;
	display:inline;
	float:right;
	width:100%;
}

.copy{ clear:both; color:#74692e; padding-top:20px; }
.copy div{ display:inline;	float:left;	 margin-right:20px; width:auto; }


.readMore a{ float:right; margin-top:10px;}
 

/*new styles
------------------------------------------------------------------ */
#boxes { width:843px; height:260px;padding:0px;margin:0px }



.box1{ background:url(../img/box1_hover.png) no-repeat; width:275px; height:260px;   border:solid 0px red; float:left; display:inline; padding:0px;}
.box3 { background:url(../img/box2_hover.png) no-repeat;  width:275px; height:260px;   border:solid 0px red; float:left; display:inline;padding:0px;}
.box2 { background:url(../img/box3_hover.png) no-repeat;  width:275px; height:260px;   border:solid 0px red; float:left; display:inline;padding:0px;}

.itop { background:url(../img/itop.png) no-repeat; width:889px; height:18px; margin:0px; }
.imid { background:url(../img/imid.png) repeat-y; width:889px; min-height:400px; overflow:auto; margin:0px 0px 20px 0px; }


.content_left { width:580px; float:left; margin:0px 10px; padding:0px 7px; min-height:340px; overflow:auto; }
.content_right { width:235px; float:right; display:inline; margin:0px 13px 0px 0px;}
.contentTitle { font-size:16px; color:#8fba2b; font-weight:bold;}

.separator { border-bottom:1px solid #D1F4FA; margin-bottom:8px; height:8px;}

.twitter{ height:40px; width:112px; float:right; clear:both; margin-top:-8px }

.pagelink{ background:url(../img/link.png); width:37px; height:18px; float:left; margin-left:-15px; position:relative;}


.conatactLinks { width:96%;}
.conatactLinks div{
  background-color: #F4F8F9;
  border-bottom: 1px solid #E6F0F2;
  font-size: 12px;
  margin-bottom:10px;
  padding: 5px 6px 3px;
}


 

/*Portfolio Box
-----------------------------------------------------------------------------*/
.content { min-height : 200px; overflow:auto;}

.portfolio_box { margin:0px 10px 10px 10px; width:850px; border:1px solid #fff; }
.portfolio_top { background:url(../img/portfolio_top.png) no-repeat; width:885px; height:19px;}
.portfolio_mid { background:url(../img/portfolio_mid.png) repeat-y; width:885px; min-height:550px;}

.colLeft { width:210px; display:inline; float:left; padding:10px; margin:10px 0px 10px 25px; line-height:20px; }
.colRight { width:250px; display:inline; margin:10px 0px 10px 25px; float:left; padding:5px; }

.colRight a{ color:#5ec2ff; text-decoration:underline; }
.colRight a:hover{ color:#b1d232; text-decoration:underline; }

.colDesc{ height:93px; color:#555; margin-bottom:30px; }

.colThumb{ width:50px; height:50px; display:inline; margin-left:10px; }

.colThumb a img{ width:50px; height:40px; border:2px solid #ececec; }
.colThumb a:hover img{ border:2px solid #95def0; }

.colImg{ height:88px; border:1px solid #ececec; margin-bottom:30px;}

.colLeft a img { border:4px solid #fff; height:80px; width:200px;}
.colLeft a:hover img { border:4px solid #cbe346;}

.company { 
	color:#004f65; 
	font-size:15px;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;  
}


.liveSupport
{
	background:url(../img/livesupport.png) no-repeat;
	width:230px; 
	height:49px;
	margin:5px 0px 0px 0px;
}


/* Important Info
---------------------------------------------------------------------*/

.impInfo {  font-size:12px; }
.impInfo h1 { font-size:16px; line-height:20px; }