/*   
Theme Name: Morex, Inc Theme
Theme URI: www.morexinc.com
Description: Copyright 2012 Morex, Inc Theme
Author: Morexinc.com	
Author URI: www.morexinc.com
Version: 1
*/

/* RESET */
* {padding: 0px; margin: 0px; border: none; text-decoration: none; font-family: verdana; color: #000;}
html, body {height: 100%; width: auto; background: #2f5b7c;}
h2, h3, h4, strong, b {font-family: Arial; color:black;}

/* BODY */
#pageWrapper {width: 955px; height:auto; margin: 0px auto; background: #FFF;}
header {width: 100%; height: 96px; background: url(images/header.jpg) no-repeat;}

/* USER LOGIN */
#userLogin {position: absolute; right: 0px; top: 45px; padding: 10px; background: #ffCC00;
box-shadow:: -1px 0px 1px 0px #000;border-top-left-radius: 5px; border-bottom-left-radius: 5px; 
}
#userLogin input {border: 1px solid rgba(0,0,0,0.5); padding: 5px 0;}#userLogin ul {list-style: none;}#userLogin ul li {line-height: 1.6em;}#userLogin .admin_box {list-style: circle; padding-left: 15px;}#userLogin .admin_box li {}

nav {width: 100%; margin-bottom: 15px; margin-top: 0px; overflow: hidden;}
nav ul {list-style: none;}
nav ul li {width: 20%; float: left; display: block; background: #000; padding: 3px 0; text-align: center; }
nav ul li:hover {background: #0F0F0F; }nav ul li a {width: 100%; color: #FFF; display: block;}
nav ul li:hover > a {color: #ffffff;}

#pageContent {width: 670px; height: auto; float: right; border-left: 1px solid #2f5b7c; clear: both; padding: 20px; margin-bottom: 50px;}
#pageContent .textWrapper {margin-bottom: 20px; clear: both; overflow: hidden;}
#pageContent .text {width: 400px; float: left; margin-bottom: 20px;}
#pageContent .text  strong {margin-bottom: 5px;}
#pageContent .text a:hover {text-decoration: underline;}
#pageContent .text2 {clear: both;}
#pageContent .text2 li {line-height: 1.4em;}
#pageContent .text2 li a:hover {text-decoration: underline;}
#pageContent .text2 img {float: left;}
#pageContent .text2 p {clear: both;}
#pageContent h2 {font-size: 18px; margin-bottom: 20px;}
#pageContent p {line-height: 1.5em; margin-bottom: 20px;}
#pageContent img {float: right; margin-bottom: 20px;}
#pageContent ul {padding-left: 20px; margin-bottom: 10px;}
#pageContent li {line-height: 1.4em;}
#pageContent table td {vertical-align: top;}

#pageContent #productsContent th {float: left; font-size: 22px; font-family: arial;color:blue;}
#pageContent #productsContent th a {float: left; font-size: 20px; font-family: arial;}
#pageContent #productsContent h3 {font-size: 16x; font-family: arial;}
#pageContent #productsContent h3, strong, b {font-family: Arial; color:blue;}
#pageContent #productsContent img {margin-bottom: 0px;}
#pageContent #productsContent ul {list-style: none; padding-left: 10px;}
#pageContent #productsContent a {font-size: 14px; color:blue;}
#pageContent #productsContent a:hover {text-decoration: underline;}

#pageContent .separator {width: 600px; height: 1px; background: #2f5b7c; margin: 30px auto; clear: both; overflow: hidden;}

aside {float: left; width: 210px; padding: 0px 0px 20px 10px;}
aside img {margin: 24px 20px;}
aside ul {list-style: none; line-height: 2em; margin-left: 40px;}
aside ul li a {font-size: 16px; color:blue;}//sidebar drop down text for products page//
aside ul li a:hover {text-decoration: underline;}
aside ul li ul {padding: 5px; padding-top: 0px; margin-top: 0px;  margin-left: 0px;}
aside ul li ul li {margin-bottom: 5px; line-height: 1em;}
aside ul li ul li a {font-size: 14px; color:blue;}//sidebar Main Title text// 
aside #searchform {margin-bottom: 20px;}

footer {clear: both; text-align: center; padding: 10px; font-size: 14px; border-top: 1px solid #2f5b7c;}

A:link {text-decoration: none;}//change side bar link color//
A:visited {text-decoration: none;}
A:active {text-decoration: none;}//dont change//
A:hover {text-decoration: underline;}


#content img {
height: auto;
margin: 0;
max-width: 100%
}