/*----------------------------------------------------------------------------------------------------------------------------------
Screen style sheet

 version: 1.0
 author: Jason Roberts
 email: info@custardfish.com
 website: www.custardfish.com 

 structure of code:
 
 1.  MAIN PAGE LAYOUT
 2. NAVIGATION, LINKS & TOOL TIPS
 3. TYPOGRAPHY
 4.. 
 ----------------------------------------------------------------------------------------------------------------------------------*/


/* 1.  MAIN PAGE LAYOUT 
---------------------------------------------------------------------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background: white url(../gfx/client/vortech-bg.gif) repeat-x top left;
}

#clear {clear: both;}

#wrapper {
	width: 950px;
	margin: 0 auto 0 auto;
	padding: 0;
	
}

#masthead {
	height: 180px;
	margin: 0;
}

#masthead img {
	border: none;
	margin: 45px 0 0 8px;
}


#header {
	/*background: url(../gfx/client/header-test.jpg) no-repeat top left;*/
	height: 228px;
	width: 944px;
	margin: 25px 0 25px 2px;
}

#fragment-1 img {border: none; margin: 155px 0 0 510px;}
#fragment-2 img {border: none; margin: 155px 0 0 490px;}
#fragment-3 img {border: none; margin: 155px 0 0 510px;}
#fragment-4 img {border: none; margin: 155px 0 0 510px;}

#sideBar {
	float: left;
	width: 234px;
	margin: 0 0 0 2px;
	/*
	background: url(../gfx/client/sideBar-bg.gif) no-repeat bottom left;
	*/
}

.img-left {
	float: left;
}

#sideBar ul {
		background: url(../gfx/client/sideBar-bg.gif) no-repeat bottom left;
		margin: 0 0 40px 0;
		padding: 10px 10px 20px 10px;
		list-style-type: none;		
		font: 0.7em Arial;
		letter-spacing: -0.0em
}

#sideBar ul li{
	background: url(../gfx/client/sideBar-li-bg.gif) 0 34px no-repeat;
	padding: 3px 0 3px 0;
	margin: 0;
}

#sideBar ul li.last{
	background: url(../gfx/client/blank.gif) 0 0 no-repeat;
}


#sideBar ul li a{
	color: #343434;

	text-decoration: none;
	padding: 6px 20px 6px 20px;
	margin: 0 0 4px 0;
	display: block;
}

#sideBar ul li a:link, #sideBar ul li a:visited{
	color: #343434;
}

#sideBar ul li a:hover, #sideBar ul li a:active{
	text-decoration: underline;
}



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



#sideBar li {
	text-align: left;
}

#sideBar h1 {
	height: 60px;
	width: 234px;
	background: url(../gfx/client/vortech-products-header.jpg) repeat top left;
	text-indent: -1000px;
}

#sideBar .sideBar-image {
	margin: 50px 0 0 0;
	padding: 10px;
	border: 5px solid #DDD;
	}

#mainContent {
	background: url(../gfx/client/pageBreak.jpg) no-repeat top left;
	margin: 0 0 0 265px;
	padding: 30px 30px 60px 30px;
	width: 620px;  /*680px - 30px - 30px */
	min-height: 500px;
}

#mainContent p {
	color: #2D2D3C;
	font-family: Verdana, Helvetica, sans-serif;
	padding: 5px 0px 15px 0;
	margin: 0;
	font-size:0.8em;
	line-height: 1.5em;
}

#mainContent p a:link, #mainContent p a:visited{
	color: #1A5538;
}

#mainContent p a:hover, #mainContent p a:active {
	color: white;
	background-color: #1A5538;
}

#mainContent p.pdf{
	background: #F6F6F6;
	padding: 14px;
	margin: 10px;
	font-size:0.85em;
	border: 1px solid #E7E7E7;
}

#mainContent h1 {
	color: #A82222;
	font-family: "Microsoft Sans Serif", Verdana, Helvetica, sans-serif;
	font-size:1.6em;
	margin: 0;
	padding: 0;
}

#mainContent h1 span {
	color: #A4AFA9;
	font-size:0.4em;
}


#mainContent h2 {
	color: #30A16A;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:1em;
	margin: 0;
	padding: 0;
}

#mainContent h3 {
	color: #30A16A;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:1em;
	margin: 15px 0 0 0;
	padding: 0;
}

#mainContent h3 span {
	color: #277F54;
}

#mainContent ol li{
	background: none;
	padding: 0 0 10px 0;
}

#mainContent ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: none;
}

#mainContent li {
	color: #2D2D3C;
	background: url(../gfx/client/bullet.gif) 0 8px no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height: 1.7em;
	margin: 0;
	padding: 0 0 0 12px;
}

#mainContent blockquote{
	margin: 10px 0 0 60px;
	padding: 0;
	width: 520px;
	color: #888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	font-size: 1.0em;
}
	
#mainContent img {
	border: none;
	padding: 0;
	margin: 5px 0 15px 5px;
}

#mainContent img.right{
	float: right;
	margin: 5px 0 25px 5px;
}

#mainContent img.banner{
	margin: 25px 0 0 5px;
	padding: 2px;
	border: 1px solid #CCC;
}

#mainContent div.gallery {
	background: url(../gfx/client/galleryText.jpg) 4px 12px no-repeat #F1F2E6;
	border: 1px solid #B8BC7E;
	height: 114px;
	width: 508px;
	padding: 14px 0px 10px 90px;
	margin: 20px 0pt 20px 10px;
}

#mainContent div.gallery img {
	background: #fff;
	border: 1px solid #B8BC7E;
	margin: 0 14px 0 0;
	padding: 4px;
}
#mainContent div.gallery a:hover img {
	border: 1px solid #77764D;
}

#mainContent div.product {
	border: 1px solid #B8BC7E;
	padding: 2px 20px 2px 20px;
	margin: 10px 0 10px 0;
}

#mainContent div.product img {
	float: right;
	margin: -20px 0 0 20px;
	}


#mainContent div.product-sm {
	border: 1px solid #B8BC7E;
	width: 257px;
	float: left;
	padding: 2px 20px 2px 20px;
	margin: 10px 0px 10px 0;
}

#mainContent div.product-sm img {
	float: right;
	margin: -25px 0 5px 20px;
	}


#mainContent div.product-sm2 {
	border: 1px solid #B8BC7E;
	width: 257px;
	float: left;
	padding: 2px 20px 2px 20px;
	margin: 10px 0px 10px 21px;
}

#mainContent div.product-sm2 img {
	float: right;
	margin: -25px 0 5px 20px;
	}
	
#mainContent #flash {
	border: 1px solid #B8BC7E;
	width: 550px;
	padding: 4px;
	margin: 10px 0 0 24px;
	}
	
#footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color: #2D2D3C;
	margin: 16px 0 0 0;
	height: 40px;
}

#footer ul {
	margin: 0 0 0 40px;
	padding: 8px 0 0 0;
}

#footer li {
	padding: 0;
	display: inline;
	margin: 0 15px 0 0;
}

#footer li.right {
	margin: 0 0 0 380px;
}

#footer li a:link,  #footer li a:visited {
	color: #6990AF;
}

#footer li a:hover,  #footer li a:active {
	color: #3D5A72;
	text-decoration: underline;	
}


#footerMenu {
	background: url(../gfx/client/footerMenu-bg.jpg) 0 0 no-repeat;
	padding: 0 0 0 40px;
}

#footerMenu ul{
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 16px 100px 0 0;
}

#footerMenu p{
	text-align: right;
	font: 0.65em Verdana;
	line-height: 1.5em;	
	margin: 0;
	padding: 16px 35px 0 0;
}


#footerMenu li {
	font: 0.7em Verdana;
	line-height: 1.75em;	
}

#footerMenu li.indent {
	margin: 0 0 0 7px;
} 

#footerMenu li a{
	color: #30A16A;
}

#footerMenu li a:link, #footerMenu li a:visited {
	color: #30A16A;
}

#footerMenu li a:hover, #footerMenu li a:active {
	color: #284433;
}

/* MENU CODE */


#navigation{
	font: 0.9em Verdana;
	margin: 8px 0 0 0;
	padding: 0;
	height: 45px;
	float: left;
	width: 950px;
	background: url(../gfx/client/menu_bg.jpg) 0 0 no-repeat;
}

#navigation ul {
	margin: 5px 0 0 18px;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
	}

#navigation ul li{
	float: left;
	padding: 0;
	margin: 0 0 0 0px;
	text-transform: capitalize;
}

#navigation ul li a{
	text-decoration: none;
	padding: 8px 34px;
	margin: 0 3px 0 0;
	color: #FFF;
	float: left;
	height: 24px;
}

#navigation li a:link, #navigation li a:visited{
	color: #FFF;
}

#navigation li a:hover, #navigation li a:active{
	text-decoration: underline;
}

#navigation li a.selected { /*selected tab effect*/
	background: url(../gfx/client/menu-bg.gif) 20px 13px no-repeat;
}

#navigation li a.selected a:hover{ /*refresh tab effect*/
	background: url(../gfx/client/menu-rf-bg.gif) 20px 13px no-repeat;
	text-decoration: none;
}


/* drop down menu 
----------------------------------------------------*/
#navigation ul li ul {
	clear: left;
	margin: 35px 0 0 0;
	padding:0!important;
	position:absolute;
	width:120px;
}

/*
html>body #masthead ul.menu li ul{
	margin:11px 0 0 234px;
}
*/

#navigation ul li ul li {
	float:left;
}
#navigation ul li ul li a {
background:#7595C6 none repeat scroll 0%;
border:0px none !important;
color:#DDDDDD;
display:block;
float:left;
font-size:8pt !important;
height:18px;
padding:3px 10px 3px 10px;
text-decoration:none;
width:125px;
}

ul#listMenu-id-2 li a{
width:210px !important;
}

#navigation ul li ul li a:link, #navigation ul li ul li a:visited{
background:#7595C6;
border:0pt none !important;
color:#FFFFFF;
}

#navigation ul li ul li a:hover, #navigation ul li ul li a:active{
background:#7595C6;
border:0pt none !important;
color:#FFFFFF;
text-decoration: underline;
}

#navigation ul li ul li a.selected:hover {
background:#7595C6;
border:0pt none !important;
color:#FFFFFF;
text-decoration: underline;
}



/* SubMenu.................................
*/

#rotate{
	margin:0;
	padding:0;
	width: 237px;
	height: 228px;
	/*background: url(../gfx/client/rotate_bg.jpg) top left no-repeat;*/
	float: left;
}

#rotate ul{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#rotate ul li{
	width: 237px;
	height: 57px;
}

#rotate li.vortexTube {background: url(../gfx/client/header-button-top.jpg) 0 0 no-repeat;}
#rotate li.vortexAC {background: url(../gfx/client/header-button-bottom.jpg) 0 0 no-repeat;}
#rotate li.coldAirGun{background: url(../gfx/client/header-button-middle.jpg) 0 0 no-repeat;}
#rotate li.EncCooler{background: url(../gfx/client/header-button-middle.jpg) 0 0 no-repeat;}

#rotate li.vortexTube:hover {background: url(../gfx/client/header-button-top.jpg) 0 -57px no-repeat;}
#rotate li.vortexAC:hover{background: url(../gfx/client/header-button-bottom.jpg) 0 -57px no-repeat;}
#rotate li.coldAirGun:hover {background: url(../gfx/client/header-button-middle.jpg) 0 -57px no-repeat;}
#rotate li.EncCooler:hover {background: url(../gfx/client/header-button-middle.jpg) 0 -57px no-repeat;}

#rotate li.vortexTube.ui-tabs-selected {background: url(../gfx/client/header-button-top.jpg) 0 -114px;}
#rotate li.vortexAC.ui-tabs-selected {background: url(../gfx/client/header-button-bottom.jpg) 0 -114px no-repeat;}
#rotate li.coldAirGun.ui-tabs-selected {background: url(../gfx/client/header-button-middle.jpg) 0 -114px no-repeat;}
#rotate li.EncCooler.ui-tabs-selected {background: url(../gfx/client/header-button-middle.jpg) 0 -114px no-repeat;}

#rotate ul li a{
	text-decoration: none;
	padding: 16px 0 16px 30px;
	margin: 0;
	display: block;
	text-align: left;
}

#box{
	background: #4E6EB9;
	float: left;
	width: 707px;
	height: 228px;
	display: block;
}

#box #fragment-1 {
	height: 228px;
	background: url(../gfx/client/header-bg1.jpg) no-repeat top left;
}

#box #fragment-2 {
	height: 228px;
	background: url(../gfx/client/header-bg2.jpg) no-repeat top left;
	}

#box #fragment-3 {
	height: 228px;
	background: url(../gfx/client/header-bg3.jpg) no-repeat top left;
	}

#box #fragment-4 {
	height: 228px;
	background: url(../gfx/client/header-bg4.jpg) no-repeat top left;
	}

h1 {
	padding: 0;
	margin: 0;
}

/* clearfix code */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}




/*file/link types
---------------------------*/

a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'] {  
	background:transparent url(../gfx/client/zip.png) center left no-repeat;  
	padding: 0px 0px 1px 20px; 
	line-height:18px;
}  

a[href^="http://"] {  
	background:transparent url(../gfx/client/external.png) center right no-repeat;  
	display:inline-block;  
	padding: 0px 14px 2px 0px; 
}  

a[href^="http://"].none {  
	background: none;
}  

/* PDF document links */  
a[href$='.pdf'] {  
	background:transparent url(../gfx/client/pdf.png) center left no-repeat;  
	display:inline-block;  
	padding: 0px 0px 1px 20px;  
	line-height:18px;  
}  
a[href$='.pdf'].none {  
	background:none;  
}  
   
/* Excel Documents links */  
a[href$='.xls'], a[href$='.csv'], a[href$='.xlw'], a[href$='.xlt'] {
	background:transparent url(../gfx/client/excel.png) center left no-repeat;  
	display:inline-block;  
	padding: 0px 0px 1px 20px; 
	line-height:15px;  
}  
/* Word Document Links */  
	a[href$='.doc'], a[href$='.rtf'], a[href$='.wps'], a[href$='.txt'] {  
	background:transparent url(../gfx/client/word.png) center left no-repeat;  
	display:inline-block;  
	padding: 0px 0px 1px 20px;   
	line-height:15px;  
}  
/* mailto: links */  
a[href^="mailto:"] {  
	background:transparent url(../gfx/client/mailto.png) center left no-repeat;  
	display:inline-block;  
	padding: 0px 0px 1px 20px;  
	line-height:15px;  
}  



/* --------------------- wombat PAGE OVERLAY */

#pageOverlay
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 16px;
	padding: 2px 0 4px 0;
	background: #462F17 url(../gfx/strip-bg.gif) top left no-repeat;
	color: #FFF;
	border-bottom: 1px solid #996633;
	text-align: center;
}

#pageOverlay a:link, #pageOverlay a:visited {
	color: #FFF;
	text-decoration: none;
}

#pageOverlay a:hover, #pageOverlay a:active {
	color: #FFF;
	text-decoration: underline;
}

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

#pageOverlay li { padding: 0 10px 0 10px; margin: 0; list-style: none; display: inline; background: none;}



/* ---------------------
end of document */