/*  
Theme Name: Soho Intelligence Remix
Theme URI: http://sohointelligence.com/
Description: One Master theme, Many Possibilities
Version: 1.0

The theme, including the CSS, XHTML, Images and associates files are all copyrighted.
	
*/

/* import related css files */
@import url("hmenu.css");	/* Drop Navigation specific styles */
@import url("tabber.css");	/* tabbed content specific styles */
@import url("gallery.css"); /*gallery css for portfolio page */

*{margin:0;padding:0}

body		{background:#eee;color:#333;font:11px "Arial", "Tahoma", "MS Sans Serif", sans-serif}

a			{text-decoration:none;outline:none;color:#4b3553}
a:hover		{text-decoration:underline}
a:active	{color:#c00}
a img		{border:none}
/*img 		{display:block}   if this is uncommented then the portfolio page will spread out too much and you'll have to add a specific counter action*/

ul,ol		{margin:0 0 15px 25px;padding:0;color:#4b3553}
ol li		{margin:0 0 10px;padding:0;font-size:12px;color:#666;text-align:left;list-style:decimal}
ul li		{margin:0 0 10px;padding:0;font-size:12px;color:#666;text-align:left;list-style:disc}

h1			{margin:5px 0;padding:0;font:27px Georgia, "Times New Roman", Times, serif;color:#575652}
h2			{margin:22px 0 11px;padding:0;font-size:20px;color:#575652;font-variant: small-caps;}
h3			{margin:5px 0;	padding:0;	font:18px Arial, Helvetica, sans-serif;	color:#61605A;	font-variant: small-caps;}
h4			{margin:5px 0 0 0;padding:0;font-size:16px;color:#666;font-variant: small-caps;}
h5			{margin:5px 0;padding:0;font-size:12px;color:#666}
h6			{margin:5px 0;padding:0;font-size:12px;color:#333}

p			{font-size:12px;color:#575652;line-height:18px;/*text-align:justify*/}
p.bold		{font-weight: bold;}

blockquote	{margin:3px 0 12px;	padding:0 0 0 25px;	font:12px Georgia, "Times New Roman", Times, serif;	color:#666666;	line-height:18px;text-align:justify;	font-style:italic;	background:url(images/quote.png) no-repeat}

hr			{margin-bottom:10px;border:none;border-bottom:1px solid #eee;background:none;height:1px}

input,textarea,select
			{border:1px solid #ccc;background-color:#f8f8f8;color:#4b3553;padding:2px}

.alignleft	{float:left}
.alignright	{float:right}

.button		{padding:3px 0;background:#000;border:1px solid #dbdddf;line-height:15px;
			font:bold 11px Verdana, Arial, Helvetica, sans-serif;color:#fff}
.button:hover{background:#787777}

/* Page Structure  ----------------------------------------------------------------*/
#container			{width:900px;height:100%;margin:0 auto;padding: 0 10px 10px 10px;background:#fff;border:1px solid #cecece;overflow:hidden}
	#header			{background:#fff;height:123px}
	#content-wrap	{width:900px;height:100%;overflow:hidden}
		#nav-bar	{margin: 10px 0 0 0}
		#center		{float:right;width:670px;background:#fff;margin:10px auto}
		#center-in	{padding:0 15px;color:#575652}
		#Sidebar	{width:200px;margin:10px auto;float:left;background-color:#fff}
	#footer			{width:900px;height:100%;margin:10px auto;clear:both;position:relative;overflow:hidden}


/* Header ----------------------------------------------------------------*/
#header h1			{float:left;width:900px;height:123px;margin:0;text-indent:-9009px;position: relative}
#header h1 a		{display:block;	width:100%;	height:100%;	padding:0;	background-image: url(../images/logo.gif);	background-repeat: no-repeat;}
#header.logo h1 a		{display:block;	width:100%;	height:100%;	padding:0;	background-image: url(../images/logo.gif);	background-repeat: no-repeat;}


/* Sidebar ----------------------------------------------------------------*/
 Sidebar h2				{margin:5px 0;padding:0;	color:#575652;	font-size: 18px;	font-variant: small-caps;}
#Sidebar-in ul			{margin:5px 5px 5px 5px}
#Sidebar-in ul li.page_item, #Sidebar-in ul#event-etc li,
#Sidebar-in ul li		{/*list-style:none;display:block;*/border-bottom:1px solid #F8EEE9}

/* Lists used in Page Templates ----------------------------------------------------------------*/
#Sidebar-in ul li a		{color:#666}

/* Home page - hover pics -------------------------------------------------------------*/
#logo					{background:url(../images/a-logo.gif); width: 698px; height: 384px;float:left;position:relative}
#signs a				{position: absolute; height: 70px; width: 70px; top: 0px;text-decoration: none;}
#signs a i 				{ visibility: hidden; }
a#pic1					{top: 0px}
a#pic2					{left:77px; width:70px;top:77px}
a#pic3					{left:0;top: 154px;}
a#pic4					{left:0px; top:234px}
a#pic5					{left:77px; width:70px; top:234px}
a#pic6					{left:154px; width:70px; top: 234px}
a#pic7					{left:302px; width:70px; top:234px}
a#pic8					{left:77px; width:70px;top: 313px}

#signs a#pic1:hover 			{background-image: url(../images/aframe-coro-sm.jpg);}
#signs a#pic2:hover 			{background-image: url(../images/banner-vert-sm.jpg);}
#signs a#pic3:hover 			{background-image: url(../images/engraved.jpg);}
#signs a#pic4:hover 			{background-image: url(../images/paper-sm.jpg);}
#signs a#pic5:hover 			{background-image: url(../images/metal5-sm.jpg);}
#signs a#pic6:hover 			{background-image: url(../images/thisnthat-sm.jpg);}
#signs a#pic7:hover 			{background-image: url(../images/metal-sm.jpg);}
#signs a#pic8:hover 			{background-image: url(../images/aframe-wood-sm.jpg);}

a#pic1:hover,
a#pic2:hover, 
a#pic3:hover, 
a#pic4:hover, 
a#pic5:hover,   
a#pic6:hover, 
a#pic7:hover, 
a#pic8:hover { border: none; } 

.moving {clear:both;
	position: absolute;
	z-index: 5;
	left: 620px;
	top: 0px;
	width:335px;
	height:310px;
}



/* Center Main Content ----------------------------------------------------------------*/
#center-in p		{margin:3px 0 8px}
#center-in h2		{margin:5px 0 0;padding:0}
#center-in h3		{margin:22px 0 11px;padding:0 0 5px;border-bottom:1px dotted #ccc}
#center-in h4		{margin:0 0 0px;padding:0}
#center-in h5		{margin:3px 0 5px;padding:0;font-size:12px}
#center-in img		{padding:2px;margin:0 12px 12px 0px;border:1px solid #CCC}
#center-in a		{color:#575652; text-decoration:underline}
#center-in a.nounderline {text-decoration:none}
.listings			{padding:5px 0;overflow:hidden;height:100%}

#center-in h2.PageTitle{margin-bottom:15px;font:25px Arial, Helvetica, sans-serif;color:#06f}
#center-in ul, #center-in ol {margin: 0 0 15px 250px}
#center-in ul li, #center-in ol li {margin: 0 0 15px 40px}

.mainlist,.clear	{clear:both}
.mainlist_twopart	{width:300px;margin-bottom:20px}


/* Paging ----------------------------------------------------------------*/
#paging				{text-align:center;float:right;clear:both;margin-right:15px}
.paging				{margin:3px 0;color:#455826;font:bold 11px Arial, Helvetica, sans-serif}
.paging a			{background:#fff;border:1px solid #667f86;padding:2px 6px;margin:0 1px;text-decoration:none;color:#455826}
.paging a:hover		{background:#b7c3c7;color:#fff;text-decoration:none}
.paging_current		{background:#06f;border:1px solid #06f;padding:2px 6px;color:#fff;line-height:27px}


.realated-col		{border:1px solid #e8e8e8;width:190px;padding:0 10px}
ul.realatedlinks	{margin:0 5px 15px;padding:0;color:#044e8e;width:190px}
ul.realatedlinks li	{font-size:11px;margin:0 0 5px;padding:5px 0 0 15px;color:#666;list-style:none;
					 background:url(images/small_rightarrow.gif) no-repeat;background-position:0 7px;text-align:left}
ul.realatedlinks li a,
ul li a,ol li a		{color:#fff;line-height:18px}

.cspacer			{margin-bottom:20px}

.pro-box			{border:1px solid #dcdada;background:#f2f3f4;padding:8px 0 0 8px;line-height: .8em}
ul.pro-box li		{list-style:none}

/* Home Page 1 ----------------------------------------------------------------*/
#banner1		{width:899px;height:250px;background:#ccc url(images/bannerbg.png) no-repeat;margin-bottom:20px}
#banner1 p		{margin:10px 0 0 290px;font-size:13px;color:#333}
#banner1 h2		{margin:13px 0 0 290px;width:500px;font:bold 22px Arial, Helvetica, sans-serif;color:#06f}

ul.option1		{width:500px;margin:15px 0 0 290px;padding:0;color:#06f}
ul.option1 li	{width:180px;margin-bottom:12px;padding:5px 0 0 38px;float:left;font-size:11px;background-position:0 3px;
				 color:#666;text-align:left;list-style:none}
ul.option1 li a	{font-weight:700;font-size:12px;color:#333}

.getstarted		{margin:20px 0 0 650px}


/* Home Page 5 ----------------------------------------------------------------*/
#banner5		{width:510px;height:232px;padding:8px 30px;background:#ccc url(images/bannerbg5.png) no-repeat left;
				 position:relative;margin-bottom:20px}
#banner5 p		{font-size:13px;color:#333}
#banner5 h2,
#banner4 h2		{font-size:22px;color:#06f}

#threein1		{width:auto;clear:both;margin-top:22px}
#threein1 p		{margin:3px 0 2px;padding:0;font-size:12px;color:#555;line-height:18px;text-align:justify}
#threein1 p a	{color:#555;text-decoration:none}
#threein1 p a:hover, #Sidebar-in ul li a:hover,.pro-box a:hover,
ul.option3 li a:hover, ul.links li a:hover, ul.option2 li a:hover, ul.option1 li a:hover,
.comments a, .post-date a:hover, .post-footer a, p a,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
				{color:#575652}
#threein1 img	{float:left;padding:2px;margin-right:18px;border:1px solid #ccc}


#home-bottom	{height:100%;overflow:hidden}
.mainboxes		{width:265px}
.mainboxes p,#Sidebar p{margin:3px 0 12px;padding:0;font-size:12px;color:#555;line-height:18px;text-align:justify}
.mainboxes h2	{margin:3px 0 11px;padding:0;font-size:18px}
.mspacer		{padding-left:40px}


/* Contact Form ----------------------------------------------------------------*/
.contactform		{overflow:hidden;font-size:12px}
.contactform .textarea,.contactform .input		
					{border:1px solid #ccc;padding:2px;font-size:12px}
.textarea:hover,.input:hover
					{background:#ebebeb}
.contactright .button
					{margin:0 0 0 140px !important;padding:4px}
.contactleft		{width:20%;text-align:left;clear:both;float:left;display:inline;padding:4px;margin:5px 0;font-weight:700}
.contactright		{width:70%;text-align:left;float:left;display:inline;padding:4px;margin:5px 0}
.notification		{margin:15px;border-top:1px solid #693;border-bottom:1px solid #693;padding:10px 20px;background:#FFC}

/* Choices -----------------------------------------------------------------*/
br 					{display:none}
#center-in ul.choices			{margin:0 0px 10px 10px;padding:0;float:right;text-align:center;line-height:1em;color:#575652}
ul.choices li 		{display:inline;margin:0;padding:0;width:60px}
ul.choices li a		{display:block;float:left;margin:0;padding:4px 4px 9px 4px;/*border:1px solid #ccc;border-top-color:#eee; border-right-color:#eee;border-bottom-color:#ddd;border-bottom-color:#bbb;*/text-align:center;color:#575652}
#center-in ul.choices li {margin: 0 40px}
#center-in ul.choices li a {margin: 0px}
#center-in ul.choices li a img {margin:0 12px 5px auto;}
.red				{background-image: url(../images/red-sm.jpg);	background-position: center;}
/*ul.thumbnails a		{width:80px;margin:0 10px 10px 10px}*/

/* Products and Portfolio  ----------------------------------------------------------------*/
ul.product			{margin:0;line-height:15px;font-size:12px}
ul.product li		{float:left;margin:5px 10px 0 0;width:150px;list-style-type:none}
ul.product li a		{text-align:center;padding:4px 4px 0;display:block;height:180px;color:#555;border:1px solid #fff !important}
ul.product a:link,ul.product a:active
					{border:0;color:#333}
ul.product a:hover	{color:#448ede;border:1px solid #eee !important}
ul.i_page li a		{text-decoration:none;background-image:url(img/i_page.png);background-repeat:no-repeat;
					 background-position:10px 10px}

#product_detail		{overflow:hidden;margin:20px 0;font-size:11px;line-height:18px}
.product_pic		{float:left;text-align:center;width:230px}
.product_pic img	{padding:0 5px}
.price				{color:#cc0606}
.portfolio			{margin:0;padding:0}
ul.portfolio 		{width:250px;margin:0;padding:0;}
ul.portfolio li		{display:block; float:left;margin:0;padding:0}
table td.thumb-row-size, table tr.thumb-row-size	{height:10px}

/* Footer Home Page ----------------------------------------------------------*/
#footer-home			{height: 190px;	background: #575652 url(../images/bot-corner-grey.gif.gif) no-repeat right bottom;} 
#sign-type ul			{width:300px;margin: 0;padding: 0;list-style:none;font-weight:normal}
#sign-type ul li		{float:left;margin:0;padding:0}
#sign-type li a		{float: left;display:block;margin: 0;padding:0px;text-align: center}
#listProducts		{font-family: Arial, Helvetica, sans-serif;	font-variant: small-caps;	color: #FFFFFF;margin:0;padding:0}
#listProducts li 	{display: block; float: left; width: 150px;line-height:14px;margin:0;color:#ffffff;
padding:0; }

.event-etc ul		{width: 160px;margin: 0;padding: 0;list-style:none;font-weight:normal}
.event-etc ul li	{float: left;margin:0;padding:0}
.event-etc li a,.event-etc li	{float: left;display:block;margin:0;padding:0px;text-align:center}
/*#event-etc li a:hover	{color:#fff}*/
/*#Sidebar-in ul#event-etc li a		{list-style:none;float:none;border-bottom:1px solid #F8EEE9}*/
#listProducts li.product {width:300px;border-right: 2px solid #fff;	margin: 0px 5px ;padding: 5px;height:180px;font-weight: bolder;font-size: 115%}
#listProducts li.page_item 	{width: 145px;border-right: 2px solid #fff;margin: 0 5px ;padding: 5px;height:180px;font-weight: bolder;font-size: 115%}
#listProducts li.contact 	{width: 145px;margin: 0 5px ;padding: 5px;height:180px;font-weight: bolder;font-size: 115%}
#listProducts li a:hover	{color:#fff}
/*ul#listProducts li	{margin: 0 0 0 0; padding: 0;	}*/

/* Footer ----------------------------------------------------------------*/
#footer						{
	height: 190px;
	background-color: #575652;
	background-image: url(../images/bot-corner-grey.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
} 
#footer p					{margin:0;padding:0 5px 5px;color:#ccc;font-size:11px;}
#footer p a,.pro-box a		{color:#ccc}
#footer #dropnav 			{padding: 0 5px;font-size:9px; /*background:#575652;*/margin-left: 0px}
#footer #dropnav li a:hover,#footer #dropnav li a 		{color: #ccc;background-color: #575652;}
ul#footerlinks				{float:right;padding:0}
ul#footerlinks li,ul#nav-top li{display:inline;list-style:none}
ul#footerlinks li a			{margin:0;padding:8px 10px 5px;color:#888;font:bold 12px Arial, Helvetica, sans-serif;
							 border-left:1px solid #ccc;line-height:18px;width:130px}
ul#footerlinks li a:hover,#footer p a:hover,ul.realatedlinks li a:hover,ul.leftlinks li a:hover,.Feed a:hover,p a:hover,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,ul li a:hover,ol li a:hover{color:#575652}
p a:hover, p a {	text-decoration: underline;}

/* Footer2 ----------------------------------------------------------------*/
#footer2					{height: 103px;	background: #fff url(../images/bot-corner-white.gif) no-repeat right bottom;} 
#footer2 p					{margin:0;padding:70px 10px 10px 10px; color:#575652;font-size:14px;font-variant: small-caps }


/* P.I.E. Float Clearing ----------------------------------------------------------------*/
.clearfix:after{content:".";clear:both;height:0;visibility:hidden;display:block}
* html .clearfix{height:1%}
.clearfix{display:block}