@charset "utf-8";
/* CSS Document */

/*---------------
   Global Styles
---------------*/

html {}
body {background-color:#FFF; background:url(../img/bgrnd.gif) repeat-x; margin:0 auto; padding:0px; font-family: Arial, Helvetica, sans-serif;}
ul,li,a,img {border:none; font-weight:normal; padding:0; margin:0; display:inline;}
ul {list-style:none;}
a:hover {height:1px; text-decoration:underline;}
hr {background:url(../img/hr.png) no-repeat; height:17px; width:288px; float:left; margin:0;}
* html img {behavior: url('iepngfix.htc');}	
p {margin-top:3px; margin-bottom:15px;}
br {margin:3px;}

.list li{list-style:disc; display:list-item}


/*---------------
   Font Styles
---------------*/

.successful {font-weight:bold; font-size:large; color:#235981; text-transform:capitalize;}
.successfulSub {font-weight:normal; font-size:small; color:#235981; text-transform:lowercase;}
.testimonialHeader {font-weight:bold; font-size:medium; color:#fff;}
.testimonialCopy {font-weight:normal; font-size:small; color:#d3fbfb; margin-top:2px;}
.testimonialCopy a {font-weight:bold; font-size:small; color:#d3fbfb; text-decoration:none;}
.testimonialCopy a:hover {text-decoration:underline;}
.testimonialByline {font-style:italic; font-size:x-small; color:#d3fbfb;}
.titleEmphasis {font-weight:bold; font-style:italic; font-size:medium; color:#2E2701;}
.bodyHeader {font-weight:bold; font-size:large; color:#2E2701;}
.bodyCopy {font-weight:normal; font-size:small; color:#282701;}
.bodyCopy a {font-weight:bold; font-size:small; color:#235981;}
.bodyCopyBold {font-weight:bold; font-style:normal; font-size:small; color:#282701;}
.bodyCopyItalic {font-weight:bold; font-style:italic; font-size:small; color:#282701;}
.bodyByLine {font-weight:normal; font-style:italic; font-size:smaller; color:#2E2701;}
.footer {font-weight:normal; font-style:normal; font-size:small; color:#fff; background-color:#235981; padding: 15px; border-top:#000; border-top-style:solid; border-top-width:5px;}
.footerBold {font-weight:bold; font-style:normal; font-size:small; color:#fff;}
.footer a { color: #CCC; }
.clear {clear:both;}

/*---------------
  Id Selectors 
---------------*/

#bigContainer {width:100%; margin:0 auto; text-align:center; padding:0 auto;}
#lilContainer {width:977px; margin:0 auto; padding:0 auto; }
#columnOne {width:350px; margin:0 auto; margin-top:10px; margin-right:10px; float:left; padding:0 auto; }
#columnTwo {width:299px; height:inherit; margin:0 auto; margin-right:10px; padding:0 auto; float:left; margin-top:-70px; text-align:left;}
#columnTwo-A {width:597px; height:100%; margin:0 auto; margin-right:10px; padding:0 auto; float:left; margin-top:-70px; text-align:left;}
#columnThree {width:298px; height:inherit; margin:0 auto; margin-right:10px; padding:0 auto; float:left; margin-top:-70px; text-align:left; }
#logo {background:url(../img/logo.png) no-repeat; height:171px; width:330px; margin-top:5px; margin-bottom:10px; padding:0px; float:left; }

/* Navigation Elements */

#nav {margin-top:30px; margin-left:300px; background:url(../img/nav.png) no-repeat; width:590px; height:14px; padding:0px; float:left;}	
#nav li a {display:inline; height:25px;}

#nav li #home {width:49px; padding-left:0px; float:left;}
#nav li #author {width:80px; padding-left:0px; float:left;}
#nav li #store {width:150px; padding-left:0px; float:left;}
#nav li #software {width:140px; padding-left:0px; float:left;}
#nav li #contact {width:85px; padding-left:0px; float:left;}



#nav li #home:hover {background:url(../img/nav.png) no-repeat 0px -13px; float:left;}
#nav li #author:hover {background:url(../img/nav.png) no-repeat -49px -13px; float:left;}
#nav li #store:hover {background:url(../img/nav.png) no-repeat -129px -13px; float:left;}
#nav li #software:hover {background:url(../img/nav.png) no-repeat -279px -13px; float:left;}
#nav li #contact:hover {display:inline; background:url(../img/nav.png) no-repeat -419px -13px; float:left;}

#nav li #home.on {background:url(../img/nav.png) no-repeat 0px -13px; float:left;}
#nav li #author.on {background:url(../img/nav.png) no-repeat -49px -13px; float:left;}
#nav li #store.on {background:url(../img/nav.png) no-repeat -129px -13px; float:left;}
#nav li #software.on {background:url(../img/nav.png) no-repeat -279px -13px; float:left;}
#nav li #contact.on {display:inline; background:url(../img/nav.png) no-repeat -419px -13px; float:left;}


/* First Column */

#tagLine {width:250px; height:50px; margin-top:15px; margin-left:45px; margin-right:50px; text-align:center; padding:0 auto; }
#testimonials-home {background:url(../img/testimonialTop.png) no-repeat; background-color:#235981; width:220px; height:634px; padding-top:45px; padding-left:10px; padding-right:10px; margin-right:50px; margin-top:10px; margin-left:52px; text-align:left;} 
#testimonials {
	background:url(../img/testimonialTop.png) no-repeat;
	background-color:#235981;
	width:220px;
	height:600px;
	padding-top:45px;
	padding-left:10px;
	padding-right:10px;
	margin-right:50px;
	margin-top:10px;
	margin-left:52px;
	text-align:left;
}
/* Second & Third Columns */

/*
#leadership {background:url(../img/leadership_off.png) no-repeat; height:299px; width:216px;  float:left; margin-bottom:25px;}
#leadership:hover {{background:url(../img/leadership_on.png) no-repeat; height:299px; width:212px; float:left; margin-bottom:25px;}
#software {background:url(../img/software_off.png) no-repeat; height:302px; width:216px;  float:left; margin-bottom:25px;}
#software:hover {{background:url(../img/software_on.png) no-repeat; height:302px; width:216px;  float:left; margin-bottom:25px;}
*/
#newestRelease {height:inherit; width:288; margin-right:35px; margin-bottom:10px;}
#specialOffers {height:inherit; width:288; margin-bottom:10px;}
#cart {background:url(../img/addToCart.png) no-repeat; height:29px; width:104px; margin-top:8px; margin-bottom:10px; margin-left:0px; margin-right:0px; float:left;}






/* popopen */
#popupwrapper 
{
	position: absolute;
	z-index: 1000;
	width: 100%;
	height: 1000px;
	top: 0;
	left: 0;
	display:none;
	/*opacity:0.4;
	filter:alpha(opacity=40);*/
}
#transbg
{
	position: absolute;
	z-index: 1000;
	background-color: #000;
	width: 100%;
	height: 1000px;
	top: 0;
	left: 0;
	opacity:0.4;
	filter:alpha(opacity=40);
}
#largeimage
{
	position: relative;
	z-index: 1100;
	margin: 100px auto 0 auto;
	text-align: center;
	color: #FFF;
}
.closelink
{
	color: #FFF;
	font-size: 18px;
	background-color: #000;
}





/* new dropdowns */
#nav
{
	position: relative;
	z-index: 1000;
	/* this page only */
	left: 0px;
}

/* remove all the bullets, borders and padding from the default list styling */
#nav ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	height: 25px;
}

/* hack for IE5.5 */
* html #nav ul
{
	margin-left: 0px;
	ma\rgin-left: 0;
}

/* position relative so that you can position the sub levels */
#nav li
{
	position: relative;
	height: 25px;
	float: left;
	padding: 0px;
	margin: 0px;
}

#nav .root { }

/* get rid of the table */
#nav table
{
	position: absolute;
	border-collapse: collapse;
	top: 0;
	left: 0;
	z-index: 100;
	font-size: 1em;
}

/* style the links */
#nav a, #nav a:visited
{
	display: block;
	text-decoration: none;
	line-height: 25px;
	color: #000;
	text-align: center;
}

/* hack for IE5.5 */
* html #nav a, * html #nav a:visited
{
	background: #235981;
	width: auto;
	w\idth: auto;
}

/* style the link hover */
* html #nav a:hover
{
	color: #fff;
}

#nav :hover > a
{
	color: #fff;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav ul ul
{
	visibility: hidden;
	position: absolute;
	top: 25px;
	left: 0px;
	width: auto;
	margin: 0;
	padding: 0;
}

#nav ul ul li
{
	float: none;
	width: 160px;
	margin: 0;
	padding: 0;
	display: block;
}
#nav ul ul a,#nav ul ul a:visited
{
	font-size:12px;
	color: #fff;
	width: 160px;
	line-height: normal;
	background-color: #235981;
	display:block;
}
#nav ul ul a:hover
{
	background-color: #FFF;
	color: #000;
}
/* make the second level visible when hover on first level list OR link */
#nav ul li:hover ul,
#nav ul a:hover ul { visibility: visible; }

/* keep the third level hidden when you hover on first level list OR link */
#nav ul :hover ul ul { visibility: hidden; }

/* keep the fourth level hidden when you hover on second level list OR link */
#nav ul :hover ul :hover ul ul { visibility: hidden; }

/* make the third level visible when you hover over second level list OR link */
#nav ul :hover ul :hover ul { visibility: visible; }

/* make the fourth level visible when you hover over third level list OR link */
#nav ul :hover ul :hover ul :hover ul { visibility: visible; }