/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
font: 13px/1.2 "Trebuchet MS", Arial, Helvetica, sans-serif;
background-image:url(images/interface/bg-tile.gif);
background-repeat:repeat;
}

#wrapper { 
 margin: 10px auto;
 width: 965px;
 background-color:#FFFFFF;
 border:1px solid #369;
}

#header {
 color: #333;
 width: 944px;
 height:125px;
 float: left;
 padding: 5px;
 border: 1px solid #ccc;
 margin: 7px 5px 4px 5px;
 background: #fff;
 background-image:url(images/interface/header.gif);
}

#sublogo {
margin:0;padding:0;
position:relative;
width:480px;
top:11px;
left:10px;
border:0px solid #000;
float:left;
}

.benefits
{
margin:0px; padding:14px 30px;
border:0 solid #000;
font: 16px/1.4 "Trebuchet MS", Arial, Helvetica, sans-serif;
float:right;
color:#fff;
postion:relative;


}

#subheader {
 width: 945px;
 height:16px;
 float: left;
 padding: 5px;
 border: 1px solid #eee;
 margin: 0 5px 5px 5px;
 background-image:url(images/interface/nav-bar.gif);
 
 }

#leftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #fff;
 margin: 0px 5px 5px 5px;
 padding: 5px 5px 5px 13px;
 width: 510px;
 float: left;
}

#leftcolumn2 { 
 color: #333;
 border: 1px solid #ccc;
 background: #fff;
 margin: 0px 5px 5px 5px;
 padding: 5px 5px 5px 13px;
 width: 708px;
 float: left;
}

#content { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #fff
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 190px;
 display: inline;
}

#rightcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #ffffff;
 margin: 0px 0px 5px 5px;
 padding: 10px;
 width: 180px;
 float: left;
}

#ads-top {
width: 944px;
 height:94px;
 float: left;
 padding: 5px;
 border: 1px solid #ccc;
 margin: 1px 5px 6px 5px;
 background: #fff; text-align:center;
 }

#footer { 
 width: 935px;
 height: 15px;
 clear: both;
 color: #333;
 border: 1px solid #ccc;
 background: #bfd9f0;
 margin: 0px 0px 5px 5px;
 padding: 10px;
 text-align:right;
}

/*    list  */


#menu

{
position:relative;
margin:0;
padding:0;
border:1px solid #000
width:530px;}


#navlist {
margin:0;
padding:0;
list-style:none;
font-size:1.1em;
float:right;
width:550px;
border:0 solid #000;

}

#navlist li
{
display: inline;
padding: 0;
margin: 0 .5em 0 -.5em;
padding: 0 .5em 0 .5em;
border-left:1px solid #000;
}

#navlist li a {
text-decoration:none;
font: normal 1.1em "Lucida Sans Unicode","Trebuchet MS",sans-serif;
}

/*    HEADERS  */

h1,h2,h3 {
color:#FF6600;	 
	padding-top: 6px;
}

h1 {font: normal 1.7em "Lucida Sans Unicode","Trebuchet MS",sans-serif;}
h2 {font: normal 1.5em "Lucida Sans Unicode","Trebuchet MS",sans-serif;}
h3 {font: normal 1.2em "Lucida Sans Unicode","Trebuchet MS",sans-serif;}

h1.subhead

{font: normal 17px, "Lucida Sans Unicode","Trebuchet MS",sans-serif;
position:relative;
color:#003300;
top:0px;
left:30px;
float:left;
width:500px;
border:0 solid #000;
}


h3.green {font: normal 17px "Lucida Sans Unicode","Trebuchet MS",sans-serif;
color:#00CC00; margin:0 0 15px 0;}

h3.blue {font: normal 17px "Lucida Sans Unicode","Trebuchet MS",sans-serif;
color:#3399FF; margin:0 0 15px 0;}

h3.prodName {font: normal 14px "Lucida Sans Unicode","Trebuchet MS",sans-serif;
color:#00CC00; margin:0 0 3px 0; font-weight:bold;}

.blogs
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: normal;
	color: #5496FA;
	font-weight: bold;
	
}	

h3.blue {font: normal 14px "Lucida Sans Unicode","Trebuchet MS",sans-serif; color:#0066CC; margin:0 0 5px 0;}

h4.blue {font: normal 13px "Lucida Sans Unicode","Trebuchet MS",sans-serif; color:#003399; margin:0 0 5px 0;}

/*    links  */

a:link {
	color: #369;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin:0;
	padding:0;
	}
	
a:visited {
	color: #369;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	
	}
	
a:hover {
	color: #036;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	
	}


/*    list  */

#submenu {
list-style:none;
float:left;
font: normal 14px "Lucida Sans Unicode","Trebuchet MS",sans-serif;

}

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

}

#submenu li a {
text-decoration:none;
font: normal 14px "Lucida Sans Unicode","Trebuchet MS",sans-serif;
color:#fff;
}

#logo

{
position:relative;
margin:0;
padding:0;
left:15px;
top:10px;
width:250px;
float:left;
}

#video {
text-align:center;
margin:0;
padding:8px 0;
}


.imgContent
{
padding:0 8px 2px 0px;
float:left;
}

.productBox

{
margin:5px 2px;
padding:10px;
width:150px;
height:260px;
border:1px  dotted #009933;
float:right;
text-align:center;
}

#navlist-footer {
margin:0;
padding:0;
list-style:none;
font-size:1.1em;
float:left;
width:510px;
border: 0 solid #000;

}

#navlist-footer li
{
display: inline;
padding: 0;
margin: 0 .5em 0 -.5em;
padding: 0 .5em 0 .5em;
border-left:1px solid #000;
}

#navlist-footer li a {
text-decoration:none;
font: normal 1.1em "Lucida Sans Unicode","Trebuchet MS",sans-serif;
}

hr.green {border: none 0;
border-top: 1px solid #3C6;/*the border*/
width: 100%;
margin:5px 0;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

P {margin:11px 0;}

.desc {font-size:11px; font-family:Arial, Helvetica, sans-serif;}

#prod {
width:190px;
border:0px solid #000;
padding:0 8px 0 2px;
}

#partners
{

	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}


#partners.li
{
font-size:12px; 
font-family:Arial, Helvetica, sans-serif;
}

/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }