/* @override 
	http://www.imageoptions.net/wp-content/themes/image-options/style.css
*/

/*
	Theme Name: Image Options
	Author: Sean Hendrickson 
	Template: thematic  
*/

@import url('../thematic/library/styles/reset.css');
@import url('../thematic/library/styles/typography.css');
@import url('../thematic/library/styles/18px.css');
@import url('../thematic/library/styles/images.css');

/* @group SETUP */

html {
	width: 100%;
	height: 100%;
	display: table;
}

body {
	width: 100%;
	min-width: 900px;
	display: table-cell;
	vertical-align: middle;
	background: #FFF;
}

html > body {
	height: 100%;
	border: 30px solid #3AB6BB;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
	padding: 0 20px;
	display: block;
}


#header {
	height: 150px;
	position: relative;
	clear: both;
	z-index: 2;
}

#branding {
	position: absolute;
	bottom: 50px;
	padding: 0;
}

img.alignnone {
	margin: 0;
}

.xoxo {
	margin: 0;
	list-style: none;
}

#headtext {
	display: block;
	width: 900px;
	margin: 0;
	position: absolute;
	top: 0;
	list-style: none;
	line-height: 30px;
	text-align: right;
	color: #FFF;
	font-size: 1.1em;
}

#headtext li {
	display: inline;
	padding-left: 30px;
}

body.home .entry-title,
body.page .main-aside, 
#header-aside .widgettitle, 
.meta-sep, 
.comments-link,  
.entry-utility, 
.slideshow-nav, 
.null {
	display: none !important;
}

/* @end */

/* @group HEADER */

#blog-title a {
    display: block;
    width: 230px;
    height: 72px;
	text-indent: -999em;
    background: url(img/io-logo.png) no-repeat;
}

#searchform {
	width: 100%;
	position: absolute;
	bottom: 1em;
	clear: both;
}

#searchform div {
	overflow: visible;
	float: right;
}

#searchform #s {
	float: left;
	width: 235px;
	height: 12px;
	font-size: 11px;
	color: #999;
	line-height: 12px;
	border: 1px solid #BBB;
	padding: 5px;
}

#searchform #s:focus {
	color: #000;
}

#searchform #searchsubmit {
	float: left;
	width: 24px;
	height: 24px;
	background: #FFF url(img/arrow.gif) no-repeat center center;
	border: 1px solid #BBB;
	margin: 0 0 0 -1px;
	text-indent: -999em;
}

#searchform #searchsubmit:focus {
	outline: none;
}

#searchform #searchsubmit:hover {
	background-color: #EEE;
}

a#epson_vid {
	float: right;
	display: block;
	width: 165px;
	height: 40px;
	text-indent: -999em;
	position: absolute;
	bottom: 95px;
	right: 0;
	background: url(img/epson.png);
}

a#portfolio {
	float: right;
	display: block;
	width: 165px;
	height: 40px;
	text-indent: -999em;
	position: absolute;
	bottom: 45px;
	right: 0;
	background: url(img/issuu.png);
}

/* @end */

/* @group MENU */

/* @group Menu Setup */

#access {
	position: absolute;
	bottom: 0;
	overflow: visible;
	font-size: 1.1em;
	height: 3em;
	z-index: 100;
}

.sf-menu, .sf-menu * {
	margin:	0;
	padding: 0;
	list-style:	none;
}

.sf-menu {
	line-height: 1;
}

.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
	width: 100%;
}

.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
	float: left;
	position: relative;
}

.sf-menu a {
	display: block;
	position: relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 3em; /* match top ul list item height */
	z-index: 99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}

/* @end */

/* @group Menu Style */

#menu-primary {
	text-transform: uppercase;
	letter-spacing: 1px;
}

#menu-primary a, 
#menu-primary a:visited {
	font-size: .9em;
	margin-right: 18px;
	line-height: 3;
	text-decoration: none;
	color: #666;
}

#menu-primary a:hover {
	text-decoration: none;
}

#menu-primary li:hover, 
#menu-primary li.sfHover,
#menu-primary a:focus, 
#menu-primary a:hover, 
#menu-primary a:active {
    color: #000;
	outline: 0;
}

#menu-primary ul ul {
    margin-top: 0;
}

#menu-primary ul a, 
#menu-primary ul a:visited {
	font-size: .8em;
	line-height: 1;
    background: #666;
    color: #FFF;
	border-bottom: 1px solid #777;
	margin-right: 0;
	padding: .7em 1em;
}

#menu-primary ul a:hover {
	color: #FFF;
    background-color: #333;
}

#menu-primary li#menu-item-1890 a {
	background-image: url(img/page-arrow.gif);
	background-repeat: no-repeat;
	background-position: 95% 45%;
}

#menu-primary li#menu-item-1890 li a {
	background-image: none;
}

/* @end */

/* @end */

/* @group BODY */

#main {
	position: relative;
    overflow: hidden;
	height: 100%;
	padding: 30px 30px 10px;
	background: #EEE url(img/sidebar-bg.png) repeat-y 100% 0;
	clear: both;
	z-index: 1;
}

#container {
	float: left;
	width: 542px;
}

.hentry {
	padding: 0;
}

.entry-content ul {
	margin: .8em 0 .8em 1.6em;
}

.entry-content li {
	margin-bottom: .8em;
}

.gallery-item {
	margin: 0;
}

div.page img {
	margin: 0;
}

.post {
	margin: 0 0 32px;
}

.post img {
	border: 1px solid #666;
}

/* @group Sidebar */

.main-aside {
	float: right;
	position: relative;
	width: 220px;
	line-height: 1.5;
}

.main-aside .xoxo ul {
	margin: 0;
}

.main-aside li {
	list-style: none;
}

.main-aside .widgettitle {
	line-height: 1;
	font-size: 1.1em;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: .4em 0;
	border-bottom: 1px solid black;
	margin-bottom: .7em;
}

.main-aside .widgetcontainer {
	margin-bottom: 1.5em;
}

.main-aside .widget_text {
	margin: 0;
	overflow: auto;
}

.main-aside a.icons {
	display: block;
	float: left;
	width: 51px;
	height: 51px;
	text-indent: -999em;
	margin: 0 20px 20px 0;
}

.main-aside a.icons#rss {
	background: url(img/rss.png) no-repeat;
}

.main-aside a.icons#twitter {
	background: url(img/twitter.png) no-repeat;
}

/* @end */

/* @group Page */

body.page #main {
	padding: 0;
	background: #EEE;
}

body.page #container {
	width: 100%;
}

body.page .page {
	width: 378px;  /* 438px - padding x 2 */
	height: 433px; /* 473px - padding x 2 */
	overflow: auto;
	padding: 30px 30px 10px;
}

body.page .entry-content .alignright, 
body.page .entry-content #rotator {
	width: 462px !important;
	height: 473px !important;
	position: absolute !important;
	top: 0;
	left: 438px;
	padding: 0;
	margin: 0;
	z-index: 0;
}

body.page .img-caption {
	float: left;
	font-size: .9em;
	line-height: 1.3;
	margin: 0 30px 0 0;
}

body.page .img-caption .alignnone {
	display: block;
	border: 3px solid #000;
	margin: 0 0 .5em 0;
}

/* @end */

/* @end */

/* @group PAGES */

/* @group Full-sized Pages */

body.home .page, 
body.slug-gallery .page, 
body.slug-our-partners .page, 
body.slug-environmental-mission .page, 
body.slug-environmental-policy .page, 
body.slug-terms-conditions .page {
	width: auto;
	height: auto;
}

/* @end */

/* @group Home */

body.home .page {
	padding: 0;
}

body.home .entry-content {
	margin: 0;
}

body.home p {
	margin: 0;
}

body.home #slideshow-wrapper {
	margin: 0;
	padding: 0;
}

body.home #slideshow-wrapper #imglink {
	display: none;
}



body.home #slideshow-wrapper #information h3 {
	padding: 15px 15px 0;
	font-size: 1.2em;
	line-height: 1.4;
}

body.home #slideshow-wrapper #information p {
	padding: 0 15px 15px;
}

/* @end */

/* @group Design */

body.slug-design .entry-content p a.site-link {
	background: url(img/arrow.gif) no-repeat 100% 50%;
	padding: 0 15px 0 0;
}

body.slug-design .entry-content p a.logo {
	display: block;
	width: 199px;
	margin: 4em auto 0;
}

body.slug-design .entry-content p a.logo:hover {
	text-decoration: none;
}

body.slug-design .entry-content p a.logo img.aligncenter {
	margin: 0;
}

/* @end */

/* @group Equipment */

body.slug-equipment .entry-content ul {
	list-style: none;
	margin: 0 0 1em 0;
}

body.slug-equipment .entry-content ul li {
	margin: .6em 0;
	line-height: 1.4;
}

/* @end */

/* @group Search/Archive Pages */

body.search .hentry, 
body.archive .hentry {
	padding: 20px 0;
}

body.search .page-title, 
body.archive .page-title {
	color: #333;
	font-size: 1.1em;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* @end */

/* @group Gallery */

body.slug-gallery #main {
	background: transparent url(img/OurGallery.gif) no-repeat;
}

body.slug-gallery #container {
	margin: 71px 0 0;
	background: #eee;
}

body.slug-gallery .page {
	padding: 20px;
}

body.slug-gallery .entry-title {
	display: none;
}

body.slug-gallery .gallery .gallery-item {
	width: 16.66% !important;
	margin: 8px 0 !important;
}

/* @end */

/* @group Expolinc */

body.slug-expolinc .page {
	width: 240px;
}

body.slug-expolinc #main {
	background: transparent url(img/DisplaySolutions.png) no-repeat;
}

body.slug-expolinc #container {
	margin: 71px 0 0;
	background: #eee;
}

body.slug-expolinc #content {
	position: relative;
}

body.slug-expolinc #expolinc-icon {
	position: absolute;
	top: 20px;
	left: 270px;
}

body.slug-expolinc #expolinc-stands {
	position: absolute;
	top: 20px;
	left: 360px;
	padding: 0;
	margin: 0;
}

body.slug-expolinc .wp-caption {
	float: left;
}

/* @end */

/* @group Partners */

body.slug-our-partners #main {
	background: transparent url(img/our_partners.png) no-repeat;
}

body.slug-our-partners #container {
	margin: 71px 0 0;
	background: #eee;
}

body.slug-our-partners .page {
	padding: 0;
}

body.slug-our-partners .entry-title {
	display: none;
}

body.slug-our-partners h4 {
	line-height: 30px;
	padding: 0 20px;
	font-size: 1.2em;
	letter-spacing: 1px;
	display: block;
	background: #DDD;
}

body.slug-our-partners .partners-list {
	overflow: auto;
	list-style: none;
	margin: 0;
	padding: 0;
}

body.slug-our-partners .partners-list li {
	float: left;
	line-height: 100px;
	margin: 0 32px 0 30px;
}

body.slug-our-partners .partners-list li img {
	vertical-align: middle;
}

/* @end */

/* @group Goin' Green */

body.slug-environmental-mission #main,
body.slug-environmental-policy #main {
	background: url(img/GreenSolutions.png) no-repeat 0 0;
}

body.slug-environmental-mission #container,
body.slug-environmental-policy #container {
	margin: 71px 0 0 0;
	background: #e9faff url(img/GreenPolicyBG.png) no-repeat 0 100%;
}

body.slug-environmental-mission .page,
body.slug-environmental-policy .page {
	padding: 30px 50% 30px 30px;
}

body.slug-environmental-mission .entry-title, 
body.slug-environmental-policy .entry-title {
	display: none;
}

/* @end */

/* @group Alliance Partners */

body.slug-alliance-partners #main {
	background: url(img/AlliancePartners.gif) no-repeat 0 0;
}

body.slug-alliance-partners #container {
	margin: 71px 0 0 0;
	background: url(img/AlliancePartnersBG.gif) no-repeat 0 100%;
}

body.slug-alliance-partners .page {
	height: 317px;
	padding: 30px 50% 30px 30px;
}

body.slug-alliance-partners .entry-title {
	display: none;
}

/* @end */

/* @group Terms & Conditions */

body.slug-terms-conditions ol {
	margin-left: 1.6em;
}

body.slug-terms-conditions .entry-content p,
body.slug-terms-conditions ol ul li {
	margin: 0;
}

/* @end */

/* @group Contact Us */

body.slug-contact-us .vcard {
	overflow: visible;
	width: 100%;
	margin: 1em -30px 1.5em;
	padding: 20px 30px;
	background: #CFE3E3;
	font-size: 1.1em;
	line-height: 2;
}

body.slug-contact-us .vcard p {
	margin: 0;
}

body.slug-contact-us .vcard .org {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.7;
	
}

body.slug-contact-us p.mail-info {
	float: left;
	width: 42%;
	margin: 0;
	padding: 0 2em 1em 0;
}

body.slug-contact-us p.mail-info strong {
	color: #444;
	font-size: 1.2em;
	line-height: 1.7;
	clear: both;
}

body.slug-contact-us p.note {
	clear: both;
	margin: 0;
	padding: 2em 0 0;

}

body.slug-contact-us .page {
	height: auto;
}

body.slug-contact-us .entry-content #rotator {
	top: auto;
	bottom: 0;
	z-index: 1;
}

/* @end */

/* @end */

/* @group FOOTER */

/* @group Subsidiary */

#subsidiary {
	margin: 20px 0 12px;
}

#subsidiary #first.aside {
	margin: 20px 0;
	padding: 7px 11px;
	text-transform: uppercase;
	text-align: justify;
	font-size:      151%;
	word-spacing:   3px;
	letter-spacing: 1px;
	line-height:    22px;
	color: #666;
	border-top:    1px #CCC solid;
	border-bottom: 1px #CCC solid;
}

#subsidiary #second.aside {
	width: 100%;
    margin: 0 21px 0 0;
}

#subsidiary #second.aside .widgetcontainer {
	float: left;
	width: 210px;
	height: 144px;
	background: #EEE;
	margin-left: 20px;
	margin-bottom: 20px;
}

#subsidiary #second.aside h3.widgettitle {
	line-height: 24px;
	background: #666;
	padding: 0 12px;
	
}

#subsidiary #second.aside .widget_recent_entries {
	margin-left: 0;
}

#subsidiary #second.aside .widget_recent_entries a {
	display: block;
	font-size: .9em;
	height:  23px;
	line-height: 23px;
	padding: 0 12px;
	border-top: 1px solid #CCC;
	background: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#subsidiary #second.aside .widget_recent_entries a:hover {
	background: #DDD;
	text-decoration: none;
}

#subsidiary #second.aside .textwidget {
	padding: 10px;
	height: 100px;
}

#subsidiary #second.aside .textwidget a {
	display: block;
	border: 2px solid #666;
}

#subsidiary #third.aside {
	clear: both;
	padding: 0 1.5em;
	background: #EEE;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .8em;
	line-height: 4;
}

#subsidiary ul ul {
	list-style: none;
	margin: 0;
}

/* @end */

/* @group Footer */

#siteinfo {
	overflow: hidden;
	clear: both;
	margin: 0 1.5em 20px;
}

#siteinfo a#terms {
	margin-left: 1.5em;
}

#siteinfo a#bbb {
	float: right;
	display: block;
	width: 54px;
	height: 40px;
	text-indent: -999em;
	background: url(img/bbb.png) no-repeat 0 0;
}

/* @end */

/* @end */

/* @group TEXT */

/* @group General */

a {
	color: #666;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.entry-title {
	color: #333;
	font-size: 2.1em;
	font-weight: bold;
	line-height: .8;
	margin-bottom: .4em;
}

.entry-content {
	line-height: 1.6;
	color: #555;
}

.entry-content p a {
	color: #e56f00;
}

/* @end */

/* @group Pages */

body.page .entry-title {
	text-transform: uppercase;
	letter-spacing: 1px;
}

body.page h2 {
	margin-bottom: .6em;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
}

body.page h3 {
	color: #333;
	text-transform: uppercase;
	font-weight: bold;
}

body.page blockquote p {
	margin: -.5em 0;
	color: #666;
}

/* @end */

/* @group Blog */

.entry-title a {
	color: #e56f00;
}

.entry-meta {
	color: #999;
	font-size: .9em;
	line-height: 1;
	margin-bottom: 1.8em;
}

.author {
	margin-right: 1em;
}

/* @end */

/* @group Footer */


#subsidiary #second.aside .widgettitle {
	text-transform: uppercase;
	color: #FFF;
	font-weight: normal;
	letter-spacing: 1px;
}

#siteinfo {
	color: #666;
	font-size: .8em;
}

/* @end */

/* @end */