/*
Theme Name: USA Image
Theme URI: http://www.usaimage.com
Description: Custom theme for USA Image Technologies
Version: 1
Author: Red Giant
Author URI: http://www.rgiant.com/
Tags: 

	©2009 USA Image Technologies. All Rights Reserved.
	Images and content may not be reproduced or reused in any fashion.
	
	Feel free to use any of the styles below, however this unique combination and layout is copyright.
*/

/* 
	Eric Meyer's CSS Reset 
	http://meyerweb.com/eric/tools/css/reset/
	v1.0 | 20080212
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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-size:100%;vertical-align:baseline;background:transparent}

body {line-height:1}
ol, ul {list-style: none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content:none}

/* remember to define focus styles! */
:focus {outline:0}

/* remember to highlight inserts somehow! */
ins {text-decoration:none}
del {text-decoration:line-through}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0}


/* ------- END CSS RESET --------- */

body {font:12px/1.5 Verdana, Helvetica, Arial, sans-serif;color:#444444;background-color:#f7f8fa}


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

.skip {display:none;/* \*/display:block;/* */position:absolute;left:-5000px;top:-5000px;width:1px;height:1px}


/*------------- Element Styles ------------------- */

/*---- <a> ----*/
/* Hide dotted outlines in mozilla */
a {color:#be0706;outline:none;text-decoration:none}
a:hover {text-decoration:underline}
a img {display:block;border:0}

a.more {font-size:12px;text-transform:uppercase;letter-spacing:2px;}

/*---- <small> ----*/
small {font-size:12px}

/*---- <img> ----*/
img.alignleft {float:left;margin:0 1em 1em 0;display:inline}
img.alignright {float:right;margin:0 0 1em 1em;display:inline}

body.product-section img.alignright {margin:0 -220px 1em 1em}

/*---- <h*> ----*/

h1 {font:22px "Helvetica Neue", Helvetica, Arial, sans-serif;color:#d10606;margin-bottom:18px;}

h3 {font:18px "Helvetica Neue", Helvetica, Arial, sans-serif;color:#999999;margin-bottom:10px;text-transform:uppercase;}
	h3 a {color:#999999;}

#news-page h5 {display:inline}
#news-page h5 a {font:14px "Helvetica Neue", Helvetica, Arial, sans-serif;color:#333;font-weight:bold}

/*---- <p> ----*/
#article p {margin-bottom:1.5em}

p.wp-caption-text {font-size:11px;color:#000}

/*---- <ul> ----*/
#article ul {margin:0 0 1.5em 1.5em;list-style: disc}
	#article ul li {padding-bottom:.5em}
#article ol {margin:0 0 1.5em 1.75em;list-style:decimal}
	#article ol li {padding-bottom:.5em}

#article ul.product-listing {margin:0 0 1.5em 0;list-style:none}

/*---- <div> ----*/

#portfolio-co {width:210px;height:112px;background:transparent url(images/portfolio-co.jpg) no-repeat 0 0;margin-bottom:1.5em}
	#portfolio-co a {display:block;width:100px;height:67px;padding:45px 10px 0 100px;color:#999999;}
	#portfolio-co a:hover {text-decoration:none}

#projects-co {width:202px;height:133px;background:transparent url(images/projects-co.jpg) no-repeat 0 0;margin-bottom:1.5em}
	#projects-co a {display:block;width:115px;height:66px;padding:67px 65px 0 22px;color:#999999;}
	#projects-co a:hover {text-decoration:none}

div.product-news {padding:0 20px;}
	div.product-news img {display:block;margin-bottom:1.5em}
	div.product-news p {display:block;margin-bottom:1.5em;color:#999999}

div.portfolio-section {padding-bottom:1.5em}

/*------------- Layout Styles ------------------- */

	#header {width:930px;height:393px;margin:0 auto;background:transparent url(images/header_bg.jpg) repeat-x 0 0}
	
		#nav {height:33px;padding:12px 0 0 50px}
			#nav li {display:block;float:left;border-right:1px solid #a0a0a0;display:inline}
			#nav li.last {border-right:0}
				#nav li a {display:block;padding:0 16px;font-size:18px;line-height:1 !important;color:#fff}
				#nav li a:hover {color:#c2c2c2;text-decoration:none}
				#nav li.current a {color:#c2c2c2}	
					
		#logo {display:block;float:left}
		#hero {width:644px;height:320px;padding-bottom:18px;background:transparent url(images/hero_bg.jpg) no-repeat 100% 100%;float:left;text-align:right}
			#hero img {display:inline}
	#stage {width:930px;margin:0 auto;padding:10px 0 10px 0;background-color:#fff}

		#news-col {width:253px;float:left;padding:6px 20px 2em 10px;border-right:1px solid #d7d7d7;display:inline}
		
		#news-col ul li {display:block;clear:both;zoom:1}
			
			p.datetime {width:48px;height:38px;padding-top:10px;float:left;background:transparent url(images/datetime_bg.jpg) no-repeat 0 0;color:#f18403;font:12px "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;text-align:center;line-height:1 !important;}
				p.datetime strong {display:block;font-size:20px;font-weight:normal}
			
			div.news-item {width:170px;float:left;margin:0 0 2em 8px;display:inline}
				div.news-item p strong a {font:14px "Helvetica Neue", Helvetica, Arial, sans-serif;color:#333;font-weight:bold}
			
		#article {width:395px;float:left;padding:0 0 2em 16px;display:inline}
		
		#home-page #article {width:375px;float:left;padding:0 20px 2em 16px;display:inline}
		
		#portfolio-page #article,
		#news-page #article,
		body.blog #article {width:606px;padding:0 20px 2em 16px;}
		
		#sidebar {width:145px;float:left;border-left:1px solid #d7d7d7;padding:0 0 2em 26px;margin-left:30px;display:inline}
			#sidebar img {display:block;margin-bottom:1.5em}
			#sidebar p {display:block;margin-bottom:1.5em;color:#999999}
		
			#subnav {margin-bottom:2em}
				#subnav li {display:block;border-bottom:1px dotted #ccc;padding:4px 0 6px 0}
					#subnav li a {font-size:14px}
					#subnav li.current_page_item a {font-weight:bold}
		
		#home-page #sidebar {width:224px;padding:0 0 2em 10px;margin-left:0}
		
	#footer {position:relative;width:920px;background-color:#aa0707;padding:20px 0 30px 10px;margin:0 auto;font:12px "Helvetica Neue", Helvetica, Arial, sans-serif;color:#fff;}
	#footer ul {position:absolute;top:18px;right:20px;}
		#footer ul li {float:left;margin-left:12px;display:inline;}
			#footer ul li a {color:#fff}
			
gallery {margin: auto;}
dl.gallery-item {float: left; margin: 10px auto; text-align: center;}
.gallery img {border: 2px solid #cfcfcf;}

.gallery-caption {margin-left: 0; display:none;}