/* @override http://tug.kellykievit.com/stylesheets/styles.css */

/*
 
  
---------------------------------------------*/

*{
  margin:0;
  padding:0;
}



/*
  Typography
---------------------------------------------*/
body,html{
  background: #252525;
  font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
  font-size:small;
  line-height:1.3em;
}

p{
  padding:1em 0;
}

h1,h2,h3,h4,h5,h6{
  color:#467788;
  margin:0;
  padding:1em 0 0 0;
  font-weight: normal;
}
h1{
  font-size:170%;
  line-height: 1em;
  font-family:Georgia,Times,serif;
}
h2{
  font-size:140%;
}
h3{
  font-size:120%;
}
h4{
  font-size:100%;
  font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
  font-weight:bold;
}
h5{
  font-size:95%;
  font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
  font-weight:bold;
}
h6{
  font-size:90%;
  font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}

h7{
  font-size:250%;
  font-family:"Lucida Sans",Verdana,Helvetica,Arial,sans-serif;
  letter-spacing:10px;
  color:#fff;
  line-height: 70px;
}

h8{
  font-size:130%;
  font-family:"Trebuchet";
  letter-spacing:10px;
  color:#252525;
  line-height: 170%;
  padding:0;
}

h9{
  font-size:90%;
  font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
  color:#000;
  font-weight:normal;
}

.mailto {
  position: absolute;
  bottom:5px;
  right:10px;
}

p.mailto {
  text-align:center;
  font-size:160%;
  font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;

}

p.mailto a:link {
  text-decoration:none;
  color:#C7283A;
}

p.mailto a:hover {
  text-decoration:underline;
}

p.mailto a:visited {
  text-decoration:none;
  color:#C7283A;
}


ul,dl,li,dd{
  margin:0.5em 1em;
}

#main p,#main li,#main dd{
  font-size:95%;
}

p.blurb{
  font-family:Georgia,serif;
  font-size:120% !important;
  line-height:1.3em;
}

hr{
  margin:0;
  padding:0;
  color:transparent;
  background-color:transparent;
  border:none;
  clear:both;
}

a{ color:#5E9253 }
a:visited{ color:#396B2E }
a:hover{ color: #467788 }

a img,:link img,:visited img { border:none; text-decoration:none; }

a:hover{
  text-decoration:none;
}

.nomargin{margin:0; padding:0;}

h3 img{
  text-decoration:none;
  display:block;
}

dl.telephone{
  margin:1em 0;
}
dl.telephone dd,
dl.telephone dt{
  margin:0;
  padding:0;
}
dl.telephone dt{
  font-weight:bold;
}

.nospace{
  margin:0;
  padding:0;
}

/*
  Images
---------------------------------------------*/

img.right{
  /*border:1px solid #ccc;*/
  margin-left:1em;
  margin-bottom:10px;
  padding:5px;
  float: right;
}

#page_img{
  /*border:1px solid #ccc;*/
  float:left;
  padding:5px;
  margin-right:1em;
  margin-top:1em;
  margin-bottom: 1em;
}

img.left{
  /*border:1px solid #ccc;*/
  padding:5px;
  margin-right:1em;
  margin-bottom: 10px;

}
img.inline{
  /*border:1px solid #ccc;*/
  padding:5px;
  margin:2px;
  /*display:inline;*/
  float:left;
}
img.block{
  /*border:1px solid #ccc;*/
 
  display:block;
}

.half img{
  /*border:1px solid #ccc;*/
  padding:5px;
}

#flashcontent{
  float:left;
  height:250px;
}



/*
  Layout
---------------------------------------------*/
.container{
  width:800px;
  margin:0 auto;
  font-size:95%
}

.left{float:left}
.right{float:right}
.wide{width:540px }
.narrow{width:190px; margin-top:10px}


.splitl{
	height:398px;
	width:248px;
	margin-bottom: 10px;
	font-size:95%;
	background:#252525;
}

.splitr{
        position: relative;
	height:398px;
	width:492px;
	font-size:95%;
	background:#fff repeat-x;
	padding-left:10px;
	padding-right:10px;
        margin-bottom: 10px;
	overflow: auto;
}

.splitl_long{
        height:600px;
        width:248px;
        font-size:95%;
        margin-bottom: 10px;
        background:#252525;
}
.splitr_long{
        height:600px;
        width:492px;
        font-size:95%;
        background:#fff repeat-x;
        padding-left:10px;
        padding-right:10px;
        margin-bottom: 10px;
        overflow: auto;
}

.wide .wide{ width: 265px }
.wide .narrow{ width: 250px }

#main{
 padding:20px;
 margin-bottom: 10px;

}

hr.clear{
  clear:both;
  color:#252525;
  background-color:#252525;
  display:block;
}

/*
  Header 
---------------------------------------------*/

#header h1, #header h1 a{
  height:30px;
  width:210px;
  background:transparent no-repeat;
  text-indent:-10000px;
  float:left;
  padding:0;
}
#header a{
  color:#fff !important;
}

#header{
  background:#61770A;
  color:#fff;
  float:left;
  text-align:center;
  /*padding: 1em 0 0 0;*/
  width:100%;
}


/*
  Header Navigation Menu
---------------------------------------------*/
#header #nav{
  background:#252525;
  float:left;
  width:100%;
  display:block;
  font:normal 85%/1em Verdana,sans-serif;
}

#header #nav,
#header ul,
#header li{
  margin:0;
  padding:0;
}

#header #nav ul{
  list-style:none;
}
#header #nav li{
  float:left;
  display:block;
}
#header #nav a{
  color:#fff;
  float:left;
  display:block;
  text-decoration:none;
  padding:2px 1px 1px 4px;
  margin:8px 12px;
  /*border-bottom:3px solid #252525;*/

}
#header #nav a:hover{
  border-bottom:3px solid #505050;
}

#header #site-title{
  font-size:475%;
  font-family:"Lucida Sans",Verdana,Helvetica,Arial,sans-serif;
  letter-spacing:8px;
  color:#fff;
  line-height: 100px;
}

#header #site-subtitle{
  font-size:200%;
  letter-spacing:3px;
  word-spacing:5px;
  font-family:"Lucida Sans",Verdana,Helvetica,Arial,sans-serif;
  color:#252525;
  line-height: 18px;
}



#welcome #header #nav #nav_home a,
#products-services #header #nav #nav_products-servies a,
#news #header #nav #nav_news a,
#contact #header #nav #nav_contact a,
#about #header #nav #nav_about a{
  border-bottom:3px solid #C7283A;
}

/*
  Sidebar Navigation Menu
---------------------------------------------*/

#sidebar ul{
  margin:0;
  padding:0;
}

#sidebar ul li.current a{
  border-bottom:1px solid #909090; 
  font-weight:normal;
}

#sidebar ul li.current.has_children ul a{
  border-bottom:2px solid #ffffff; 
  font-weight:normal;
}


#sidebar ul{
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size:13px;
	line-height:1.3em;
}


#sidebar ul li a,
#sidebar ul li ul li a{
	text-decoration:none;
	display:block;
	font-weight:normal;
	margin:0;
	padding:0;
}

#sidebar ul li {
}


#sidebar ul li ul li {
	margin:0;
	padding:.5em 0;
	display:block;
	font-weight:bold;

}
#sidebar ul li ul{
	list-style:none; 
	padding-left:1em;
	margin:0;
}

#sidebar ul li a{
  /* border-bottom:1px solid #C7283A;  */
}


#sidebar ul li a:hover{
  color: #909090;
}

#sidebar ul li.globalnavTitle{
	text-transform:uppercase;
	letter-spacing: 1pt;
	font-weight:bold;
	border-top:1px solid #E5E8D7;
	display:block;
	padding: .5em 0;
}

#sidebar ul a{
  color:#C7283A;
}

#sidebarcontainer{
  margin-top:2em;
}

#sidebar h3{
  border-bottom:1px solid #E5E8D7;
  padding-bottom:0.3em;
  font-weight:bold;
}
#sidebar h3 a{ text-decoration:none }
#sidebar h3 a:hover{ text-decoration:underline }

/*

/*
  Content 
---------------------------------------------*/
#content .container{
  background:transparent;
  color:#222;
}

#main{
  background:#fff repeat-x;
  float:left;
  width:760px;
}


/*
  Home Page Styles 
---------------------------------------------*/

#home #main{
  background:#fff repeat-x;
  float:left;
  text-align:left;
  margin-bottom: 10px;

}

#home .left{
  width:760px !important;
}
#home .right{
  width:260px !important;
  
}

#home #main li{
  margin:0 1em;
  padding:0;
  line-height:1.3em;
}

#home .right p{
  line-height:1.3em;
}
#home .right small{
  margin:0 20px;
  display:block;
}

#home .right img{
  /*border:1px solid #ddd;*/
  padding:10px;
  margin:5px 0;
}

#home .right a{
  text-decoration:none;
  font-weight:bold;
}
#home .right a:hover{
  text-decoration:underline;
}

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

#footer{
  float:left;
  background:#252525;
  width:100%;
}


#footer .container{
  background:#252525;
  /*padding:1em 0 0 0;*/
}

#footer p{
  color:#fff;
  background:#252525;
  font-size:80%;
  text-align:right;
  margin-right:2em;
}

#footer p a:link {
  text-decoration:none;
  color:#61770A;
}

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