/*  
Theme Name: UNI-EM
Theme URI: http://uni-em.com/
Description: 
Version: 1
Author: Hussain SM
Author URI: http://chugsdesigns.com
*/

/* 
global settings		
------------------------------------------------------ */

* {
margin: 0;
padding: 0;
}
body {
background: #dcdac4;	
font: 100%/1.5em Georgia, Arial, Verdana, sans-serif;
color: #555;
text-align: center;
}

/* links */

a:link {
font-weight: bold;
text-decoration: none;
color: #f00;
}
a:visited {
font-weight: bold;
text-decoration: none;
color: #f33;
}
a:hover {
font-weight: bold;
text-decoration: none;
color: #c00;
}
a:active {
font-weight: bold;
text-decoration: none;
color: #f00;
}
a img { 
border: 0; 
}

/* hn */

h1, h2, h3, h4, h5, h6 { 
font-weight: normal; 
font-family: Arial, Verdana, sans-serif;
}
h1, h2, h3, h4, h5, h6, p {
margin: 0 0 15px;
}
h1 {
margin: 0 0 30px;
padding: 0;
font-size: 1.6em;
color: #6e6f64;
}
h2 {
margin: 0 0 20px;
padding: 0;
font-size: 1.3em;
font-weight: bold;
color: #6e6f64;
}
h3 {
font-size: 0.9em;
text-transform: uppercase;
letter-spacing: 0.2em;
}
h4 {
font-size: 0.9em;
}

/* list styles */

ul {
margin: 20px 0; 
padding: 0;
} 
ul li {
list-style-type: square;
margin: 0 0 15px;
padding: 0 0 0 15px;
background: url(i/dot.gif) repeat-x;
line-height: 18px;
}
ol {
margin: 10px 0 10px 25px; 
}
ol li {
margin: 0 0 5px 0; 
}

/* image styles */

img.left {
float: left;
margin: 0 10px 10px 0;
}
img.right {
float: right;
margin: 0 0 10px 10px;
}
img.centered {
display: block;
margin: 10px auto;
}
img.border {
padding: 4px;
border: 1px solid #d9d9d9;
}

/* 
layout		
------------------------------------------------------ */

#container {
width: 973px;
margin: 40px auto 0; 
padding: 0 0 0px;
background: url(i/container.gif) repeat-y;
font-size: 0.83em;
text-align: left;
}
#container-top {
height: 7px;
background: url(i/container-top.gif) no-repeat;
}
#container-bottom {
width: 973px;
height: 7px;
margin: 0 auto;
background: url(i/container-bottom.gif) no-repeat;
}
#col-left {
display: inline;
float: left;
width: 290px;
margin: 0 0 0 7px;
font-family: Arial, Verdana, sans-serif;
text-align: center;
}
#wrap {
display: inline;
float: left;
width: 610px;
margin: 30px 0 30px 30px;
background: url(i/wrap.gif) repeat-y;
}
body#products #wrap {
margin: 0;
}
#col-middle {
display: inline;
float: left;
width: 395px;
margin: 0 30px 0 0;
}
#col-right {
display: inline;
float: right;
width: 155px;
margin: 0 0 0 30px;
}
#col-main {
display: inline;
float: left;
width: 610px;
margin: 30px 0 30px 30px;
}

/* 
column left		
------------------------------------------------------ */

#logo a {
display: block;
width: 230px;
overflow: hidden;
margin: 0 auto;
padding: 144px 0 0 0;
background: url(i/logo.gif) no-repeat;
text-decoration: none;
height: 0px !important;
height /**/: 144px;
}

/* navigation */

ul#nav {
width: 230px;
margin: 0 auto 30px;
padding: 0;
border-top: 1px solid #ccc;
font-size: 1.7em;
text-align: left;
}
ul#nav li {
display: block;
list-style-type: none;
margin: 0;
padding: 0;
background: none;
border-bottom: 1px solid #ccc;
}
ul#nav li a {
display: block;
overflow: hidden;
margin: 1px 0;
padding: 20px;
background: #fff;
font-weight: normal;
}
ul#nav li a em {
display: block;
font-style: normal;
font-size: 0.6em;
color: #6e6f64;
text-transform: lowercase;
}
ul#nav li a:hover, 
ul#nav li a.current, 
ul#nav li.current_page_item a {
background: #e5e5e5;
}
ul#nav li.current_page_ancestor a {
margin: 1px 0 0;
padding: 20px 20px 5px;
background: #e5e5e5;
}
ul#nav li.current_page_ancestor ul li a {
margin: 0;
padding: 0;
background: none;
}
ul#nav li.current_page_item a {
margin: 1px 0 0;
padding: 20px 20px 0;
}
ul#nav li.current_page_item ul li a {
margin: 0;
padding: 0;
}

ul#nav ul {
margin: 0 0 1px;
padding: 5px 0 10px 20px;
background: #e5e5e5;
border-top: none;
font-size: 0.7em;
}
ul#nav ul li {height: 1em;
display: block;
list-style-type: none;
margin: 3px 0;
padding: 0 0 0 10px;
background: url(i/icon-arrow.gif) no-repeat;
border-bottom: none;
}
html>body ul#nav ul li {
height: auto;
}

ul#nav ul li a {
display: block;
overflow: hidden;
margin: 0;
padding: 0;
background: none;
font-weight: normal;
font-size: 0.75em;
color: #6e6f64;
}
ul#nav ul li a:hover, 
ul#nav ul li.current_page_item a {
background: none;
color: #333;
}

ul#nav ul ul {
margin: 0;
padding: 5px 0 5px 10px;
background: #e5e5e5;
border-top: none;
font-size: 0.85em;
}
ul#nav ul ul li {
display: block;
list-style-type: none;
margin: 3px 0;
padding: 0 0 0 10px;
background: url(i/icon-arrow.gif) no-repeat;
line-height: 1.1em;
border-bottom: none;
}
ul#nav ul ul li a {
display: block;
overflow: hidden;
margin: 0;
padding: 0;
background: none;
font-weight: normal;
font-size: 0.9em;
color: #6e6f64;
}
ul#nav ul ul li a:hover {
background: none;
color: #333;
}
ul#nav ul li.current_page_item ul li a {
color: #6e6f64;
}
ul#nav ul li.current_page_item ul li a:hover {
color: #333;
}

/* products search form */

#search {
margin: 0 auto 40px;
text-align: left;
}
#form-product-search {
width: 230px;
margin: 0 auto;
padding: 0;
}
#form-product-search fieldset {
padding: 10px;
border: 1px solid #ccc;
}
#form-product-search legend {
font-size: 0.85em;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #555;
}
#form-product-search label {
display: none;
}
#form-product-search #s {
width: 100px;
margin: 0 10px 0 0;
padding: 4px;
background: #fff;
border: 1px solid #e5e5e5;
}
#form-product-search .btn {
overflow: visible;
padding: 5px;
background: #9b9c94;
border: 1px solid #666;
font-size: 85%;
font-weight: bold;
color: #fff;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.1em;
}

/* 
column middle		
------------------------------------------------------ */

#col-middle img {
margin: 0 0 20px;
}
div.col-middle-section {
margin: 0 0 20px;
padding: 0 0 20px;
background: url(i/dot.gif) repeat-x 0 100%;
}

/* 
column right
------------------------------------------------------ */

div.col-right-section {
margin: 0 0 20px;
font-size: 0.8em;
line-height: 1.4em;
}
div.col-right-section h2 {
display: block;
overflow: hidden;
width: 155px;
height: 0px !important;
height /**/: 35px;
padding: 35px 0 0 0;
}
h2#h2-featured-product {
background: url(i/h2-featured-product.gif) no-repeat;
}
h2#h2-contact-us {
background: url(i/h2-contact-us.gif) no-repeat;
}

/* 
column main
------------------------------------------------------ */

h1 {
display: block;
overflow: hidden;
height: 0px !important;
height /**/: 35px;
padding: 35px 0 0 0;
}
h1#h1-welcome {
width: 395px;
background: url(i/h1-welcome.gif) no-repeat;
}
h1#h1-About {
width: 610px;
background: url(i/h1-about.gif) no-repeat;
}
h1#h1-products {
width: 610px;
background: url(i/h1-products.gif) no-repeat;
}
h1#h1-Network {
width: 610px;
background: url(i/h1-network.gif) no-repeat;
}
h1#h1-contact {
width: 610px;
background: url(i/h1-contact.gif) no-repeat;
}
h1#h1-search-results {
width: 610px;
background: url(i/h1-search-results.gif) no-repeat;
}
#col-main h1 em {
display: none;
}
div.col-main-section {
margin: 0 0 40px;
}
h2.product-title {
margin: 0 0 20px;
padding: 0 0 5px;
font: normal 1em Arial, Verdana, sans-serif;
border-bottom: none;
color: #6e6f64;
text-transform: uppercase;
}
h2.sub-heading {
margin: 0 0 10px;
border-bottom: none;
font: 0.9em Arial, Verdana, sans-serif;
text-transform: uppercase;
letter-spacing: 0.2em;
}
ul.feature-list {
margin: 10px 0;
padding: 0;
font-size: 0.9em;
}
ul.feature-list li {
list-style-type: none;
margin: 0;
padding: 8px 0;
background: url(i/dot.gif) repeat-x 0 100%;
line-height: 1.2em;
}
ul.feature-list li span {
display: block;
padding: 0 0 0 15px;
background: url(i/icon-arrow.gif) no-repeat;
}

/* about */

dl.milestones {
margin: 20px 0; 
padding: 0;
font-size: 0.9em;
}
dl.milestones dt {
float: left;
clear:both;
width: 50px;
margin: 5px 0 0;
padding: 0;
font: bold 1.0em Arial, Verdana, sans-serif;
}
dl.milestones dd span {
display: block;
margin: 5px 0 5px 70px;
padding: 0 0 0 15px;
background: url(i/icon-arrow.gif) no-repeat;
line-height: 19px;
}
dl.milestones dd.dd-last {
padding: 0 0 5px;
background: url(i/dot.gif) repeat-x 0 100%;
}

/* products */

div.product-left {
display: inline;
float: left;
width: 285px;
margin: 0 20px 40px 0;
}
div.product-right {
display: inline;
float: left;
width: 285px;
margin: 0 0 40px 20px;
}

/* contact */

#map-location {
border: 1px solid #d9d9d9;
padding: 4px;
}
address {
margin: 15px 0;
font-style: normal;
font-size: 0.85em;
line-height: 1.4em;
}
address span {
text-transform: uppercase;
}

/* search page		
------------------------------------------------------ */

#searchform fieldset {
border: none;
}
#searchform label {
display: block;
margin: 0 0 2px;
font: 0.85em Arial, Verdana, sans-serif;
text-transform: uppercase;
letter-spacing: 0.2em;
}
#searchform #s {
width: 200px;
margin: 0 10px 0 0;
padding: 4px;
background: #fff;
border: 1px solid #e5e5e5;
}
#searchform .btn {
overflow: visible;
padding: 5px;
background: #f00;
border: 1px solid #666;
font-size: 85%;
font-weight: bold;
color: #fff;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.1em;
}
ul#search-results-list {
margin: 30px 0;
padding: 10px 0 0;
border-top: 1px solid #ccc;
}
ul#search-results-list li {
list-style-type: none;
margin: 0 0 20px;
padding: 0 0 20px 20px;
border-bottom: 1px solid #ccc;
background: url(i/icon-arrow.gif) no-repeat;
}
p.content-navigate {
margin: 20px 0;
padding: 0;
text-transform: uppercase;
}
span.alignright {
float: right;
}
span.alignleft {
float: left;
}


/* 
footer		
------------------------------------------------------ */

#footer {
width: 960px;
margin: 10px auto 40px;
font: 0.7em Arial, Verdana, sans-serif;
color: #777;
letter-spacing: 0.1em;
text-align: left;
text-transform: uppercase;
}
#footer p {
margin: 0 30px;
}
#footer a:link {
color: #666;
}

/* 
misc
------------------------------------------------------ */

.more {
display: block;
padding: 0 0 0 15px;
background: url(i/icon-arrow.gif) no-repeat;
line-height: 19px;
}
.note {
margin: 30px 0 0;
font-size: 0.8em;
color: #999;
line-height: 1.2em;
}
.download-brochure {
display: block;
width: 216px;
overflow: hidden;
margin: 30px 0 0;
padding: 30px 0 0 0;
background: url(i/download-brochure.gif) no-repeat;
text-decoration: none;
height: 0px !important;
height /**/: 30px;
}

/* 
clear		
------------------------------------------------------ */

.clear {
clear: both;
height: 0;
line-height: 0;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { 
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */