html, body {margin: 0; padding: 0;}

body {
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.4;
margin: 10px 0 0px 0px;
color: #191919;
background-color: #fff;
font-size:11px;
font-family:verdana, arial, sans-serif;
text-align: center;
}
/* general styles */

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

h1 { color: #0F67DF; font-size: 22px;}
h1 a{ color: #0F67DF; font-size: 20px;}
h2 {color:#000000; font-size:18px; line-height:25px;}
h3 { color: #0F67DF; font-size: 17px;}
h4 { color: #717171; font-size: 9px;}
h5 { color: #717171; font-size: 9px;}
h6 { color: #0F67DF; font-size: 8px; margin: -10px 0px 4px 0px; text-decoration: none;}

a, a:visited { text-decoration: none; color:#333;}
a:hover, a:active { color: #0f67df; text-decoration: underline;}

p {margin: 10px 0px;}

/*Horizontal Rules, this can be used anywhere and will still display a line if CSS not in use still need an <hr /> in the div */
.hr	{display: block; height: 1px; font-size: 1px; background: url(http://www.telovation.com/images/linehzw.gif) repeat-x 50% 50%; margin: 10px 0; clear: both;}
.hr hr	{display: none;}

/*** Layout ***/
#background	{
 text-align: left;
 width: 976px;
 margin: 0 auto;
 background: #fff url(http://www.telovation.com/images/vline976.gif) repeat-y 0% 0%;
 overflow: hidden;
}

#threecolwrap	{
 float: left;
 width: 100%;
 margin: 10px 0 0 0;
}

#leftcol, .lsidebar	{float: left;}
.rsidebar { float:left;}

.lsidebar	{ width: 320px; margin-top:3px;  }
.rsidebar		{width: 185px; }
#primary { float:left;font-size: 13px; margin-right:15px; width:455px; }

#primary .singlepage
{
	padding:0px; margin:0px;
	float:left;
}

*html .lsidebar .defaultblock { padding-left: 5px; display:block;}
*html .rsidebar .defaultblock { padding-left: 0px; display:block;}

/*:first-child+html .lsidebar .defaultblock { padding-left: 5px; display:block;}*/
.rsidebar .defaultblock { display:block;}
.lsidebar .defaultblock { display:block;}
.lsidebar h2
{width:280px;}
.rsidebar h2s{ width:200px;}

#footer {clear: both;  margin: 0; background: #fff; line-height:1.4; padding: 10px 200px 10px 0;}

/* TELOVATION HEADER */

.more-link
{
	padding-right:8px;
	font-weight:bold;
}
#header {
background: #717171 url(http://www.telovation.com/images/header-full.jpg) no-repeat 0 0;
width: 976px;
height: 190px;
position: relative;

}

#header a.homelink {
display: block;
width: 976px;
height: 55px;
}

#header a.homelink span {display: none;}

#banner1, #banner2 {position: absolute;}

#banner1 {
top: 55px;
left: 34px;
width: 729px;
height: 90px;
}

#banner2 {
top: 55px;
left: 787px;
width: 155px;
height: 90px;
}

#banner1 a, #banner2 a {display: block; height: 90px;}

#banner1 a img, #banner2 a img {display: block;} 

#header a.radlink {
width: 160px;
height: 40px;
position: absolute;
top: 150px;
left: 775px;
}

#header a.radlink span {display: none;}

#header #navbar {
margin: 0; 
padding: 0; 
list-style: none;
background: #313131;
/*width: 620px;
padding: 0 2px;*/
height: 32px;
position: absolute;
left: 73px;
top: 158px;
}

#header #navbar li {
float: left; 
margin: 0 0 0 11px;
width: 76px; 
height: 32px;
line-height: 32px;
background: url(http://www.telovation.com/images/button.jpg) no-repeat 0 0;
}

#header #navbar li a {
display: block;
text-align: center;
width: 76px;
height: 28px;
padding-top: 4px;
font: bold 10px/28px verdana, arial, sans-serif;
color: #fff;
text-decoration: none;
background: url(http://www.telovation.com/images/button.jpg) no-repeat 0 0;
}

#header #navbar li a:hover {
background-position: 0 -32px;
}

/* copy div */
#submenu {

float: left;
width: 99%;
padding: 2px 0 10px 0;

background: #fff;
}

#submenu ul {
float: left;
margin: 0; 
padding: 0 0 0 15px; 
list-style: none;
font-size: 9px;
}

#submenu ul li {float: left;}

#submenu ul li a {
display: block;
color: #717171;
padding: 0 10px 0 18px;
background: #fff url(http://www.telovation.com/images/arosm.gif) no-repeat 0 50%;
margin-right: 16px;
}

#submenu ul li a:hover {color: #0f67df;}
#submenu span.copydate	{display: block; text-align: right; padding-right: 25px;}

/** breadcrumbs **/
.bc	{color:#0f67df; font-size: 9px; line-height: 12px; margin: -3px 0px 10px 0px; font-weight: normal; }
.bc a, .bc a:visited {color:#0f67df;}
.bc a:hover, .bc a:active {text-decoration: underline;}
.bc span {color: #717171;}

/* primarys */

.primary h4 {margin-bottom: 10px; font-weight: normal;}
.primary h3 {}
.primary h4 a, .primary h4 a:visited {color: #0f67df;}
.primary a.morelink {color: #0f67df; font-size: 10px;}
.vialink a {color: #0f67df;}

.primary a img {display: block;}

.primary span.post {float: left; width: 95%; font-size: 11px;}
.primary span.post a {float: left; margin-right: 12px; padding-left: 16px; background: #fff url(http://www.telovation.com/images/bbut.jpg) no-repeat 0 50%;}
.primary span.post a em {font-style: normal; color: #0f67df;}

.primary span.arter {display: block; margin-top: 5px;  font-size: 10px;}
.primary span.arter a {margin-left: 5px;}

.primary blockquote {
margin: 0 8px 3px 9px; 
padding: 8px 0 0 0; 
float: right; 
width: 210px; 
background: url(http://www.telovation.com/images/left-quote.jpg) no-repeat 0 0;
}

.primary blockquote div {
margin: 0 0 0 27px; 
padding: 0; 
background: url(http://www.telovation.com/images/right-quote.jpg) no-repeat 100% 100%;
}

.primary blockquote p {margin: 0; padding: 0;}
.primary blockquote p.author {margin: 15px 0 0 0; padding: 0; line-height: 1;}

#posneg h4 {
font-size: 14px;
color: #000;
padding-left: 23px;
font-weight: bold;
}

#posneg .pos h4 {background: url(http://www.telovation.com/images/pos.jpg) no-repeat 0 50%;}
#posneg .neg h4 {background: url(http://www.telovation.com/images/neg.jpg) no-repeat 0 50%;}

/**** lsidebar ****/
.lsidebar .adv	{ margin: 10px 0px;}

.lsidebar a.morelink, .lsidebar h2 a	{color: #0f67df;}
.lsidebar a.morelink:hover, .lsidebar h2 a:hover {color: #0f67df; text-decoration: underline;}

/*** searchbox  - IE6 workarounds in ie6.css - haslayout fixes in ie7.css ***/
.searchbox {background: #000 url(http://www.telovation.com/images/search-bg.jpg) no-repeat 0 0; width: 300px; height: 40px; overflow: hidden;}

.searchbox form {
 margin: 12px 8px 8px 17px;
 padding: 0;
 display: block;
}

.searchbox input, .searchbox .form-item {
 margin: 0;
 padding: 0;
 border: 0;
 float: left;
 height: 20px;
 background: transparent;
}

.searchbox label {display: none;}

.searchbox .form-item {
 width: 183px; 
 margin-right: 7px;
 color: #717171;
 } 
 
.searchbox .form-item input {width: 100%;}/* search text input box */

/* submit button */
.searchbox #search .form-submit {
 width: 80px;
 height: 24px;
 margin: -3px 0 0 0;
 background: url(http://www.telovation.com/images/search-bg.jpg) no-repeat -208px -9px;
 cursor: pointer;
 text-indent: -9999px;
 font-size: 0;
 line-height: 0;
}

.searchbox #search .form-submit:hover,
.searchbox #search .submit-hover {
 background-position: -208px -49px;
}

/*** favorites, recent primarys, projects, category, review, reference ***/
#favourites, #recent, #projects, #category {
float: left;
width:300px;
clear: both;
margin-bottom: 10px;
}
#projects
{
border-bottom: 1px solid #CCCCCC;
padding-bottom:10px;
margin-bottom:8px;
}
#favorites h2, #recent h2, #projects h2, #category h2, #review h3, .reference h3 {
font-size: 24px; 
font-weight: normal;
color: #0f67df; 
letter-spacing: 0.8px;
}

#review h3 {
font-size: 17px; color: #000;
}

#review h4 {
font-size: 15px;
color: #000;
}

.reference h3	{
font-size: 17px; 
}

#favorites .posts {
width: 300px; 
background: #fff;
float: left;
border: 1px solid #ccc;
margin-bottom: 10px;
}

#favorites .posts h4 {
margin: 5px;
font-weight: normal;
font-size: 11px;
overflow: hidden;
}

#favorites .posts h4 a {display: block;}

#favorites .posts h4 a img {
float: left;
margin-right: 5px;
border: 1px solid #717171;
}

#favorites .posts h4 a b {display: block; margin-bottom:2px;}
#favorites .posts h4 a span {display: block; overflow: hidden; font-size: 10px;font-family:verdana,arial,sans-serif;
line-height:1.4;}
#favorites .posts h4 a span.morelink {display: inline; color: #0f67df;}

#recent ul {
font-size: 15px;
line-height: 1.3;
padding: 0;
margin: 0;
list-style: none;
margin: 5px 10px 0 10px;
}

#recent li	{background: url(http://www.telovation.com/images/arow2.gif) no-repeat 0px 7px;}

#recent a	{
padding-left: 10px;
text-decoration: none; 
color:#717171;
}

#recent a:hover	{
text-decoration: underline; 
color: #0f67df;
}

.lsidebar .blockcontent #projects .vert-banner {

float: right;

display: inline;

margin-top: 10px;

margin-right: 0px;

width: 160px;

}
#projects img
{display: block;}
.lsidebar .blockcontent #projects img {display: block;}

.lsidebar .blockcontent #projects ul.sm-banners {

margin: 10px 0 0 0; padding: 0; list-style: none;

}
#projects li
{
padding:0px;
}
.lsidebar .blockcontent #projects ul li{ margin:0px; padding:0px;  }

.lsidebar .blockcontent #projects .sm-banners li {float: left; margin-bottom:7px; }

.lsidebar .blockcontent #projects .sm-banners li.first {margin-bottom: 6px;}

.lsidebar .blockcontent #projects .sm-banners li.last {margin-bottom: 0; margin-top: -1px;}
.lsidebar #projects .sm-banners li{list-style:none; background:none;}
.lsidebar #projects .sm-banners  ul{list-style:none; background:none;}


.reference {margin-bottom: 10px;}

.reference ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 12px;
}

.reference ul li	{
line-height: 18px;
background: url(http://www.telovation.com/images/bbut.jpg) no-repeat 0px 50%;
}

.reference ul li a, .reference ul li a:visited {
padding-left: 17px;
text-decoration: none; 
color:#333;}

.reference ul li a:hover, #reference ul li a:active { 
color: #0f67df;
text-decoration: underline;
}

/*** reviews ***/
#posneg  {
 width: 100%; 
 float: left; 
 background: #fff url(http://www.telovation.com/images/vline.gif) repeat-y 50% 0; 
 margin-bottom: 10px;
 }
 
#posneg .pos {float: left; width: 200px;}
#posneg .neg {float: right; width: 200px;} 

/** category cloud ***/
#category a.morelink	{display: block; font-size: 14px; text-align: right; padding-right: 10px;}

/** can also be put back to HTML **/
#category .cloud a.f12 {font-size: 12px;} /* 10pt */
#category .cloud a.f15 {font-size: 15px;} /* 11pt */
#category .cloud a.f16 {font-size: 16px;} /* 12pt */
#category .cloud a.f18 {font-size: 18px;} /* 13pt */
#category .cloud a.f20 {font-size: 20px;} /* 14pt */
#category .cloud a.f23 {font-size: 23px;} /* 18pt */

/*** right column ***/

/* Radok Search Boxes */
#searchboxes {}

#searchboxes .search	{
 display: block;
 width: 180px;
 height: 65px;
 overflow: hidden;
 color: #000;
 background-color: #fff;
 background-repeat: no-repeat;
 background-position: 0 0;
 margin: 0px 0px 5px 0px ;
}

#searchboxes .google 	{background-image: url(http://www.telovation.com/images/gbut.gif);}
#searchboxes .stock		{background-image: url(http://www.telovation.com/images/sbut.gif);}
#searchboxes .weather	{background-image: url(http://www.telovation.com/images/wbut.gif);}

#searchboxes .sform	{padding: 0; margin: 0; border: 0; float: left; width: 100%; font-size: 6px;}

#searchboxes .sform a {float: left;}
#searchboxes .sform a span {position: absolute; left: -9999px;}

#searchboxes .sform a.g1, #searchboxes .sform a.s1, #searchboxes .sform a.w1 {width: 100%; height: 23px;}
#searchboxes .sform a.g2, #searchboxes .sform a.s2, #searchboxes .sform a.w2 {width: 70px; height: 17px; margin-left: 5px;}
#searchboxes .sform a.g3, #searchboxes .sform a.s3, #searchboxes .sform a.w3 {width: 48px; height: 17px;}
#searchboxes .sform a.g4, #searchboxes .sform a.s4, #searchboxes .sform a.w4 {width: 42px; height: 17px; margin-right: 5px;}

#searchboxes form {display: block; margin: 0; padding: 0; border: 0; height: 25px; overflow: hidden; clear: both;}

#searchboxes form .sebox {
 margin: 3px 0 0 15px;
 font-size: 9px;
 background: #fff;
 color: #333;
 border-style: solid;
 border-color: #666 #ccc #ccc #666;
 width: 120px;
}

/* right column lists */


.rsidebar  h3 {
 font-size: 17px;
 color: #0f67df;
 font-weight: normal;
 letter-spacing: 0.8px
}

.rsidebar  ul {
 margin: 0;
 padding: 0;
 list-style: none;
 font-size: 12px;
}

.rsidebar  ul li	{
 line-height: 18px;
 background: url(http://www.telovation.com/images/arow.gif) no-repeat 0 6px;
 }
.blockcontent .more-link
{
text-align:left;
 background: transparent url(http://www.telovation.com/images/arow2.gif) no-repeat scroll 0 7px;
letter-spacing:0.4px;
line-height:18px;
padding-left:9px;
margin-left:10px;
width:270px;
padding-bottom:8px;
border-bottom:1px solid #CCCCCC;
margin-bottom:5px;
}
.blockcontent .more-link a
{
color:#0F67DF;
font-size:14px;
font-weight:normal;

}

.lsidebar #projects ul li 
{
list-style:none;
margin-right:0px;
padding-right:0px;
}
#projects ul li
{
list-style:none;
list-style-type:none;
}
.lsidebar  ul li	{
line-height:1.3;
 background: transparent url(http://www.telovation.com/images/arow2.gif) no-repeat scroll 0 7px;
 padding-left:9px;
 margin-left:10px;
 font-size:14px;
 color:#717171;
 letter-spacing: 0.4px
 }

.rsidebar  ul li a, .rsidebar  ul li a:visited {
 padding-left: 6px;
 text-decoration: none;
 color:#717171;
}

.rsidebar  ul li a:hover, .rsidebar  ul li a:active { 
 color: #0f67df; 
 text-decoration: underline;
}

/**** footer ****/
#footer p {margin: 0;}
#footer p img {float: left; margin: 5px 10px 10px 0;}