/* IE & FF Fix */
* {margin:0; padding:0;}
html, body {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; background:url(../images/general/side-grad-bg.jpg) 50% 50% repeat-y;}

/* Classes */
a {color: #666666;}
a:hover {color: #CCCCCC;}
p {margin:0px; padding:1.0em 0 0; line-height:145%;}
.floatLeft {float:left;}
.floatRight {float:right;}
.clearBoth {clear:both;}
hr {border:none; margin:40px 0 30px 0; padding:0px; height:1px; background:#eef0ef;}
img {border:none;}
.no_bullets { list-style:none;}
.quote1 { background-image:url(../images/general/quote1.jpg); background-repeat:no-repeat; background-position:right; height:48px;}
.quote2 { background-image:url(../images/general/quote2.jpg); background-repeat:no-repeat; background-position:right; height:44px;}
.testimonial { padding:5px 10px 5px 20px;}
.side_menu { padding-left:30px; }

/* Main Page */
#page-container {width:923px; margin:auto;}

/* Header */
#headerbg {background:url(../images/general/headerBg.jpg) bottom left;}
#header {background:url(../images/general/navTtle.jpg) bottom right no-repeat; width:628px; margin:auto; padding-right:295px;}
#header_contact {background:url(../images/general/navTtle2.jpg) bottom right no-repeat; width:628px; margin:auto; padding-right:295px;}
#header_news {background:url(../images/general/navTtle3.jpg) bottom right no-repeat; width:628px; margin:auto; padding-right:295px;}

/* Navigation */
#nav-home {width:68px;}
#nav-home a {width:68px; height:21px; background:url(../images/nav/home-Btn.jpg) top left no-repeat; display:block}
#nav-profile {width:168px;}
#nav-profile a {width:168px; height:21px; background:url(../images/nav/products-Btn.jpg) top left no-repeat; display:block}
.nav-testimonials {width:98px;}
.nav-testimonials a {width:98px; height:21px; background:url(../images/nav/testimonials-Btn.jpg) top left no-repeat; display:block}
#nav-contact {width:77px;}
#nav-contact a {width:77px; height:21px; background:url(../images/nav/contact-Btn.jpg) top left no-repeat; display:block}

/* Top Nav */
#topNav{width:100%; margin-top:40px;}
#topNav ul {clear: both; margin: 0px; padding: 0px; list-style: none; width:100%; font-size:10px;} 
#topNav ul li {position: relative; float:left; text-align:center; font-size:14px; font-weight:bold; margin-right:10px;} 
#topNav li ul {position: absolute; left: 0px; top: 21px; display: none;}
#topNav li ul li ul {position: absolute; left: 97px; top: -1px; display: none;}
#topNav li ul li {clear: both; width:100px;}
#topNav ul li a {height:19px; float:left; overflow:hidden; color:#FFF; padding-top:2px; text-decoration:none;}
#topNav ul li a:hover {background-position:50% -21px; border-bottom:none}
#topNav li:hover ul, #topNav li.over ul {display: block;}


/* works in ff/safari */
#topNav #nav li:hover ul li ul li, #topNav #nav li.over ul li ul li {display: none;} 
#topNav #nav li:hover ul li:hover ul li, #topNav #nav li.over ul li.over ul li {display:block;}


/* Page Titles */
.mainTitles {font-size:22px; padding:0 0 20px 0;}
.subTitles {font-size:16px; color:#78107b; font-weight:bold;}
.lowerTitles {font-size:16px; padding:40px 0 20px 0;}
.highlight {color:#78107b; font-weight:bold;}

/* Main Content */
.column1 {float:left; width:325px; padding-top:10px;}
.column2 {float:right; width:265px;}
.column3 {float:left; width:405px; padding-right:30px;}
.column4 {float:left; width:656px; border-bottom:1px solid #eef0ef; margin:34px 0 20px 0;}
.column4 a {color:#78107b; font-weight:bold;}
.column4 a:hover {color:#666;}
.column4 p {padding-right:20px;}
.column4 ul { list-style-image:url(../images/general/bullet.jpg); padding-left:20px; padding-top:10px;}
.column4 li { padding-top:2px;}

#sideMenu {padding-left:38px;}
#sideMenu li {list-style:none;}

blockquote {float:left; width:188px; background:url(../images/general/quoteBg.jpg) no-repeat; font-size:14px; font-weight:bold; color:#420544; padding:65px 0; margin-top:31px;}

#profileLinks li {list-style:none; display:inline;}
#profileLinks a {color:#78107b; font-size:10px; font-weight:bold;}
#profileLinks a:hover {color:#666;}

ul.contactAddy {padding:10px 0px 10px 0px; list-style:none;}
.contactAddy li {list-style:none; padding:2px 0;}


/* Footer */
#footer {clear:both; height:65px; padding:30px 295px 0 0; color:#666;}
#footer a {color:#666; font-size:11px; text-decoration:none;}
#footer a:hover {color:#78107b;}
#ourLink {float:left;}
#lowerNav {float:right; list-style:none; margin-top:12px;}
#lowerNav li {display:inline;}
