/*
Theme Name: Tail-f
Theme URI: http://tail-f.com/
*/


body,
html {
	margin:0;
	padding: 1%;
	background:#fff;
	color:#666;
}
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	font-size: .8em;
	color: #333;
	margin: 0 4% 4% 4%;
	max-width: 1100px;
	min-width: 600px;
}

/*------------------ HTML ELEMENTS ----------------------*/

h1, h1 a {
	font-family: 'Arial Narrow', Arial, Verdana, Helvetica, san-serif;
	text-transform: uppercase;
	font-size: 1.05em;
	color: #CC0000;
}

h2, h2 a {
	color: #073C78;
	text-decoration: none;
	font-size: 1em;
}

p {
	margin: 0 0 .3em 0;
	padding: 0;
}

img, img a {
	border: 0 none;
	margin: 0;
	padding: 0;
}

a {
	color: #073C78;
	text-decoration: none;
}

a:active {
	color: #073C78;
	text-decoration: none;
}

a:link {
	color: #073C78;
	text-decoration: none;
}

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

h1 a:hover {
	text-decoration: none;
}

/*------------------ PAGE WRAPPER DIV ----------------------*/
#wrapper {
	background:#fff;
	margin:0 auto;
	text-align: left;
	
}


/*------------------ HEADER DIV ----------------------*/

#header {
	background:#fff;
		max-width: 1100px;
	min-width: 600px;
}

#search {
	display: none;
	text-transform: uppercase;
	display: inline;
	font-family: 'Arial Narrow', Arial, Verdana, Helvetica, san-serif;
	font-weight: bold;
	color: #666;
	letter-spacing: .1em;
	font-size: .85em;
	padding: 0 .7em 0 .7em;
	float: right;
}

/*------------------ SUB NAV DIV ----------------------*/

#subnav {
	margin-top: 50px;
	float: right;
}

#subnav li {
	display: inline;
	font-family: 'Arial Narrow', Arial, Verdana, Helvetica, san-serif;
	font-weight: bold;
	color: #666;
}

#subnav li a {
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: .85em;
	padding: 0 .7em 0 .7em;
}

#subnav li a,
#subnav li a:active,
#subnav li a:visited, 
#subnav li a:link{
	color: #666;
	text-decoration: none;
}
#subnav li a:hover {
	color: #073C78;
	}
	
#subnav1,
#subnav2 {
	border-right: 1px solid #666;
}


/*------------------ MAIN NAV  DIV ----------------------*/

#mainnav {
	margin: 0;
	padding: 0;
	text-align: center;
}

#mainnav li {
	display: inline;
}

#mainnav li a {
	font-family: 'Arial Narrow', Arial, Verdana, Helvetica, san-serif;
	text-transform: uppercase;
	font-size: .85em;
	float: left;
	display: block;
	letter-spacing: .1em;
	font-weight: bold;
	text-decoration: none;
	padding: 6px 0 7px 0;
	color: #073C78;
	width: 10%;
	background: transparent url(images/nav-bar-bg.gif) repeat-x left top;
}


#mainnav li a.active {
		background: transparent url(images/nav-bar-blue-bg.gif) repeat-x left top;	
    color: #fff;
}
	
#mainnav li a:hover {
	background: transparent url(images/nav-bar-blue-bg.gif) repeat-x left top;	
    color: #fff;
}

#mainnav li #item1 {
	background: #fff url(images/left-nav-corner.gif) no-repeat left top;	
	width: 14%;
	color: #073C78;
}

#mainnav li #item7 {
	background: #fff url(images/right-nav-corner.gif) no-repeat right top;	
	width: 14%;	
	color: #073C78;
}

#mainnav li a:hover#item1 {
	background: #ccc url(images/left-nav-blue-corner.gif) no-repeat left top;	
	color: #fff;
}

#mainnav li a:hover#item7 {
	background: #ccc url(images/right-nav-blue-corner.gif) no-repeat right top;	
	color: #fff;
}

#mainnav li a#start {
	background: #fff url(images/left-nav-blue-corner.gif) no-repeat left top;
	color: #fff;
	width: 14%;	
}

#mainnav li a#end {
	background: #fff url(images/right-nav-blue-corner.gif) no-repeat right top;
	color: #fff;
	width: 14%;		
}

#subtext {
	position: absolute;
	z-index: 2;
	top: 40px;
	display: block;
	width: 95%;
	font-style: italic;
	font-size: 1.4em;
	color: #666;
	text-align: right;
}

/*------------------ CONTENT  DIV ----------------------*/

#content {
	margin: 0;
	padding: 40px 0 0 0;
}

/*------------------ LEFTHAND  DIV ----------------------*/

#lhcontent {
	float:left;
	width:68%;
}

#subrhcontent {
	float:right;
	width:70%;
	padding:0;
	background: #fff;
	height: 100%;
}

.bottomcorners {
	position: relative;
	padding: 0;
	margin: 0 0 0 -1px;
	background: transparent url(images/bottom-left-corner.gif) no-repeat left bottom;
	text-align: right;
	bottom: 0;
}

.bottomcorners span {
	position: relative;
	padding: 0;
	display: block;
	margin: 0 -1px 0 0;
	background: transparent url(images/bottom-right-corner.gif) no-repeat right bottom;
}

/*------------------ MAIN  DIV ----------------------*/

#main {
	border-top: 1px solid #B5B5B5;
	border-right: 1px solid #B5B5B5;
	border-left: 1px solid #B5B5B5;
	background: #fff url(images/intropic.jpg) no-repeat right 4px;
}

#main h1 {
	font-family: 'Arial Narrow', Arial, Verdana, Helvetica, san-serif;
	font-size: 1.5em;
	text-transform: uppercase;
	font-style: italic;
	color: #CC0000;
	padding: 70px 0 0 0;
}

#main p {
	line-height: 150%;
	padding: 0 20px 5px 20px;
}

p.intro {
	font-weight: bold;	
}

.maintab {
	margin: -1px -1px 1em -1px;
	background: transparent url(images/h1main-left.gif) no-repeat left top;
}

.maintab h1 {
	margin: 0;
	letter-spacing: .1em;
	background: transparent url(images/h1main-right.gif) no-repeat right top;	
}

/*------------------ FEATURE  DIVS ----------------------*/


#featureblock {
  margin-top: 7%;
}

#balancedblocks {
	margin-top: 3%;
	}

#balancedblocks td {
	vertical-align: top;
	width: 47%;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}

div.landingpage {
    float: left;
	border-right: 1px solid #B5B5B5;
	border-left: 1px solid #B5B5B5;
	height:20%;
}

#balancedblocks td#lefttd {
	width: 3%;
	border: 0 none;
	}
#balancedblocks td.feature {
	padding: 15px;
	}

#balancedblocks td.feature h2 {
	color: #CC0000;
	padding: 0 0 4px 0;
	margin: 0;
}
#balancedblocks td.feature h3 {
	color: #CC0000;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0;
}

#balancedblocks td.feature p {
	padding: 3px 0 3px 0;
	line-height: 140%;
}

#balancedblocks td.angletab {
	background: #fff;
	margin: 0 0 0 -1px;
	border-bottom: 1px solid #B5B5B5;
	border-left: 0px none;
	text-align: right;
}

td.feature ul li p {
padding: 0;
margin: 0;
}

td.feature ul li  {
padding-bottom: 6px;
}

td.feature ul  {
padding: 0;
margin: 0;
}

td.angletab h1 {
    float: right;
    margin: 0 -1px 0 -1px;
    display: block;
    padding: 3px 15px 3px 30px;
    background: #fff url(images/tab-bg-angle.gif) no-repeat left top;
}


/*------------------ RIGHTHAND  DIV ----------------------*/

#rhcontent {
	float:right;
	width:30%;
}

#sublhcontent {
	float:left;
	width:28%;
	padding: 0;
	margin:0;
	background: #fff;
}

div.toptab {
	margin: 0 0 0 -1px;
	background: transparent url(images/h1-left.gif) no-repeat top left;
}

div.toptab h1 {
    padding: 8px 20px 12px 15px;
    margin: -1px -1px 0 0;
	background: transparent url(images/h1-right.gif) no-repeat top right;	
}

#related h1 {
	color: #073C78;	
}

.rss {
	padding-left: 8px;	
}

#subrhcontent table {
	margin-left: 12px;
}

#subrhcontent table td {
	vertical-align: top;
	padding-bottom: 10px;	
}

#subrhcontent table td h3{
	padding: 2px 0 0 15px;	
}

#rhcontent h2,
#sublhcontent h2,
#subrhcontent h2 {
	padding: .95em 5px 3px 15px;
	margin: 0;
	color: #073C78;
	text-decoration: none;
	font-size: .9em;
}

#rhcontent h3,
#sublhcontent h3,
#subrhcontent h3 {
	padding: .95em 5px 3px 15px;
	margin: 0;
	color: #073C78;
	text-decoration: none;
	font-size: 1em;
}

#rhcontent h4,
#sublhcontent h4,
#subrhcontent h4 {
	padding: .95em 5px 0 15px;
	margin: 0;
	color: #CC0000;
	font-size: .9em;
	font-weight: normal;
	font-style:italic;
}

#subrhcontent h2 {
	font-size: 1.1em;
	color: #CC0000;
	text-transform: none;
}

#subrhcontent h1 {
	font-family: Arial, Verdana, Helvetica, san-serif;	
	font-size: 1.3em;
	color: #CC0000;
	text-transform: none;
	margin: 0;
	padding: 20px 0 8px 15px;
}

#rhcontent p,
#subrhcontent p,
#sublhcontent p{
	font-size: .9em;
	padding: 0 5px 0 15px;
	line-height: 130%;
}

#rhcontent ul,
#subrhcontent ul,
#sublhcontent ul {
	margin: 0;
	font-size: .9em;
	padding: 0 5px 0 15px;
}

#rhcontent ul li,
#subrhcontent ul li,
#sublhcontent ul li,
.feature ul li,
.landingpage ul li,
#sublhcontent .page_item ul li{
	list-style-type: none;
	background: transparent url(images/blue-arrow.gif) no-repeat left 4px;
	color: #333;
	text-decoration: none;
	padding: 0 0 3px 15px;	
}

.current_page_item{
	font-weight:bold;
}

#subrhcontent p,
#subrhcontent ul,
#subrhcontent ul li {
	font-size: 1em;
	line-height: 140%;
	padding: 0 20px 7px 15px;
}

#sublhcontent ul,
#sublhcontent ul li {
	font-size: 1em;
}

.smallbottomcorners {
	padding: 0;
	margin: 0 0 0 -1px;
	background: transparent url(images/bottom-left-corner-small.gif) no-repeat left bottom;
	text-align: right;
}

.smallbottomcorners span {
	padding: 0;
	display: block;
	margin: 0 -1px 0 0;
	background: transparent url(images/bottom-right-corner-small.gif) no-repeat right bottom;
}

/*------------------ NEWS  DIV ----------------------*/

#news {
	border-top: 1px solid #B5B5B5;
	border-right: 1px solid #B5B5B5;
	border-left: 1px solid #B5B5B5;
	background: #fff url(images/tab-bg.gif) repeat-x left 3px;
	margin-bottom: 3%;
}

/*------------------ INFO  DIV ----------------------*/

 #info, #related, #infocenter{
	border-top: 1px solid #B5B5B5;
	border-right: 1px solid #B5B5B5;
	border-left: 1px solid #B5B5B5;
	background: #fff url(images/tab-bg.gif) repeat-x left 3px;
	margin: 0 0 5% 0;
}

.prodinfo {
	  float: right;
	  clear: both;
}

/*------------------ FOOTER  DIV ----------------------*/
#footer {
	clear: both;
	padding: 2% 0 0 0;
	margin: 0;
}
#footer li {
    	font-size: .85em;
	font-weight: bold;
	display: inline;
}

#footer li a  {
	color: #666;
    text-decoration: none;
	padding: 0 .7em 0 0;
}

#footer li a.sep {
	border-right: 1px solid #666;
	margin-right: .3em;
}

#footer li#copyright{
	float: right;
    padding: 0;
}

/*---------------------- images ----------------------*/

#image1 {
	margin: 2% 0 3% 0;
	height: 122px;
	display: block;
	text-align: right;	
}

#image2 {
	margin: 2% 0 3% 0;
	height: 122px;
	display: block;
	text-align: left;	
}

#landingpageimage {
	margin-left:10%;
	display:block;
	text-align:right
}

.floatright {
float: right;
margin: 0 0 10px 10px;
 }
 
 .left {
 	float: left;
 	padding: 10px 20px 10px 10px;
 }
 
 #management {
 	margin-top: 20px;
 }
 
 #management td {
 vertical-align: top;
 padding-bottom: 20px;
 }
 
 #sublhcontent ul {
	margin: 3px;
}
 #sublhcontent ul li{
 	background: transparent url(images/blue-arrow.gif) no-repeat left 2px;
 }
 
 #sublhcontent ul ul {
 		padding: 5px 0 5px 0;
 		margin: 0;
 }
 
 #sublhcontent ul ul li {
 		list-style-type: square;
 		list-style-position: inside;
 		background: none;
 		color: #073C78;
 		margin-left: -10px;
 }

h3 a,
h3 a:visited,
h3 a:active,
h3 a:link,
#news a,
#news a:visited,
#news a:active,
#news a:link,
#sublhcontent a,
#sublhcontent a:visited,
#sublhcontent a:active,
#sublhcontent a:link {
	color: #073C78;	
}

h2 a,
h2 a:visited,
h2 a:active,
h2 a:link,
h1 a,
h1 a:visited,
h1 a:active,
h1 a:link,
h4 a,
h4 a:visited,
h4 a:active,
h4 a:link   {
	color: #CC0000;	
}

#text1,
#text2,
#text3,
#text4,
#text5,
#text6,
#text7,
#text8,
#text9,
#text10,
#text11,
#tailfmap {
	display: none;	
}
#tailfusmap {
	display: none;	
}
#tailfwestusmap {
	display: none;	
}

area {
	cursor: pointer;
	}
#subrhcontent ul ul {
	margin-bottom: -7px;
	padding: 7px 0 0 0;
}

#orderform {
	position: absolute;
        width: 0;
        height: 0;
        overflow: hidden;
        
}

a.subactive,
a.subactive:visited,
a.subactive:active,
a.subactive:link {
 	font-weight: bold;
 	color: #CC0000;
}
 
a.subsubactive,
a.subsubactive:link,
a.subsubactive:active,
a.subsubactive:visited  {
        font-weight: bold;
 	color: #CC0000;
}

a.subsubsubactive,
a.subsubsubactive:link,
a.subsubsubactive:active,
a.subsubsubactive:visited  {
        font-weight: bold;
 	color: #CC0000;
}
 

#related a.subactive,
#related a.subactive:visited,
#related a.subactive:active,
#related a.subactive:link {
 	font-weight: normal;
 	color: #073C78;
}
.RightContainer {
	float: right;
	width: 30%;
	padding-left: 2%;
}
div.ltoptab {
	margin: 0 0 0 -1px;
	background: transparent url(images/h1-left.gif) no-repeat top left;
}

div.ltoptab p {
    padding: 8px 20px 12px 15px;
    margin: -1px -1px 0 0;
	background: transparent url(images/h1-right.gif) no-repeat top right;	
}

.RightContainer table {
  /* margin-left: 12px; */
}

.LandingPageRightContainer {
	display:none;
}




/***** Menus ********/

/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_vert {
   margin-left: 1px;
   margin-right: 1px;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   background-color: #ECECEC;
   border-bottom: 1px solid #C0C0C0;
   width: 100%;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */

#mainnav li li {  
   padding: 0;
   border-top: 1px solid #ccc;
}


/* Unless you know what you do, do not touch this */ 
#mainnav ul { 
   list-style: none;
   margin-top: 25px;
   padding: 0px; 
   position: absolute; 
   top: auto; 
   display: none; 
    border-right: 1px solid #ccc;
    background: #ececec;
    width: 14%;
   
}
#mainnav ul ul { 
   margin-top: 0;
   margin-left: -8px;
   left: 100%; 
   top: 0px; 
   border-left: 5px solid #aaa;
   width: 100%;
   background: #ccc;
 }
	
#mainnav li,
#mainnav li#startnav,
#mainnav li#endnav { 
   margin-left: -1px;
   float: left;
   width: 14%;
}
#mainnav li#startnav,
#mainnav li#endnav {
	width: 15%;
}

#mainnav li a,
#mainnav li#startnav a,
#mainnav li#endnav a{ 
   margin-left: -1px;
   float: left;
   width: 100%;
}

#mainnav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative;
   width: 100%;
   text-align: left;
}

/* Styling the basic apperance of the menu elements */
#mainnav a { 
   display: block; 
   margin: 0px; 
   padding: 0px; 
   text-decoration: none; 
   color: #006699;
}

#mainnav li li a { 
   padding: 4px 0 4px 10px;
   margin: 0;
   background: none;
   color: #666;
}	


#mainnav li li a:hover { 
   background: none;
   color: #cc0000;
   
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#mainnav ul li.menuparent, 
#mainnav ul li.menuparent:hover, 
#mainnav ul li.menuparenth { 
/* arrow for menuparents */
   color: #cc0000;
}


/* Styling the apperance of menu items on hover */

#mainnav li:hover, 
#mainnav li.menuh, 
#mainnav li.menuparenth, 
#mainnav li.menuactiveh { 
   color: #0000CC; 
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#mainnav li:hover ul ul, 
#mainnav li.menuparenth ul ul ul,
for fourth level 
*/
#mainnav ul, 
#mainnav li:hover ul, 
#mainnav li:hover ul ul, 
#mainnav li.menuparenth ul, 
#mainnav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#mainnav ul ul ul li:hover ul, 
#mainnav ul ul ul li.menuparenth ul,
for fourth level
*/
#mainnav li:hover ul, 
#mainnav ul li:hover ul, 
#mainnav ul ul li:hover ul, 
#mainnav li.menuparenth ul, 
#mainnav ul li.menuparenth ul, 
#mainnav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#mainnav li li { 
   float: left; 
   clear: both; 
}
#mainnav li li a { 
   height: 1%; 
}

#mainnav ul {
 /* #margin-left: -12%; */
 /* margin-top: 29px; */
}

.smallblock,
.smallblockright {
width: 45%;
float: left;
padding: 0 20px 0 0;
border-right: 1px solid #ccc;
}

.smallblockright {
padding:0 0 0 20px;
border-right: 0 none;
}

.intro {
   font-weight: bold;
   font-size: 14px;
   color: #555;
}

#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
}
#wpcf input {
	float: left;
	width: 200px;
	padding: 1px;
	margin: 2px 5px 2px 0;
}
#wpcf textarea {
	width: 350px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
}
#wpcf #contactsubmit {
	margin-left: 250px;
	width: 100px;
}

#contactform label  {
    float: left;
    width: 6em;
    text-align: right;
    margin-right: 0.5em;
    display: block
}

input#submit  {
    margin-left: 4.5em;
}

div#floatingform {
    width: 50%;
    float: right;
    margin: 0.5em;
    padding: 0.5em;
    border-left: 1px solid #b5b5b5;
}

/* Styling for wordpress built in alignment of images */
img.alignright {
    float:right;
    margin:0 0 1em 1em
}

img.alignleft {
    float:left;
    margin:0 1em 1em 0
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

a img.alignright {
    float:right;
    margin:0 0 1em 1em
}

a img.alignleft {
    float:left;
    margin:0 1em 1em 0
}

a img.aligncenter {
    display: block;
    margin-left: auto; 
    margin-right: auto
}

#buttons {
	 float: right;
	 margin-right: 20px;
}

#relatedlinks {
	      float: right;
}

#relatedlinks h1 {
	      font-family: 'Arial Narrow',Arial,Verdana,Helvetica,sans-serif;
	      text-transform: uppercase;
	      font-size: 1.05em;
#	      color: #cc0000;
	color: #073C78;	
}