/*  
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 */

*{margin:0;padding:0}

body		{background:#eee url(images/sohoBotRight4.jpg) no-repeat right bottom;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}

ul,ol		{margin:0 0 15px 25px;padding:0;color:#4b3553}
ol li		{margin:0 0 15px;padding:0;font-size:12px;color:#666;text-align:left;list-style:decimal}
ul li		{margin:0 0 15px;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:#FF6900}
h2			{margin:22px 0 11px;padding:0;font-size:20px;color:#666}
h3			{
	margin:5px 0;
	padding:0;
	font:22px Arial, Helvetica, sans-serif;
	color:#cccccc;
}
h4			{margin:5px 0 0 0;padding:0;font-size:16px;color:#666}
h5			{margin:5px 0;padding:0;font:16px Georgia, "Times New Roman", Times, serif;color:#06f}
h6			{margin:5px 0;padding:0;font-size:12px;color:#333}

p			{font-size:12px;color:#854c2c;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}

table		{background-color: #F8EEE9; font-size: 12px; }
table td, table th	{padding:5px;width: 400px}
.thead		{font-weight:700;color:#fff !important;background:#854c2c}
.row		{background-color: #EACDBD;}
.rider		{font-size:9px}

/* Page Structure  ----------------------------------------------------------------*/
#decor				{background:#fff url(images/sohoTopLeft2.jpg) no-repeat left top}
#container			{width:900px;height:100%;margin:0 auto;padding: 0 10px;background:#fff;border:1px solid #cecece;overflow:hidden}
	#header			{background:#fff;height:90px}
	#content-wrap	{width:900px;height:100%;overflow:hidden}
		#center		{float:right;width:620px;background:#fff;margin:10px auto}
		#center-in	{padding:0 15px;color:#854c2c}
		#Sidebar	{width:250px;margin:10px auto;float:right;background:#fff url(images/rightBkgd.gif);}
	#footer			{width:900px;height:100%;margin:10px auto;clear:both;position:relative;overflow:hidden}


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

/* Sidebar ----------------------------------------------------------------*/
#Sidebar-in ul			{margin:5px 5px 5px 5px}
#Sidebar-in ul li.page_item,
#Sidebar-in ul li		{list-style:none;display:block;border-bottom:1px solid #F8EEE9/*padding:5px 5px 5px 18px;margin:0;
						 background:url(images/sbullet.png) no-repeat;background-position:0 8px;*/}

#work-simple {width: 250px;	margin: 0;	padding: 0;	list-style: none;}
#work-simple li {float: left;	margin: 0;	padding: 0;	background: none;	}
#work-simple li a {	float: left;display: block;	margin: 0 5px 10px 0;	padding: 2px;text-align:center;border: 3px solid #ccc;	background: #fff;}
#work-simple li a img {border: 0;}
#work-simple li a:hover, #work-simple li.active a {border-color: #fff;background: #fff;}
#work-simple li.active a {/*	border-color: #383d44;*/}

#work-simple:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/* List of services on home page ---------------------------------------------------------------*/
ul.salons			{margin: 5px 0 0 0;	padding: 0;	list-style: none;	font-family: "Lucida Grande", Arial, Verdana, sans-serif;	font-size: 1.1em;color: #ccc;font-weight:bold;width: 900px;	z-index:50}
.salons li 			{display: block; float: left;margin:0;height:320px; overflow:hidden; width: 211px;padding-right: 13px}
/*.salons li h2		{font-size:20px;color:#ccc;	background-image: url(../images/sub-head.jpg);padding: 15px 0 0 25px;height: 38px;}*/
.salons li h2		{text-indent:-9009px}

/* Lists used in Page Templates ----------------------------------------------------------------*/
ul.leftlinks			{margin:0 0 15px;padding:0;color:#044e8e}
ul.leftlinks li			{font-size:12px;margin:0 0 5px;padding:5px 0 0 15px;color:#666;border-bottom:1px solid #e8e8e8;
						 list-style:none;background:url(images/small_rightarrow.gif) no-repeat;font-weight:700;
						 background-position:0 5px;text-align:left}
ul.leftlinks li a		{color:#555;line-height:18px}

ul.list					{margin:0 0 15px;padding:0}
ul.list li				{margin:0 0 5px;padding:5px 0 0 15px;list-style:none;background:url(images/small_rightarrow.gif) no-repeat;
						 background-position:0 5px}

ul.services				{margin:10px 0;padding:0;list-style:none;color:#06f}
ul.services li			{list-style:none;width:280px;margin:0 35px 22px 0;padding:0;float:left;color:#666;text-align:justify}

ul.contlist				{width:298px;margin:0;color:#555}
ul.contlist li			{padding:3px 0 3px 15px;list-style:none;background:url(images/bullet.png) no-repeat;
						 background-position:0 5px}

ul.News					{float:left;margin:0;padding:0;color:#044e8e}
ul.News li				{margin-bottom:8px;padding:5px 0 0 15px;list-style:none;background:url(images/i_news.png) no-repeat;
						 background-position:0 8px;color:#555;font-size:11px;text-align:left}

ul.News li a			{color:#555;font-size:11px}
ul.News li a:hover,
#Sidebar-in ul li a		{color:#666}

/* 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}
#center-in img		{padding:2px;margin:0 12px 12px 0px;border:1px solid #CCC}

.listings			{padding:5px 0;overflow:hidden;height:100%}

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

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

.clientlist			{padding:5px 0;overflow:hidden;height:100%;width:400px}
.clientlist p		{width:310px;float:right}
.clientlist h6		{margin:3px 0 0;padding:0}


/* Blog specific CSS ----------------------------------------------------------------*/
.blog ul,.blog ol		{margin-bottom:10px}
.blog ul li				{font-size:12px;margin:0;list-style:disc}
.blog ol li				{font-size:12px;margin:0 0 0 15px;list-style:decimal}
.post-footer			{padding:3px;line-height:18px;height:18px;font-size:12px;border-top:1px solid #c6c7c8;
						 border-bottom:1px solid #c6c7c8;margin-bottom:25px;background:#fafafa}

.post-date				{font-size:11px;margin-bottom:10px}
.post-comments			{background:url(images/i-comments.gif) no-repeat left center;padding-left:17px;float:left;margin-left:10px}
.post-cat				{background:url(images/i-category.gif) no-repeat left center;padding-left:17px;margin-left:5px;float:right}

.archive .post-footer	{ border-top:none; background:none;}

#calendar_wrap table	{width:100%;text-align:center}
#calendar_wrap table a	{color:#06f;text-decoration:underline}

#searchform				{margin:10px 0}
#searchform br			{display:none}

#commented				{display:block;float:left}
#comment				{width:auto}
#commentform .submit	{background:#333;color:#fff}
.comments				{border-left:2px solid #DEE4DA;padding:0 0 0 15px;margin-bottom:10px;width:100%;display:block}
.comments h4			{margin:0!important}
.comments li			{border:1px solid #DEE4DA;background-color:#F3F3F3;padding:5px;margin:5px 0;list-style:none}
.commentsmeta			{margin-top:0;padding-top:1px;font-size:90%;color:#999}

.comments-autor			{border:1px solid #B2FF66;background-color:#95FFCE;padding:5px;margin-top:5px;margin-bottom:5px}
.comments-autor li		{border:1px solid #B2FF66;background-color:#95FFCE;list-style:none;padding:5px;margin-top:5px;
						 margin-bottom:5px}
.comments-autor li:hover,.comments li:hover{background-color:#fff}

#calendar_wrap caption,#Sidebar h2{
	margin:5px 0;
	padding:0;
	color:#4b3553;
	border-bottom:3px solid #854c2c;
	font-family: "trebuchet MS";
	font-size: 18px;
}


/* 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:#06f;line-height:18px}

.cspacer			{margin-bottom:20px}

.pro-box			{border:1px solid #dcdada;background:#f2f3f4;padding:8px 0 0}

/* 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 2 ----------------------------------------------------------------*/
#banner2		{width:899px;height:250px;background:#ccc url(images/bannerbg2.png) no-repeat;position:relative;margin-bottom:20px;
				 clear:both}
#banner2 p		{width:500px;margin-left:150px;font-size:13px;color:#333}
#banner2 h2		{width:500px;padding-top:20px;margin-left:150px;font:bold 22px Arial, Helvetica, sans-serif;color:#06f}

ul.option2		{margin:0;padding:0;float:right;color:#044e8e;width:220px}
ul.option2 li	{font-size:13px;margin-bottom:18px;padding:5px 0 0 38px;background-position:0 3px;color:#333;text-align:left;
				 list-style:none}
ul.option2 li a	{font-weight:700;font-size:12px;color:#333;text-decoration:none;list-style:none}

ul.links		{margin:0 0 22px;padding:0;color:#044e8e}
ul.links li		{font-size:11px;margin:0 10px 5px;padding:5px 0 0 15px;list-style:none;color:#666;border-bottom:1px solid #CCC;
				 background:url(images/small_rightarrow.gif) no-repeat;background-position:0 5px}

/* Home Page 3 ----------------------------------------------------------------*/
#banner3		{width:899px;height:250px;position:relative;margin-bottom:20px;	background-color: #737373;	background-image: url(../../../bannerbg3b.png);	background-repeat: no-repeat;
}
#banner3 p		{margin:0 100px 0 400px;font-size:18px;color:#ccc}
#banner3 h2		{margin:0px 100px 20px 300px;padding-top:120px;font:bold 26px Arial, Helvetica, sans-serif;color:#FF6900}
/* used on Home page ------------------------------*/
ul.option2b		{margin:0;padding:0;color:#044e8e}
ul.option2b li	{float:left;font-size:13px;margin-bottom:18px;padding:9px 0 15px 53px;width:230px;background-position:0 3px; color:#666;text-align:left;list-style:none}
ul.option2b li a,
ul.links li a	{font-weight:700;font-size:12px;color:#333;text-decoration:none}

/* used on Portfolio page ------------------------------*/
ul.option3		{margin:0;padding:0;color:#044e8e}
ul.option3 li	{float:left;font-size:11px;margin-bottom:18px;padding:9px 0 15px 53px;height: 210px;width:230px;background-position:0 3px; color:#666;text-align:left;list-style:none}
ul.option3 li a,
ul.links li a	{font-weight:700;font-size:12px;color:#333;text-decoration:none}
ul.option3 li.blogloop	{margin-bottom:18px;margin-right:20px;padding:9px 5px 10px 22px;background-color:#ffffff; }
ul.option3 li.blogloop h3#post a {padding-bottom:1px;margin-bottom:0px;color:#FF6900}
ul.option3 li.blogloop p

#left-col		{width:500px;height:100%;float:left;padding:8px 10px;overflow:hidden}
#left-col p		{margin:3px 0 12px;padding:0;font-size:12px;color:#666;line-height:18px;text-align:justify}
#left-col h2	{margin:3px 0 5px;padding:0;font:14px Arial, Helvetica, sans-serif;color:#FF6900}
#left-col h3	{margin:12px 0 3px;padding:0;font:14px Arial, Helvetica, sans-serif;color:#333}

.i_blog		{background:url(images/blog.gif) no-repeat}
.i_web_design	{background:url(images/web-design.gif) no-repeat}
.i_e_newsletter	{background:url(images/e-newsletter.gif) no-repeat}
.i_star			{background:url(images/i_star.png) no-repeat}

/* Home Page 4 ----------------------------------------------------------------*/
#banner4		{width:519px;height:222px;background:#ccc url(images/bannerbg4.png) no-repeat;margin-bottom:20px;
				 padding:28px 200px 0 180px}
#banner4 p		{font-size:12px;color:#333}

/* 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:#4b355e}
#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}


/* Newsletter box ----------------------------------------------------------------*/
table.newsletter	{background-color:#8b502a;}
#emailform_adpC p	{color:#cccccc}

/* 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}


/* Product Main and Details  ----------------------------------------------------------------*/
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}


/* Footer ----------------------------------------------------------------*/
#footer						{background: #4B355E}
#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:#4B355E;margin-left: 250px}
#footer #dropnav li a:hover,#footer #dropnav li a 		{color: #ccc;background-color: #4b355e;}
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}
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:#4b355e}


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