/*
Theme Name: Tags Hardware's template
Theme URI: http://wordpress.org/
Description: Agency's custom template
Version: 1.0
Author: Agency3
Author URI: http://www.agency3.com
*/

/* CLEAR ALL STYLING */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* MAIN FONTS & COLORS */
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
background:url(images/bg-container.gif) #fdf4dc left top repeat-y;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

strong{
font-weight:bold;
}

.strong{
font-weight:bold;
}

em{
font-style:italic;
}

.clear{
clear:both;
}

.clear-right{
clear:right;
}

.clear-left{
clear:left;
}

.float-left {
float:left;
}

.float-right {
float:right;
}

p{
padding-bottom:10px;
}

h1{
padding-bottom:10px;
font-size:24px;
}

h2{
font-size:18px;
padding-bottom:10px;
}

h3{
font-size:16px;
padding-bottom:10px;
}

ol {
list-style:decimal;
padding-left:25px;
padding-bottom:10px;
}

ul{
list-style:disc;
padding-left:20px;
padding-bottom:10px;
}

blockquote {

}

.alignleft{
float:left;
padding-right:10px;
}

.alignright{
float:right;
padding-left:10px;
}

/* CONTENT STYLING */

#container {
width:875px;
margin:0;
padding:0;
}

#background{
margin:0;
padding:0;
float:left;
width:875px;
background:url(images/bg-container.gif) #FDF4DC left top repeat-y;
}

#sidebar-left{
width:300px;
float:left;
margin:0;
padding:0;
}

#sidebar-top{
float:left;
margin-top:30px;
width:300px;
background:url(images/logo.gif) 80px 20px no-repeat;
background-color:#d6a400;
border-bottom:10px solid #cc0000;
height:115px;
}

#sidebar-top h1{
margin:0;
padding:0;
}

#sidebar-top h1 a{
height:67px;
width:198px;
margin-left:80px;
margin-top:20px;
display:block;
}

#sidebar-top h1 a span{
position:absolute;
left:-9999em;
}

#sidebar-top h2{
padding-left:80px;
padding-top:10px;
font-family: Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding-bottom:0;
margin-bottom:0;
}

#sidebar-bottom{
width:250px;
float:left;
text-align:right;
margin-top:25px;
line-height:1.8em;
}

#sidebar-bottom h3{
font-family: Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding:0;
margin:0;
}

#sidebar-bottom h4{
font-family: Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
padding:0;
margin:0;
}

#sidebar-bottom h5{
font-weight:normal;
font-size:10px;
color:#006600;
padding:0;
margin:0;
}

#sidebar-bottom p{
padding-bottom:25px;
font-weight:normal;
font-size:10px;
}

#sidebar-bottom a{
color:#006600;
}

#sidebar-bottom .newsletter{
width:210px;
float:right;
background-color:#ffffff;
border:2px solid #006600;
padding:0 5px;
margin-bottom:20px;
}

#sidebar-bottom .newsletter label{
color:#006600;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
margin:0;
padding:5px 0;
width:auto;
}

#sidebar-bottom .newsletter #EmailAddress{
border:1px solid #006600;
width:205px;
float:left;
}

#sidebar-bottom .newsletter #catwebformbutton{
border:none;
background-color:#ffffff;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#006600;
float:right;
margin:0;
padding:0;
font-weight:bold;
cursor:pointer;
}


#content{
float:left;
width:575px;
margin:0;
padding:0 0 20px 0;
}

#header{
height:90px;
width:535px;
float:left;
border-bottom:5px solid #cc0000;
}

#header h3{
font-family: Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding-top:60px;
padding-left:10px;
padding-bottom:0;
margin:0;
color:#cf9b00;
text-transform:uppercase;
}

#nav {
height:60px;
width:535px;
float:left;
font-family: Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

#nav ul{
margin:0;
padding:0;
list-style:none;
}

#nav ul li{
float:left;
margin-top:15px;
padding:0 8px;
border-right:2px solid #000000;
font-family: Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
height:18px;
}

#nav ul li a{
color:#cf9b00;
text-decoration:none;
}



#nav ul li a:hover{
text-decoration:underline;
}

#nav ul li.last{
border-right:none;
}

#content-main{
width:540px;
padding-left:10px;
padding-top:40px;
min-height:525px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
line-height:1.6em;
}

#content-main blockquote{
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
width:220px;
color:#cf9b00;
font-weight:bold;
font-size:12px;
}

#content-main blockquote p{
font-size:12px;
}

#content-main ul{
padding-left:40px;
}

#content-main #side-left{
width:240px;
float:left;
padding-left:10px;
}

#content-main #side-right{
width:270px;
float:left;
padding-left:20px;
}
#content-main #side-right img{
margin-right:10px;
margin-bottom:10px;
}

#content-main #side-left.resources{
width:290px;
}

#content-main #side-left.resources p{
padding-bottom:20px;
}

#content-main #side-right.resources{
width:190px;
}

#content-main h1{
color:#cc0000;
font-size:16px;
font-family:Helvetica;
font-weight:bold;
padding-bottom:0;
}

#content-main h2{
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#cc0000;
margin-top:60px;
}

#content-main a{
color:#cc0000;
}

#content-main h2 a{
color:#cc0000;
}

#content-main p{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
padding-bottom:20px;
}

#content-main #side-left p{
padding-bottom:0;
}

#footer{
float:right;
padding-right:20px;
width:535px;
}

#footer p{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
padding-bottom:5px;
font-size:9px;
}

#footer a{
color:#000000;
}

/***homepage***/


#content-main #home h1{
width:275px;
font-size:18px;
padding-left:105px;
padding-bottom:5px;
}

#content-main #home ul{
padding-left:140px;
padding-bottom:30px;
}

#content-main #home ul li{
width:210px;
}

#content-main #home p{
width:300px;
}

#content-main #home p.bottom{
float:left;
width:350px;
}

#content-main #home p.bottom-right{
width:120px;
float:left;
}

/* SHADOW */
.inner{
background:#FFFFFF none repeat scroll 0 0;
border-left:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
overflow:hidden;
padding:8px;
text-align:left;
float:left;
}

.shadow-left{
background:transparent url(images/background_shadow.png) no-repeat scroll right bottom;
padding:0 7px 7px 0;
float:left;
margin-right:10px;
}

.shadow-right{
background:transparent url(images/background_shadow.png) no-repeat scroll right bottom;
padding:0 7px 7px 0;
float:right;
margin-left:10px;
}

/***NEWSLETTER SIGNUP***/
#sidebar-bottom .newsletter ul{
margin:0;
padding:0;
list-style:none;
}

#sidebar-bottom .newsletter h2{
display:none;
}

#sidebar-bottom .newsletter .cform {
margin:0;
padding:0;
width:205px;
}

#sidebar-bottom .newsletter ol.cf-ol li {
margin:0 !important;
padding:0 !important;
}

#sidebar-bottom .newsletter .cform label span{
width:auto;
}

#sidebar-bottom .newsletter .cform input{
color:#006600;
border:1px solid #006600;
width:205px;
float:left;
height:18px;
background-image:none;
background-color:#ffffff;
padding:2px 0 0 0;
}

#sidebar-bottom .newsletter span.emailreqtxt{
display:none;
}

#sidebar-bottom .newsletter p.cf-sb{
margin:0;
padding:0;
}

#sidebar-bottom .newsletter .cform input.sendbutton{
background-color:#FFFFFF;
background-image:none;
border:medium none !important;
height:19px;
color:#006600;
cursor:pointer;
float:right;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
margin:0 0 5px 0;
padding:5px 0;
text-align:right;
width:auto;
}

.linklove{
display:none;
}

/***Homepage Sidebar***/
#sidebar-top.home{
background:url(images/homepage-sidebar.jpg) 0 0 no-repeat;
height:227px;
border-bottom-color:#006600;
}

#sidebar-top.home a{
height:227px;
width:300px;
margin:0;
padding:0;
}

/***sifr***/



.sIFR-active #header h3 {
  visibility: hidden;
  font-family: Helvetica, sans-serif;
  line-height: 1em;
  font-size: 18px;
}
.sIFR-active #nav ul li{
  visibility: hidden;
  font-family: Helvetica;
  line-height: 1em;
  font-size: 14px;
  height:18px;
  } 
.sIFR-active #sidebar-bottom .sifr-wrapper p{
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 14px;
  }
  
.sIFR-active #sidebar-bottom .sifr-wrapper p a{
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 10px;
  }
.sIFR-active #sidebar-bottom h3{
  font-family: Helvetica;
  line-height: 1em;
  font-weight:bold;
  font-size: 20px;
  }
.sIFR-active #sidebar-bottom h4{
  font-family: Helvetica;
  line-height: 1em;
  font-size: 14px;
  font-weight:bold;
  }
.sIFR-active #sidebar-bottom h5{
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 12px;
  }
  
div.cf_info {
width: 180px !important;
text-align:left !important;
}
  
ol.cf-ol li.cf_li_err {
display:block;
float:left;
}  


