/*
Theme Name: Omega
Theme URI: http://www.omegauniformsystems.com
Description: Omega Uniform Systems - The Single Source for Your Uniform Needs.
Version: 1.0
Author: Chris Schindler
Author URI: http://www.chrisschindler.com
*/

/*	=================================================================	
	File:			style.css
	Date:			Thursday, July, 6 2010
	Description:	General presentation handler
	Version:		1.0
	=================================================================  */

/*	=================================================================
	Global Reset
	=================================================================  */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
ol,ul {}
a {text-decoration:none;}
img {border:none;}

/*	=================================================================
	General Elements
	=================================================================  */
body {
	font:12px/1.6 Arial, Helvetica, sans-serif;
	color:#4a4b4c;
	background-color: #fff;
	}
a, a:link, a:visited {color:#4e8abe;}
a:hover {}
h1,h2,h3,h4,h5,h6 {font-weight:bold;}

h1 {
	font-size: 30px;
	padding: 10px 0 10px 20px;	
	margin: 10px 0;
	line-height: 1em;
	background-image: url(includes/images/secondary-h1-bg.jpg);
	background-color: #4e8abe;
	background-position: bottom;
	background-repeat: repeat-x;
	width: 97%;
	display: block;
	color: #fff;
	clear: both;
	}
	
h2 {
	font-size: 24px;
	padding: 10px 0 10px 20px;
	margin: 10px 0;
	line-height: 1.25em;
	background-image: url(includes/images/secondary-h2-bg.jpg);
	background-color: #4e8abe;
	background-position: bottom;
	background-repeat: repeat-x;
	width: 60%;
	display: block;
	color: #fff;
	clear: both;
	}
	
h2 a, h2 a:link, h2 a:visited{
	color: #fff;
	}
	
h2 a:hover{
	color: #ccc;
	}
	
h3 {
	font-size: 18px;
	padding: 5px 0 5px 20px;
	line-height: 1.25em;
	clear: both;
	}
	
h4 {}
h5 {}
h6 {}
p {
	padding: 5px 0 5px 20px;
	}
	
#content ul {
	padding: 5px 0 5px 40px;
	list-style-position: outside;
	}
	
#content ol {
	padding: 5px 0 5px 40px;
	list-style-position: outside;
	}
	
#content li {
	color: #4a4b4c;
	line-height: 1.4em;
	}
	
em {font-style: italic;}
i {font-style: italic;}
strong {font-weight: bold;}
.clear {overflow:hidden;clear:both; /* 'clear:both' fixes improper clearing with Chrome */}
.hidden {display:none;}
.left {float:left;}
.right {float:right;}
.right-text {text-align:right;}
.center-text {text-align:center;}
.bold-text {font-weight:bold;}
.italic {font-style:italic;}

/*	=================================================================
	Header
	=================================================================  */
	
#wrap-head {
	position: relative;
	width: 920px;
	margin: 0 auto;
	}
	
#wrap-head h1 {
	float: left;
	padding: 0 0 0 23px;
	background: none;
	}
	
#wrap-head h1 a {
	width: 283px;
	height: 158px;
	background-image: url(includes/images/Omega-Uniform-Systems.png);
	display: block;
	text-indent: -99999px;
	}
	
#head-right {
	width: 614px;
	position: absolute;
	top: 15px;
	right: 0;
	}
	
#head-right-bot {
	width: 614px;
	position: absolute;
	top: 92px;
	right: 0;
	padding: 30px 0 0 0;
	}
	
	
/*	=================================================================
	Navigation
	=================================================================  */
	
#wrap-nav {
	clear: both;
	border-top: solid 5px #717174;
	}
	
#menu {
	width: 897px;
	padding: 0 0 0 23px;
	margin: 0 auto;
	}

/*  Navigation - Level One */
ul#nav {position:relative;
	list-style: none;
	font-size: 11px;
	}

ul#nav li {
	float:left;
	zoom:1;
	background: #fff;
	list-style: none;
	font-size: 11px;
	}

ul#nav a:hover {color:#0f6cb6;}
ul#nav li a {
	padding:0 15px;
	margin: 4px 0;
	display:block;
	border-right:2px solid #4e8abe;
	color:#4e8abe;
	font-weight: bold;
	}
ul#nav li:last-child a {border-right:none;} /* Doesn't work in IE */
ul#nav li.hover, ul#nav li:hover {  
	position:relative; 
	}
/*  Navigation - Level Two */
ul#nav ul {
	visibility:hidden; 
	position:absolute; 
	top:100%; 
	left:0; 
	z-index:1000;
	}
ul#nav ul li {
	float:none; 
	}
ul#nav ul li a {
	padding:4px 15px;
	margin: 0;
	background:#4e8abe;
	background-image: url(includes/images/tab-bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	border-left:5px solid #0f6cb6;
	border-right: none;
	border-bottom:1px solid #CCC; 
	width:100%; 
	display:inline-block; /* IE 6 & 7 Needs Inline Block */
	color: #fff;
	}
ul#nav ul li a:hover {
	background:#0f6cb6;
	background-image: url(includes/images/tab-bg-hover.jpg);
	background-position: top;
	background-repeat: no-repeat;
	color: #fff;
	}
/*  Navigation - Level Three */
ul#nav ul ul { 
	left:100%;
	top: 0; 
	}
ul#nav li:hover > ul {visibility: visible;}

/*	=================================================================
	Home
	=================================================================  */
	
#wrap-body-bg {
	background-image: url(includes/images/fabric-bg.jpg);
	background-repeat: repeat;
	border-top: solid 5px #717174;
	position: relative;
	}
	
#wrap-body {
	width:920px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	background-color: #f0f1f1;
	background-image: url(includes/images/main-bg.png);
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;
	}
	
/*	=============================================
	MAIN COLUMN
	=============================================  */
#body-left {
	width: 606px;
	padding: 0 23px;
	float: left;
	}
	
#body-left-wp {
	width: 606px;
	padding: 20px 23px;
	float: left;
	}
	
/*	=============================================
	IMAGE SLIDER
	=============================================  */

.slideshow {
	width: 606px;
	height: 292px;
	}
	
#nav-slide {
	width: 606px;
	padding: 8px 0;
	display: block;
	background: url(includes/images/slideshow-nav-bg.png) top repeat-x;
	}
#nav-slide a {
	background: #4e8abe;
	text-decoration: none;
	margin: 0 2px;
	padding: 3px 5px;
	position: relative;
	left: 535px;
	color: #fff
	}

#nav-slide a:hover {
	background: #0f6cb6;
	}

#nav-slide a.activeSlide {
	background: #333;
 }
#nav-slide a:focus { outline: none; }

/*	=============================================

#jFlowSlide {
	background:#fff;
	}
	
#myController {
	padding:2px 0;
	width:606px;
	background-image: url(includes/images/slideshow-nav-bg.png);
	background-position: top;
	background-repeat: repeat-x; 
	}
#myController span.jFlowSelected {
	background:#0f6cb6;
	margin-right:0px;
	color: #fff;
	}

.slide-wrapper { padding: 0; }
.slide-thumbnail { width:606px; float:left; }
.slide-thumbnail img {max-width:606px; }
.slide-details { width:290px; float:right; margin-left:10px;}
.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }
.slide-details .description { margin-top:10px; }

.jFlowControl, .jFlowPrev, .jFlowNext {
	color:#666;
	cursor:pointer;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	background: #ccc;
	}
	
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover {
	background: #0f6cb6; 
	color:#fff;
	}

=============================================  */

	
/*	=============================================
	BOTTOM CONTENT
	=============================================  */
	
#body-left-bottom {
	padding: 12px 0 0 0;
	}

#border-wrap {
	width: 302px;
	border-right: 2px solid #717174;
	float: left;
	}
	
#about {
	width: 283px;
	background: #fff;
	}
	
#about p {
	padding: 10px;
	}
	
#about p strong {
	font-size: 1em;
	line-height: 1.6em;
	}
	
#about ul {
	list-style-position: inside;
	padding: 0 10px;
	}
	
#video {
	width: 283px;
	margin: 10px 0 0 0;
	background: #fff;
	float: right;
	}
	
#video-nav {
	padding: 8px 5px 23px 5px;
	}
	
.title-bg {
	width: 283px;
	background-image: url(includes/images/home-title-bg.png);
	background-repeat: repeat-x;
	}
	
h2.bottom-title {
	padding: .25em .75em;
	font-size: 16px;
	color: #fff;
	background: none;
	width: auto;
	}
	
#video .title-bg h2.bottom-title {
	margin: 0;
	padding: .25em .75em;
	font-size: 16px;
	color: #fff;
	background: none;
	width: auto;
	}
	
#body-right {
	width: 250px;
	padding: 0 18px 0 0;
	float: right;
	}
	
#body-right img{
	padding: 6px 0;
	}
	
/*	=================================================================
	Footer
	=================================================================  */
	
#wrap-footer {
	border-top: solid 5px #717174;
	background-color: #0f6cb6;
	}
	
#footer-social {
	padding: 0 0 0 10px;
	}
	
#footer-social img {
	padding: 5px 3px;
	}
	
#footer-content {
	width:920px;
	margin: 0 auto;}
	
ul#footer-nav {
	position: relative;
	list-style: none;
	}

ul#footer-nav li a{
	float: left;
	color: #fff;
	font-size: 9px;
	padding: 0 5px;
	margin: 6px 0;
	display: block;
	border-right: 1px #fff solid;
	}
	
ul#footer-nav li a:hover {
	color: #CCC;
	}
	
ul#footer-nav li:last-child a {border-right:none;}
	
#footer-date {
	float: right;
	}
	
p.footer-date {
	color: #fff;
	font-size: 9px;
	padding: 0 10px 0 0;
	margin: 6px 0;
	}
	
#footer-link {
	width: 920px;
	margin: 0 auto;
	}
	
#footer-link p {
	text-align: center;
	padding: 10px 0 20px 0;
	font-size: 9px;
	}
	
#footer-link p a {
	color: #999;
	}
	
#footer-link p a:hover {
	color: #666;
	}
	
/*	=================================================================
	WORDPRESS STRUCTURE
	=================================================================  */
	
#content {
	padding: 0 0 25px 0;
	}
	
	
.alignleft {
	float: left;
	padding: 10px 10px 10px 0;
	}
	
.alignright {
	float: right;
	padding: 10px 0 10px 10px;
	}
	
.aligncenter {
	margin: 0 auto;
	padding: 10px;
	display: block;
	}

.wp-caption 					{ float: left; padding: 0px 8px; height: 150px; }

.wp-caption	p					{ padding: 0; text-align:center; font:10.5px Arial, Helvetica, sans-serif; color:#4e8abe; font-weight:bold; }

.wp-caption p.wp-caption-text	{ padding: 0 10px 0 0; }

hr {
	margin: 20px 0;
	}