/*  
Theme Name: Emporium Business Theme
Theme URI: http://www.emporium-directory.com/

*/

/***************************************************
*	HTML
***************************************************/
* {
	padding: 0;
	margin: 0;
}
body {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 180%;
	background: #fff;
	color: #555;
}
p {
	font-size: 12px;
	line-height:1.85em;
	margin:0 0 1.85em 0;
}
a, a:visited {
	color: #00A2C8;
}
a:hover {
	text-decoration: none;
}
img {
	border:none;
}
.clr, .clear {
	clear: both;
}
fieldset {
	border: 0;
}



input[type=text], select, textarea {
	background:#FFFFFF url(/wp-content/uploads/2010/01/fieldbg.gif) repeat-x scroll center top;
	border-color:#7C7C7C #C3C3C3 #DDDDDD;
	border-style:solid;
	border-width:1px;
	font-size:17px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin-bottom:0.2em;
	vertical-align:bottom;
	padding: 2px;
}
button {
	font-size: 14px;
	padding: 4px;
}
#content {
	margin: 0;
	clear: both;
	overflow: hidden;
	background: #ffffff;
}

.entry ul li {
border-bottom:1px dotted #CCCCCC;
padding:5px 0;

list-style-type:disc;
}

.entry ul {
margin-left:20px;
margin-bottom:10px;
}
#wrapper {
	width: 980px;
	margin: 0 auto;
}
.postmeta, .post-title { /*	display: none;*/
}
h1, h2, h3 {
	color: #da0300;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	letter-spacing: 0px;
	margin-bottom:20px;
	padding: 22px 0 0px 0px;
}
h1 { font-size: 1.65em; }
h2 { font-size: 1.2em; }
h3 { font-size: 0.8em; }

/***************************************************
*	HEADER
***************************************************/

#header {
	width: 960px;
	height: 153px;
	clear: both;
	margin: 0 0 20px 0;
}
#hello {
	position: absolute;
	width: 960px;
	z-index: 99;
	top: 0;
	left: 50%;
	margin-left: -490px;
}
#hello #hello-form {
	background: #ececec;
	padding: 10px;
}
#hello #hello-form ul {
	list-style-type: none;
}
#hello #hello-form ul li {
	display: inline;
	padding-right: 7px;
	background-image: none;
}
#hello #hello-form #name, #hello #hello-form #email, #hello #hello-form #phone, #hello #hello-form #comment {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #DA0300;
	padding: 4px;
	width: 20%;
	text-align: center;
}
#hello #hello-form #button {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #444;
	padding: 4px;
}
#hello #hello-control {
	text-align: right;
	padding: 4px 0 0 0;
}
#hello #hello-control a {
	color: #fbdddc;
	background: url(images/hello-background.jpg) no-repeat right -2px;
	font: 11px Verdana, Geneva, sans-serif;
	padding: 4px 30px 6px;
	text-decoration: none;
}
#hello #hello-control a.active {
	background: url(images/hello-background.jpg) no-repeat right -27px;
}
#hello #hello-control a:hover {
	color: #fff;
}
#hello #hello-control span {
	color: #fff;
}
/*#menu #hello-control #left-curve, #menu #hello-control #right-curve {

	padding: 6px 2px;

}

#menu #hello-control #left-curve {

	background: url(images/hello-left-curve.jpg) no-repeat left bottom;

}

#menu #hello-control #right-curve {

	background: url(images/hello-right-curve.jpg) no-repeat left bottom;

}

#menu #hello-control #mid {

	text-align: center;

	background: #ececec;

	padding: 7px 6px;

	font: 11px Verdana, Geneva, sans-serif;

}*/

#logo {
	width: 350px;
	height: 150px;
	float: left;
	text-align: center;
	background: url(images/logo.jpg) no-repeat;
}
#menu {
	width: 510px;
	float: right;
	margin: 20px 0 0 0;
}
#menu ul {
	margin: 10px 0 0 0;
	list-style-type: none;
	padding: 7px 0 0 0;
}
#menu ul li {
	display: inline;
	text-transform: lowercase;
}
#menu ul li a {
	float: left;
	width: 64px;
	padding: 32px 0;
	margin: 0 0 0 20px;
	color: #999;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}
#menu ul li a#home, #menu ul li a#works, #menu ul li a#blog, #menu ul li a#services, #menu ul li a#business, #menu ul li a#contacts {
	padding: 88px 0 0 0;
}
#menu ul li a#home {
	background: url(images/nav-home.jpg) no-repeat;
}
#menu ul li a#works {
	background: url(images/nav-works.jpg) no-repeat;
}
#menu ul li a#blog {
	background: url(images/nav-blog.jpg) no-repeat;
}
#menu ul li a#services {
	background: url(images/nav-services.jpg) no-repeat;
}
#menu ul li a#business {
	background: url(images/nav-business.jpg) no-repeat;
}
#menu ul li a#contacts {
	background: url(images/nav-contacts.jpg) no-repeat;
}
#menu ul li a:hover#home, #menu ul li a#home.active, #menu ul li a:hover#works, #menu ul li a#works.active, #menu ul li a:hover#blog, #menu ul li a#blog.active, #menu ul li a:hover#services, #menu ul li a#services.active, #menu ul li a:hover#business, #menu ul li a#business.active, #menu ul li a:hover#contacts, #menu ul li a#contacts.active {
	background-position: center -110px;
	color: #da0300;
}

/***************************************************
*	MAIN
***************************************************/

#slider {
	background: #DA0300;
	margin: 30px 0 40px 0;
}
.slider {
	margin: 30px 0 40px 0;
	padding: 15px;
	height: 120px;
}
#worksSlider {
	background: url(images/bar-works.jpg) no-repeat;
}
#contactsSlider {
	background: url(images/bar-contacts.jpg) no-repeat;
}
#businessSlider {
	background: url(images/bar-business.jpg) no-repeat;
}
#blogSlider {
	background: url(images/bar-blog.jpg) no-repeat;
}
#servicesSlider {
	background: url(images/bar-services.jpg) no-repeat;
}
#worksSlider h2, #contactsSlider h2, #businessSlider h2, #blogSlider h2, #servicesSlider h2 {
	font-size: 400%;
	letter-spacing: -2px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #da0300;
	padding: 50px 20px 50px 20px;
}
#slider_main {
	margin: 30px 0 40px 0;
}
#main {
	float: left;
	width: 98%; /*455*/
	padding: 0px; /*10px 20px 10px 20px;*/
}
#main h1, .lsidebar h2, .rsidebar h2 {
	color: #da0300;
	font-family: Georgia, "Times New Roman", Times, serif;
/*font-family: "adelle-1","adelle-2";*/
	font-size: 1.65em;
	font-weight: normal;
	letter-spacing: 0px;
	margin-bottom:20px;
	padding: 22px 0 0px 0px;
}
#main h1.addicon {
	color: #da0300;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.65em;
	font-weight: normal;
	letter-spacing: 0px;
	margin-bottom:20px;
	padding: 22px 0 0px 40px;
}
#main #index {
	text-align: justify;
}
#index ul {
	list-style-type:none;
}
#index li {
	padding-left:14px;
	background:transparent url(images/icon-arrow.gif) no-repeat;
	background-position:0 5px;
}
#main #left {
	float: left;
	width: 68%;
}
#main #right {
	float: right;
	width: 27%;
}
.post h2, .post h1 {

}
.postmeta {
	font-size: 8pt;
	color: #828282;
	border: 1px #ddd dotted;
	border-left: 0px;
	border-right:0px;
	padding: 3px 0;
	margin: 0 0 15px 0;
}
.entry {
	text-align: justify;
}
#main .entry h1 {
 font-weight: font-weight: normal;
	font-size: 16px;
}
.post {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}
.navigation {
	font-size: 8pt;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.addicon {
	height: 40px;
	background: transparent;
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-bottom: 2px;
}
#welcome {
	background-image: url(/wp-includes/images/icon-welcome.jpg);
	background-position: left center;
	padding-left: 40px;
	text-align: left;
}
#software {
	background-image: url(/wp-includes/images/icon-software.jpg);
	background-position: left center;
	padding-left: 40px;
	text-align: left;
}
#web {
	background-image: url(/wp-includes/images/icon-web.jpg);
	background-position: left center;
	padding-left: 40px;
	text-align: left;
}

/***************************************************
*   WORKS
***************************************************/

#works-detail {
}
#works-detail #top, #works-detail #bottom {
	margin: 30px 0 0 0;
	clear: both;
}
#works-detail #top .left {
	width: 69%;
	float: left;
}
#works-detail #top .right {
	width: 29%;
	float: right;
}
#folio ul, #folio li, #folio2 ul, #folio2 li {
	margin:0;
	padding:0;
	list-style:none;
}
#folio2 {
	margin-top:1em;
}
#folio li, #folio2 li { /* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/
	width:650px;
	height:306px;
	overflow:hidden;
}
ol#controls {
	margin:1em 0;
	padding:0;
	height:28px;
	float:right;
}
ol#controls li {
	margin:0 10px 0 0;
	padding:0;
	float:left;
	list-style:none;
	height:28px;
	line-height:28px;
}
ol#controls li a {
	float:left;
	height:20px;
	line-height:20px;
	background:#da0300;
	color:#fff;
	padding:0 8px;
	text-decoration:none;
}
ol#controls li.current a {
	background: #ad2c29;
	color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {
	outline:none;
}
#works-detail #top h1#quote {
	font-style: italic;
	line-height: 150%;
	margin-bottom: 5px;
}
#works-detail #bottom {
}
#works-detail #bottom .left {
	width: 26%;
	float: left;
}
#works-detail #bottom .right {
	width: 70%;
	float: right;
}
#works-detail #bottom .left ul li strong {
	font: 14px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #da0300;
}
#works-detail #bottom .left ul li ul li {
	padding: 0 0 0 5px;
}
ul.works { margin: 0; }
ul.works li { display: inline; }
ul.works li a { /*border-bottom: 1px #ededed solid; border-right: 1px #ededed solid;*/ }
ul.works li a#t01,
ul.works li a#t02,
ul.works li a#t03,
ul.works li a#t04,
ul.works li a#t05,
ul.works li a#t06,
ul.works li a#t07,
ul.works li a#t08,
ul.works li a#t09,
ul.works li a#t10,
ul.works li a#t11,
ul.works li a#t12,
ul.works li a#t13,
ul.works li a#t14,
ul.works li a#t15,
ul.works li a#t16,
ul.works li a#t17,
ul.works li a#t18,
ul.works li a#t19,
ul.works li a#t20,
ul.works li a#t21,
ul.works li a#t22,
ul.works li a#t23,
ul.works li a#t24 { padding: 0px 113px 142px 113px;  float:left; margin-bottom: 18px; }

ul.works li a#t01 { background: url(images/works/thumb-01.jpg) no-repeat 0 -142px; margin: 0 18px 0 0; }
ul.works li a#t02 { background: url(images/works/thumb-02.jpg) no-repeat 0 -142px; margin: 0 18px 0 0; }
ul.works li a#t03 { background: url(images/works/thumb-03.jpg) no-repeat 0 -142px; margin: 0 18px 0 0; }
ul.works li a#t04 { background: url(images/works/thumb-04.jpg) no-repeat 0 -142px; }
ul.works li a#t05 { background: url(images/works/thumb-05.jpg) no-repeat 0 -142px; margin: 0 18px 0 0; }
ul.works li a#t06 { background: url(images/works/thumb-06.jpg) no-repeat 0 -142px; margin: 0 18px 0 0; }
ul.works li a#t07 { background: url(images/works/thumb-07.jpg) no-repeat 0 -142px; margin: 0 18px 0 0; }
ul.works li a#t08 { background: url(images/works/thumb-08.jpg) no-repeat 0 -142px; }
ul.works li a#t09 { background: url(images/works/thumb-09.jpg) no-repeat 0 -142px; margin: 0 18px 0 0; }
ul.works li a#t10 { background: url(images/works/thumb-10.jpg) no-repeat 0 -142px; margin: 0 18px 0 0; }
ul.works li a#t11 { background: url(images/works/thumb-11.jpg) no-repeat 0 -142px; margin: 0 18px 0 0; }
ul.works li a#t12 { background: url(images/works/thumb-12.jpg) no-repeat 0 -142px; }
ul.works li a#t13 { background: url(images/works/thumb-13.jpg) no-repeat 0 -142px; margin: 0 18px 0 0; }
ul.works li a#t14 { background: url(images/works/thumb-14.jpg) no-repeat 0 -142px; margin: 0 18px 0 0; }
ul.works li a#t15 { background: url(images/works/thumb-15.jpg) no-repeat 0 -142px; margin: 0 18px 0 0; }
ul.works li a#t16 { background: url(images/works/thumb-16.jpg) no-repeat 0 -142px; }
ul.works li a#t17 { background: url(images/works/thumb-17.jpg) no-repeat 0 -142px; margin: 0 18px 0 0; }
ul.works li a#t18 { background: url(images/works/thumb-18.jpg) no-repeat 0 -142px; margin: 0 18px 0 0; }
ul.works li a#t19 { background: url(images/works/thumb-19.jpg) no-repeat 0 -142px; margin: 0 18px 0 0; }
ul.works li a#t20 { background: url(images/works/thumb-20.jpg) no-repeat 0 -142px; }
ul.works li a#t21 { background: url(images/works/thumb-21.jpg) no-repeat 0 -142px; margin: 0 18px 0 0; }
ul.works li a#t22 { background: url(images/works/thumb-22.jpg) no-repeat 0 -142px; margin: 0 18px 0 0; }
ul.works li a#t23 { background: url(images/works/thumb-23.jpg) no-repeat 0 -142px; margin: 0 18px 0 0; }
ul.works li a#t24 { background: url(images/works/thumb-24.jpg) no-repeat 0 -142px; }

ul.works li a:hover#t01,
ul.works li a:hover#t02,
ul.works li a:hover#t03,
ul.works li a:hover#t04,
ul.works li a:hover#t05,
ul.works li a:hover#t06,
ul.works li a:hover#t07,
ul.works li a:hover#t08,
ul.works li a:hover#t09,
ul.works li a:hover#t10,
ul.works li a:hover#t11,
ul.works li a:hover#t12,
ul.works li a:hover#t13,
ul.works li a:hover#t14,
ul.works li a:hover#t15,
ul.works li a:hover#t16,
ul.works li a:hover#t17,
ul.works li a:hover#t18,
ul.works li a:hover#t19,
ul.works li a:hover#t20,
ul.works li a:hover#t21,
ul.works li a:hover#t22,
ul.works li a:hover#t23,
ul.works li a:hover#t24 { background-position: 0 0px; }

/***************************************************
*   WORKS
***************************************************/

ul#contact {
}
#contact li {
	margin: 10px 0 0 0;
	display: block;
}
#contact #name, #contact #email, #contact #phone, #contact #comment {
	font: 16px Arial, Helvetica, sans-serif;
	color: #8D8181;
	background: #f0f0f0;
	border: 1px #e0e0e0 solid;
	padding: 10px;
	width: 95%;
}
#contact #button {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #8D8181;
	padding: 10px;
	margin-top: 10px;
}

/***************************************************
*	COMMENTS
***************************************************/

ol.commentlist {
	margin: 0;
	padding: 10px 0;
}
ol.commentlist li {
	margin: 0;
	padding: 0 0 10px 0;
	list-style: none;
}
#comments h3 {
	border-bottom: 1px solid #cccccc;
	margin: 0 0 15px 0;
	padding: 0 0 2px 0;
	font-size: 10pt;
}
#comments {
	padding: 30px 0 10px 0;
}
.comfooter {
	text-align: right;
	font-size: 8pt;
}
.comment_meta {
	font-size: 8pt;
}
.comcontent {
	background: #D8D8D8;
	padding: 10px 10px;
}
blockquote {
	background:#f6f6f6;
	padding:5px 10px;
	border:1px solid #eee;
	font:100% Georgia;
}

/***************************************************
*	SIDEBAR
***************************************************/

#sidebar { /*	width: 27%;
	float: left;*/
}
.lsidebar ul, .rsidebar ul {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
}
.lsidebar ul li, .rsidebar ul li {
	margin: 0;
	list-style: none;
}
.lsidebar ul li ul, .rsidebar ul li ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.lsidebar ul li ul li, .rsidebar ul li ul li {
	margin: 0;
	padding: 5px 0;
	list-style: none;
	border-bottom: 1px solid #ebebeb;
}
.lsidebar {
}
.rsidebar {
	float: right;
	width: 154px; /*174*/
	padding: 0 10px;
}
.lsidebar h2, .rsidebar h2 {
}
.tweets {
	background:transparent url(/wp-content/uploads/2010/01/tweet-bird.gif) no-repeat scroll left top;
	padding-left:25px;
}


.side-ads {
	margin: 20px 0;
	height: 150px;
	
}

/***************************************************
*	FOOTER
***************************************************/

#footer {
	width: 960px;
        color: #999;
}
#footer, #footer p {
	font: 10px Verdana, Geneva, sans-serif;
	padding: 15px 0 0 0;
	margin: 20px 0 70px 0;
	overflow: auto;
	border-top: 1px #e1e1e1 solid;
}
#footer ul#company-info {
	margin: 10px 0 0 0;
}
#footer ul#company-info li {
	padding: 0 0 6px 0;
	display: block;
}
#footer li {
	list-style-type: none;
	display: inline;
	margin: 0;
}
#footer li a {
	color: #da0300;
	text-decoration: none;
}
#footer li a:hover {
	text-decoration: underline;
}
#footer .left {
	float: left;
	width: 55%;
	text-align: left;
}
#footer .left li {
	padding: 0 20px 0 0;
	list-style-type: none;
}
#footer .right {
	float: right;
	width: 42%;
	text-align: right;
}
#footer .right li {
	padding: 0 0 0 20px;
	list-style-type: none;
}
.bottom {
	background: url(images/footer.jpg) repeat-x top;
	overflow: hidden;
	height: 193px; /*213*/
	padding: 10px;
	display: none;
}
.sub1, .sub2, .sub3, .sub4 {
	float: left;
	width: 220px;
}
.sub1 ul, .sub2 ul, .sub3 ul, .sub4 ul {
	margin: 0;
	padding: 10px 5px 0 5px;
	list-style: none;
}
.sub1 ul li, .sub2 ul li, .sub3 ul li, .sub4 ul li {
	margin: 0;
	padding: 2px 0;
	list-style: none;
	border-bottom: 1px solid #58727c;
}
.bottom h2 {
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-family: times new roman;
	font-size: 10pt;
	text-transform: uppercase;
}
.subfooter {
	text-align: center;
	font-size: 10pt;
	padding: 5px 0;
}
/***************************************************
*	LINKS
***************************************************/
.bottom a {
	color: #cccccc;
	text-decoration: none;
}
.bottom a:hover {
	text-decoration: underline;
}
.lsidebar a, .rsidebar a {
	text-decoration: none;
}
.lsidebar a:hover, .rsidebar a:hover {
	text-decoration: underline;
}
.post h2 a, .post h1 a {
	color: #da0300;
	text-decoration: none;
}
.post h2 a:hover, .post h1 a:hover {
	text-decoration: underline;
}
.postmeta a {
	text-decoration: none;
}
.postmeta a:hover {
	color: #000000;
	text-decoration: underline;
}
blockquote a {

}
blockquote a:hover {
	text-decoration: underline;
}
#menu a {
	color: #ffffff;
}
#menu a:hover {
	color: #000000;
}
#header a {
	text-decoration: none;
}
#content_start {
	position: absolute;
	left: -10000px;
}
;
/* Clients Page */

.large_box {
	width:800;
	height:600;
}
#rightNav {
	background: #e1e1e1;
	float: right;
	width: 300px;
	padding: 5px;
	overflow: auto;
}

/* Magento Page */

.port {
	margin: 0 0 10px 0;
        overflow: auto;
}
.port a img {
	float: left;
}
.port .label {
	float: right;
	width: 30%;
	margin-top: 30px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}
#social { clear: both; margin: 20px 0; }
#social li a { display: inline; padding: 10px; background-position: 0 8px; background-repeat:no-repeat;  }
#social li a:hover { text-decoration: none; }
#social li a.facebook { background-image: url(/wp-content/uploads/2010/04/facebook.png); }
#social li a.twitter { background-image: url(/wp-content/uploads/2010/04/twitter.png); }
#social li a.linkedin { background-image: url(/wp-content/uploads/2010/04/linkedin.png); }
#social li a.buzz { background-image: url(/wp-content/uploads/2010/04/buzz.png); }
#social li a.rss { background-image: url(/wp-content/uploads/2010/04/rss.png); }