/* Clear */

* {
  margin  : 0;
  padding : 0;
}

:link,:visited {
  text-decoration:none
}

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,tr,td{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }

.hide{
  display : none;
}

.show{
  display : block;
}

/* HTML */

/* General Structure */

body, td, th, input, div, table { /* redundant rules for bad browsers  */
  font : 11px Verdana, Arial, Helvetica, Tahoma, sans-serif;
  color : #666666;
  line-height: 21px;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0px 0 0px 0;
  font-family: Verdana ,Arial, Helvetica, sans-serif;
}

h1 { font-size: 160%; font-weight: normal;}
h2 { font-size: 150%; font-weight: normal; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }
h5 { font-size: 90%; }
h6 { font-size: 90%; border: 0; }

/* Navigation */

a:link , a:visited{ color: #666666;text-decoration: none; }
a:hover, a:visited:hover{ color: #0078c1; }

ul, li, a {list-style: none;}

p{margin-bottom: 7px;}

/* Other */

html {
height:100%;
height:auto !important;
}

body{
height:100%;
text-align: center;
background: #fff url(/assets/templates/holotrope/images/bg_body.png) 0 200% repeat-x;
}

#container{
margin:0;
padding:0;
height:100%;
height:auto !important;
margin: auto;
width: 1006px;

}

#header{
background:#f78f1e;
display: block;
margin-bottom:1px;
}

#logo{
background: url(/assets/templates/holotrope/images/bg_logo.jpg) left top no-repeat;
width: 100%;
}

#logo a{
background:transparent scroll 0%;
display:block;
text-indent:-10000px;
overflow:hidden;
width: 344px;
height: 97px;
}

#middle{
clear:both;
padding:10px 0px;
width:934px;
margin: 0 auto;
text-align:left;
}

#middle2{
clear:both;
padding:10px 0px;
width:970px;
margin: 0 auto;
text-align:left;
}

/*------------------- Top Menu------------------------ */
#top_menu{
width:100%;
border-top: 5px solid #0078c1;
border-bottom: 5px solid #0078c1;
height:51px;
padding:2px 0;
}

#top_menu ul{
padding-left:17px;
}
#top_menu ul li ul{
padding:0px;
background-color:#fff;
}

#top_menu ul li{
display:block;
float:left;
line-height:51px;
height:51px;
}
#top_menu ul li.dir ul li{
float: none;
 line-height:25px;
 height:25px;
 display:block;
 margin:0px;
 padding:0px;
 border-bottom:1px solid #0078c1;
 text-align:left;
 }

 #top_menu ul li.dir ul li.last{
 border:0;
 }

#top_menu ul li a span{
line-height:31px;
border-right: 1px solid #0078c1;
height:31px;
padding-right:10px;

}

#top_menu ul li a{
display:block;
float:left;
line-height:31px;
height:31px;
padding: 10px 0 10px 10px;
}

#top_menu ul li.dir ul li a{
float: none;
 line-height:25px;
 height:25px;
 display:block;
 margin:0px;
 padding:0px;
 font-size:14px;
 text-align:left;
 padding-left:10px;
 }

#top_menu ul li a:link, #top_menu ul li a:visited{
font-size:18px;
}
#top_menu ul li a:hover{
}
#top_menu ul li.dir ul li a:link, #top_menu ul li.dir ul li a:visited{
font-size:14px;
}

a.active{
background: url(/assets/templates/holotrope/images/bg_active.jpg) 50% 50% no-repeat;
}
#top_menu ul li.last a span {border:none;}
/*------------------- End Top Menu------------------------ */

/*------------------- Our Works Block------------------------ */

#our_works{
background: url(/assets/templates/holotrope/images/bg_works.jpg) 0 0 no-repeat;
width:934px;
height:434px;
border:1px solid #d6d6d6;
margin:0 auto;

}

div.box2{
width:280px;
margin-top: -55px;
padding-left:24px;
float:left;
z-index:1;
position:relative;
}
#works_title{
z-index:2;
position:relative;
height:79px;

}

#works_title img{

}

div.descr{
padding-left:8px;
}

div.descr h4{
color:#0078c1;
}
/*------------------- End Our Works Block------------------------ */

/*------------------- Left and Right Block------------------------ */

#left{
width: 250px;
float: left;
}
#left h3{
color:#fff;
font-size:14px;
background: url(/assets/templates/holotrope/images/bg_leftmenu_title.png) 0 0 no-repeat;
height:35px;
line-height:35px;
padding-left:15px;
}

#left ul{
border-top:1px solid #d6d7d3;
border-left:1px solid #d6d7d3;
border-right:1px solid #d6d7d3;
width:236px;
margin-left:10px;

}

#left ul li{
height: 25px;
line-height: 25px;
border-bottom: 1px solid #d6d7d3;
padding-left:20px;
background: url(/assets/templates/holotrope/images/bullet_leftmenu.jpg) 5px 50% no-repeat;
}

#left ul li a:link, #left ul li a:visited{
font-size:12px;
text-decoration: none;
}

#left ul li a:hover{
color:#323232;
}

#right{
width: 650px;
padding: 0px 0px 0px 35px;;
float: left;
text-align: left;
}
.top_headline{
padding-bottom: 10px;
width:100%;
border-bottom: 3px solid #f78f1e;
margin-bottom:20px;
}
.top_headline h1{
font:normal 24px Arial;
color:#000;
padding-bottom: 10px;
}

.pathway a:link,.pathway a:visited{
font-size:11px;
color:#a1a2a0;
}

.pathway a:hover{
color:#0078c1
}

.slide{
background: url(/assets/templates/holotrope/images/bg_slide.png) 0 0 no-repeat;
padding: 8px 0 0 8px;
position:relative;
height:420px;
}
.slide_content{
width:611px;
text-align:center;
background-color:#eff1f8;
padding-bottom:10px;
}
.navbar{
position:absolute;
bottom:11px;
left:480px;
}

.navbar ul{

}
.navbar ul li{
display:block;
float:left;
background: url(/assets/templates/holotrope/images/bg_next_button.jpg) 0 0 no-repeat;
height:28px;
line-height:28px;
width:58px;
}
.navbar ul li a{
display:block;
float:left;
}

.prev{
background: url(/assets/templates/holotrope/images/bg_prev.png) 0 50% no-repeat;
padding-left: 15px;
margin-left:7px;
}

.next{
background: url(/assets/templates/holotrope/images/bg_next.png) 100% 50% no-repeat;
padding-right: 15px;
margin-left:7px;
}
.description{
float:left;
width: 300px;
}
.description h3{
color:#0078c1;
}
.description h3 a:link, .description h3 a:visited{
color:#0078c1;
font-size:16px;
font-weight:bold;
}
.description h3 a:hover{
text-decoration:underline;
}

.services_list{
float:left;
margin-left:15px;
}

.services_list h3{
font-size:16px;
font-weight:bold;
}

.services_list ul li{
display:block;
background: url(/assets/templates/holotrope/images/checkmark.gif) 0 50% no-repeat;
padding-left:20px;
}

/*-------------------End Left and Right Block------------------------ */

/*------------------- Links Boxes------------------------ */

div.box{
float:left;
border-right: 1px solid #d4e7f5;
padding:10px 0;
margin: 10px 0;
padding-right:10px;
margin-left:10px;
}

div.inner_box {
background: url(/assets/templates/holotrope/images/bg_box.png) left top repeat-x;
padding:10px 0px 0px;
height:100px;
width:295px;
}

div.inner_box h3, div.inner_box ul{
padding: 0 5px;
}

div#last{
border:0;
padding-right:0;
}
div.box h3{
font-size:18px;
color: #0078c1;
font-weight:normal;
}

div.box ul.col{
float:left; }

div.box ul li{
display:block;
color:#f78f1e;
background: url(/assets/templates/holotrope/images/bullet.gif) left 50% no-repeat;
padding-left:10px;
}
div.box ul li a:link, div.box ul li a:visited{
font-size:11px;
}
div.box ul li a:hover{
text-decoration:underline;
}
/*-------------------End Links Boxes------------------------ */

/*------------------- Bottom div------------------------ */
#bottom{
clear:both;
width:100%;
border-top: 1px solid #d4e7f5;
padding:7px 0;

}
.text{
float:left;
width: 600px;
font-size:14px;
}
.text p{
font-size:14px;
}

div.contact_form{
float:left;
padding-left:72px;
margin-bottom: 10px;
}

div.contact_form h3{
font-size:18px;
color: #0078c1;
font-weight:normal;
line-height:85px;
height: 85px;
background: url(/assets/templates/holotrope/images/contact_icon.jpg) 0 50% no-repeat;
padding-left: 80px;
}

div.contact_form input, div.contact_form textarea{
border:none;
background-color:#fff;
color:#f78f1e;
width: 200px;
margin-bottom:5px;
height: 18px;
padding: 2px 0 0 5px;
}

div.contact_form textarea{
height:50px;
}

div.contact_form input#submit{
background-color:#0078c1;
font-weight:bold;
color:#fff;
padding: 0 3px 3px;;
width: 40px;
float:right;
height: 24px;

}
/*-------------------End Bottom div------------------------ */

/*------------------- Footer div------------------------ */
#footer{
clear:both;
text-align:left;
padding-top:20px;
}

#botmenu{
color: #ffffff;
background-color: #f78f1e;
width:100%;
margin-bottom:2px;
padding: 5px 0;
}

#botmenu ul{
padding-left:20px;
}

#botmenu ul li{
display: inline;
border-right: 1px solid #fff;
padding:0 10px;
}

#botmenu ul li a:link, #botmenu ul li a:visited{
color: #ffffff;
text-decoration: none;
font-size: 11px;
}
#botmenu ul li a:hover{
text-decoration: underline;
}

.copyrihgt{
font-size:11px;
border-top: 4px solid #0078c1;
padding: 10px 0;
padding-left:20px;
}

.clear{
clear: both;
}
/*-------------------End Footer div------------------------ */

/*-------------------DropDown Menu Style------------------------ */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
 border:1px solid  #0078c1;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown {
 font-weight:;
}
  ul.dropdown li {

  }

  ul.dropdown li.hover,
  ul.dropdown li:hover {
     color:;
  }

  ul.dropdown li ul li.hover,
  ul.dropdown li ul li:hover{
   background-color: #eee;}

   /* -- level mark -- */

  ul.dropdown ul {
   width: 220px;
   margin-top: 1px;
  }

    ul.dropdown ul li {
     font-weight: normal;
    }
#bravematters {
width:914px;
border:1px solid #d6d6d6;
margin:0 auto;
margin-bottom: 10px;
padding: 10px;
}
#bravematters a {
	text-decoration: underline;
	color: #0000ff;
}