@charset "utf-8";
/* CSS Document */
body	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#333;
	line-height:16px;
}

#header	{
	display:block;
	background-color:#FFF;
	padding-top:20px;
	padding-bottom:20px;
	height:40px;
}

#nav1	{
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
	height:30px;
	display:block;
	line-height:18px;
}

#tcontent	{
	background-color: #FFF;
	padding-top:40px;
	padding-bottom:25px;
	color:#333;
	display:block;
	background-image:url(../images/lbg1.gif); 
	background-repeat:repeat-x;
}

#bcontent	{
	background-image:url(../images/redbg.gif); 
	background-color: #900;
	background-repeat:repeat-x;
	padding-top:10px;
	padding-bottom:40px;
	display:block;
	color:#000;
}

#footer	{
	background-color:#333;
	color:#CCC;
	display:block;
	padding:30px;
}

#baseline	{
	background-color:#000;
}

/*
#nav {
	padding: 0;
}
#nav li {
	display: inline;
	
}
#nav li a {
	font-family: Arial;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
	float:left;
	padding-left:20px;
	padding-right:20px;
	padding-top: 6px;
	padding-bottom: 7px;
	color: #fff;
}
#nav li a:hover, #current {
	background-color: #333;
	text-transform:uppercase;
	border: 1px solid #333;
	font-weight:bold;
}
*/
#current 	{
	border-bottom:2px solid #666;
	background-color:#000;
}


.white	{
	color:#FFF;
}

.yellow	{
	color:#FF0;
}

.smtext	{
	font-size:12px;
	line-height:16px;
	text-align:justify;
}

p	{
	text-align:justify;
	line-height:19px;
}

h1	{
	font-size:22px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	margin-bottom:10px;
}

h2	{
	font-size:20px;
	font-weight:normal;
	font-family:Tahoma, Geneva, sans-serif;
	margin-bottom:14px;
	margin-top:8px;
}

h3	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#C30;
	margin-bottom:8px;
	font-weight:bold;
}

#services {
	padding-right:15px;
}
#services p	{
	line-height:18px;
}
#services a:link, a:visited	{
	color:#09C;
}

li	{
	list-style:circle;
	margin-bottom:8px;
}

#callback	{
	padding-left:20px;
}

.lborder	{
		border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #333;
}

#callback label	{
	display:inline;
	float:left;
	width:105px;
	text-align:right;
	padding-right:15px;
	padding-top:3px;
}

.winput	{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	margin-top:2px;
	margin-bottom:2px;
	padding:2px;
	background-color:#FFF;
	border:1px solid #999;
	color:#900;
	width:200px;
}

.quote	{
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	color:#F99;
}

.sc	{
	background-color:#EFEFEF;
}

.rb	{
	background-color:#FFF;
	padding:18px;
	min-height:310px;
	border:1px solid #DDD;
}

.rb h2	{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	color:#C33;
}
.rb p	{
	color:#000;
	text-align:left;
}

.rb a:link	{
	color:#09C;
}

.sidebg	{
	background-color:#FFF;
	
}
.whitebg	{
	border-left:1px #999 solid;
}

.imglinebdr	{
	padding:2px;
	border:1px solid #CCC;
}

.imgbdr	{
	border: 1px solid #999;
}

.scimg	{
	width:218px;
	border:1px #999 solid;

}

/*Navigation */
#nav, #nav ul{

margin:0;
padding:0px;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
z-index:1;
}

#nav a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 15px;
}

#nav a:hover{
background-color:#333;
color:#fff;
}

#nav li{
float:left;
position:relative;
margin-left:0px;
padding-bottom:0px;
padding-top:0px;
list-style:none;
}

#nav ul {
position:absolute;
display:none;
width:200px;
top:30px;
background-color:#666;
}
#nav li ul li	{
	margin:0px;
	padding:0px;
}
#nav li ul a{
width:175px;
height:auto;
float:left;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
}

#nav ul ul{
top:auto;
left:2px;
}	

#nav li ul li a	{
}

#nav li ul li ul li a	{
border-bottom:1px solid #666;
}

#nav li ul ul {
left:150px;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}


/* image zoom */


.gallery1 a, .emailgallery a {position:relative; float:left; } 
.gallery1 a span { display:none; background-image:url(../images/imgzoom.png); background-repeat:no-repeat; width:220px; height:140px; position:absolute; left:0px; top:0px;}  
.gallery1 a:hover span, .emailgallery a:hover span { display:block;} 

.emailgallery a	{margin-right:10px;}
.emailgallery a span  { display:none; background-image:url(../images/imgzoomemail.png); background-repeat:no-repeat; width:100px; height:175px; position:absolute; left:0px; top:0px;}  

.contactdetails	{
	font-size:18px;
	line-height:24px;
}

/***********************boxes *************************************/
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 540px;
    
    background-color: #FFF;
    color: #333;
    border: 1px solid #666;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/**********************tabs************************/
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:2px solid #cc9933;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background-image: url("../images/tabbg1.gif");
	background-color:#EFEFEF;
	font-size:12px;
	font-weight:bold;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 100px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin-right:4px;	
	position:relative;
	top:-1px;
	border:1px solid #cc9933;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-color:#666;
	color:#F00;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	cursor:default !important; 
	color:#F00 !important;
	border-bottom:2px solid #FFF;
	background-color:#FFF;
	background-image:none;
}


/* initially all panes are hidden */ 
.panes .pane {
 display:none;		
}

/* tab pane styling */
.panes div {
	display:none;		
	padding:15px 10px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	border-top:0;
	background-color:#fff;
	min-height:220px;
}
.tabs li	{
	list-style:none;
}

.medtab	{
	min-height:350px;
}

.medtab	div{
	min-height:350px !important;
}

.smtab	{
	min-height:220px;
	}
.longtab	{
	min-height:400px !important;
}

.vltab	{
	min-height:500px !important;
}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background-color:#000;
	font-size:12px;
	height:30px;
	width:190px;
	padding:5px;
	color:#FFF;
	border:1px solid #FC0;;
}

.fptabdiv	{
	display:block;
	float:left;
	margin-right:50px;
	width:400px;
	height:280px;
}

.fprtabdiv	{
	display:block;
	float:right;
	width:400px;
	height:280px;
}
/* style the trigger elements */

#magento ul	{margin-left:80px;}

#footer a	{
	color:#FC9;
}

#footer h3	{
	margin-top:25px;
}

#contact_form input, #contact_form textarea	{
	display:block;
	margin-bottom:0px;
	width:300px;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
}

.posts h3	{margin-top:20px;}