/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
body {
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
#page {
	width:946px;
	background-image:url(images/page-bg.jpg);
	background-repeat:repeat-y;
	margin:25px auto 0px auto;
	padding-left:48px;
	padding-right:48px;
	padding-top:24px;
	min-height:820px;
	border-top:30px solid #f2ecf5;
}

#footer {
	width:1042px;
	height:60px;
	background-image:url(images/footer-bg.jpg);
	background-repeat:no-repeat;
	margin:0px auto 25px auto;
	text-align:right;
}

img.right {
	float:right;
	margin-left:2px;
}

.servicesLeftBox {
	padding:15px;
	border:3px solid #f497c0;
	float:left;
	width:195px;
}

#content ul {
	margin-top:6px;
	margin-bottom:5px;
	padding-left:20px;
	color:#808285;
}

#content ul li {
	margin-bottom:5px;
	padding:0px;
	text-indent:0px;
}

.servicesRightBox {
	padding:15px;
	border:3px solid #f497c0;
	float:right;
	width:195px;
	margin-bottom:15px;
}


#header {
	width:944px;
	height:117px;
	border-bottom:1px solid #bcbdc0;
}

h1,h2,h3 {
	margin:0px;
	padding:0px;
	color:#fcba63;
	text-transform:uppercase;
}

h1 {
	font-size:18px;
}

h2 {
	font-size:16px;
}

h3 {
	font-size:14px;
}

.quaterlyComp {
	width:215px;
	height:238px;
	margin-top:4px;
}

.quaterlyComp a img {
	border:0px;
}


#header h1 {
	margin:0px;
	padding:0px;
}

#header h1 a {
	display:block;
	width:276px;
	height:103px;
	background-image:url(images/motus-logo.jpg);
	background-repeat:no-repeat;
}

#header h1 strong {
	display:none;
}

h2.inspiration {
	display:block;
	width:485px;
	height:87px;
	background-image:url(images/inspiration.jpg);
	background-repeat:no-repeat;
	padding-bottom:3px;
	border-bottom:1px solid #cecfd1;
	margin-bottom:15px;
}

h2.about {
	display:block;
	width:483px;
	height:86px;
	background-image:url(images/about.gif);
	background-repeat:no-repeat;
	margin-bottom:15px;
}

h2.package {
	display:block;
	width:483px;
	height:86px;
	background-image:url(images/package.gif);
	background-repeat:no-repeat;
	margin-bottom:15px;
}

h2.about strong {
	display:none;
}

h2.inspiration strong {
	display:none;
}

#content {
	width:483px;
	float:left;
}


#content p {
	color:#808285;
	margin-top:0px;
	margin-bottom:15px;
	line-height:1.4em;
}

#content a {
	color:#936fb1;
}


h4 {
	margin:0px;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:0em;
}

h4 a:hover {
	color:red;
	font-weight:bold;
}
p img {
	margin:0px;
}

#caseStudies {
	width:206px;
	height:660px;
	clear:left;
	border-right:1px solid #bcbdc0;
	padding-right:8px;
	float:left;
	padding-top:0px;
}

.boxgrid{ 
	width: 178px; 
	height: 96px; 
	margin-bottom:8px;
	float:left; 
	background:#161613; 
	overflow: hidden; 
	position: relative; 
	padding:14px;
	color:#FFFFFF;
	font-size:12px;
	line-height:1.3em;
}

.boxgrid span {  
	text-transform:uppercase;
	font-weight:bold;
}

.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid p{ 
	padding: 0 10px; 
	color:#afafaf; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif; 
}

#caseStudies ul {
	margin:0px;
	padding:0px;
	list-style:none;
}



#caseStudies a {
	text-decoration:none;

}

#caseStudies li {
	margin-bottom:11px;
	margin-top:0px;
	padding:0px;
}

#caseStudies li a img {
	border:0px;
	margin-top:0px;
	padding:0px;
}

/*changed from clientCaseStudies to displaying latest news*/

h2.clientCaseStudies {
	display:block;
	width:134px;
  height:20px;
	background-image:url(images/latest-news2.gif);
	background-repeat:no-repeat;
	margin:0px;
	position:relative;
	left:500px;
	top:2px;
}

h2.inspirationArticles {
	display:block;
	width:163px;
	height:12px;
	background-image:url(images/inspiration-articles.gif);
	background-repeat:no-repeat;
	margin:0px;
	position:relative;
	/*left:50px;
	top:-5px; */
	left:500px;
	top:7px
}

h2.inspirationArticles strong, h2.pastArticles strong,h2.supplierSites strong {
	display:none;
}

ul#inspiration {
	padding-bottom:0px;
	border-bottom:1px solid #bcbdc0;
}

ul#inspiration li {
	padding-bottom:0px;
	margin-bottom:3px;
}

ul#iTextLinks {
	margin-top:5px;
}

ul#iTextLinks li {
	margin-bottom:3px;
}

ul#iTextLinks li a {
	color:#ae93c5;
	text-decoration:none;
	border-bottom:1px dotted #ae93c5;
	padding-left:4px;
	padding-bottom:0px;
}

ul#iTextLinks li a:hover {
	color:#fed39c;
	text-decoration:none;
	border-bottom:1px dotted #fed39c;
	padding-left:4px;
	padding-bottom:0px;
}

.contactDetails {
	font-size:15px;
	color:#808285;
	line-height:1.3em;
	border-bottom:1px solid #bcbdc0;
	padding-bottom:6px;
	position:relative;
	top:-5px;
}

.contactDetails a {
	text-decoration:none;
	color:#808285;
}

.links {
	width:300px;
	margin-top:12px;
}

.links img {
	float:left;
}

.links a img {
	float:left;
	margin-right:8px;
	border:0px;
}


.entry p img {
	margin:0px;
}

.contactDetails strong {
	text-transform:uppercase;
}

img.pageheader {
	border-bottom:1px solid #bcbdc0;
	padding-bottom:6px;
	margin-bottom:6px;
}

h2.pastArticles {
	display:block;
	width:199px;
	height:20px;
	background-image:url(images/past-articles.gif);
	background-repeat:no-repeat;
	margin-top:5px;
}

h2.supplierSites {
	display:block;
	width:204px;
	height:20px;
	background-image:url(images/links-supplier-websites.gif);
	background-repeat:no-repeat;
}

h2.pastBlogPosts {
	display:block;
	width:192px;
	height:50px;
	background-image:url(images/past-blog-posts.gif);
	background-repeat:no-repeat;
	margin:0px;
}


/*h2.packageDeals a {
	display:block;
	width:220px;
	height:100px;
	background-image:url(images/check-out-package-deals.gif);
	background-repeat:no-repeat;
} */

h2.portfolioLink a {
	display:block;
	width:220px;
	height:100px;
	background-image:url(images/motus-portfolio.jpg);
	background-repeat:no-repeat;
	margin-top:3px;
}

h2.clientCaseStudies strong, h2.packageDeals strong, h2.deals strong, h2.requestRateCard strong,h2.pastBlogPosts strong {
	display:none;
}

.login {
	height:140px;
	width:220px;
	background-color:#fff;
	color:#FFFFFF;
	background-image:url(images/motus-mail.jpg);
	background-repeat:no-repeat;
	padding-top:170px;
}

.login a {
	text-transform:uppercase;
	text-decoration:underline;
	color:#946fb1;
	font-size:14px;
	display:block;
	height:20px;
	width:100%;
}


.login form {
	width:194px;
	margin:10px auto 0 auto;
}



.login input.text {
	width:194px;
	margin-bottom:5px;
	border:0px;
	background-color:#FFFFFF;
}

.login label {
	text-transform:uppercase;
	font-size:14px;
}

.login a strong {
	display:none;
}
	
.login p {
	color:#FFFFFF;
	font-size:12px;
}

#newsletterLoading {
	margin-top:10px;
	margin-bottom:0px;
}

#ajaxNewsletter, .newsletterContainer {
	margin-top:0px;
}

#newsletterFormDiv {
	height:18px;
	padding:0px;
}

.newsletterTextInput {
	border:0px;
	height:14px;
	margin:0px;
	width:166px;
	padding:2px;
	font-size:11px;
	margin:0px;
	float:left;
}


#newsletterLoading {

}

input.submit {
	width:20px;
	height:18px;
	border:0px;
	background-image:url(images/rate-card-submit.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	float:right;
}

.success {
font-size:11px;
}


.error {
	font-size:11px;
}

/*changed from deals to latest new*/
h2.deals {
	display:block;
	width:162px;
	height:12px;
	background-image:url(images/latest-news.gif);
	background-repeat:no-repeat;
	position:relative;
	left:723px;
	top:0px;
}

h2.requestRateCard {
	display:block;
	width:165px;
	height:12px;
	background-image:url(images/request-a-rate-card.gif);
	background-repeat:no-repeat;
}

#addpanel {
	width:221px;
	height:200px;	
	float:right;
	clear:right;
}

div.clear {
	clear:both;
}

#sidebar {
	width:444px;
	float:right;
	border-left:1px solid #bcbdc0;
	padding-left:8px;
}

#navBar {
	width:944px;
	height:11.5px;
	padding-top:7px;
	float:left;
	padding-bottom:6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bcbdc0;
	margin-bottom:8px;
}

ul#nav { margin:0px; padding:0px;}
ul#nav li { float:left; padding:0; margin:0; list-style-type: none; margin:0px; background-image:url(images/nav-spacer.gif); background-repeat:no-repeat; background-position:right; padding-right:8px; padding-left:0px;}
ul#nav li a { display:block; height:11.5px; padding: 0; margin: 0; background-repeat:no-repeat;}

ul#nav li.home a { background:url(images/nav-home.gif) 100% 0px; width:40px; margin: 0px; margin-left:0px; margin-right:2px; height:11px; }
ul#nav li.home a:hover { background:url(images/nav-home.gif) 100% -11px; background-repeat:no-repeat; }
ul#nav li#current.home a { background:url(images/nav-home.gif) 100% -11px; background-repeat:no-repeat; }

ul#nav li.about a { background:url(images/nav-about-us.gif) 100% 0px; width:67px; margin: 0px; margin-left:3px; height:11px; }
ul#nav li.about a:hover { background:url(images/nav-about-us.gif) 100% -11px;background-repeat:no-repeat;}
ul#nav li#current.about a { background:url(images/nav-about-us.gif) 100% -11px;background-repeat:no-repeat;}

ul#nav li.portfolio a { background:url(images/nav-portfolio.gif) 100% 0px; width:78px; margin: 0px; margin-left:3px; height:11px; }
ul#nav li.portfolio a:hover { background:url(images/nav-portfolio.gif) 100% -11px; background-repeat:no-repeat; margin-left:3px;}
ul#nav li#current.portfolio a { background:url(images/nav-portfolio.gif) 100% -11px;background-repeat:no-repeat; margin-left:3px; }

ul#nav li.mail a { background:url(images/nav-motus-mail.gif) 100% 0px; width:82px; margin: 0px; margin-left:5px; height:11px; }
ul#nav li.mail a:hover { background:url(images/nav-motus-mail.gif) 100% -11px;background-repeat:no-repeat; }
ul#nav li#current.mail a { background:url(images/nav-motus-mail.gif) 100% -11px;background-repeat:no-repeat; }


ul#nav li.inspiration a { background:url(images/nav-inspiration.gif) 100% 0px; width:82px; margin: 0px; margin-left:5px; margin-right:2px; height:11px;}
ul#nav li.inspiration a:hover { background:url(images/nav-inspiration.gif) 100% -11px; background-repeat:no-repeat; margin-left:5px; margin-right:2px;}
ul#nav li#current.inspiration a { background:url(images/nav-inspiration.gif) 100% -11px; background-repeat:no-repeat;}

ul#nav li.contact { background:none; }
ul#nav li.contact a { background:url(images/nav-contact.gif) 100% 0px; width:64px; margin: 0px;margin-left:5px; height:11px; }
ul#nav li.contact a:hover { background:url(images/nav-contact.gif) 100% -11px no-repeat;margin-left:5px;  }
ul#nav li#current.contact a { background:url(images/nav-contact.gif) 100% -11px; background-repeat:no-repeat;}

ul#nav li a strong { display: none; }
ul#nav li a.current { background-position:100% 0; }

#list2 {
	border: 1px solid #eee;
}

@media print {
	.basic div, #navigation ul, #list2 dd, #list3 div{
		display: block!important;
		height: auto!important
	}
}

dl#list2 {
	width:420px;
	margin:15px auto 15px auto;
	height:490px;
}

dt {
	background-color:#d2c2df;
	height:23px;
	border-bottom:1px dotted #FFFFFF;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:14px;
	padding-left:10px;
	padding-top:7px;
	background-image:url(images/services-arrow.gif);
	background-repeat:no-repeat;
	background-position:395px 10px;
	cursor:pointer;
}

dt.active {
	background-color:#ebe3f1;
	background-image:url(images/services-arrow-down.gif);
	background-repeat:no-repeat;
	background-position:395px 10px;
	color:#808285;
}

dd {
	background-color:#f8f6fa;
	margin:0px;
	font-size:11px;
	color:#848589;
	padding-left:10px;
	padding-right:10px;

	height:367px;
}

dd ul {
	float:left;
	margin:0px;
	width:170px;
	padding-left:0px;
}

ul#sub {
	margin:0px;
	margin-top:4px;
	padding:0px;
	list-style:none;
	float:none;
}

ul#sub li {
	list-style:none;

}

ul#sub li:before {

}

dd p {
	padding-left:10px;
	padding-top:10px;
	margin-bottom:0px;
}

dd ul h3 {
	margin-bottom:8px;
	font-size:13px;
}

dd ul li {
	margin:0px;
	padding:0px;
	list-style:disc;
	margin-left:12px;
}


dd h3 {
	font-size:12px;
	text-transform:uppercase;
	margin:0px;
	padding:0px;
	color:#848589;
}

p.sIntro {
	width:420px;
	margin:0 auto 0 auto;
	padding-top:9px;
}

dt.selected {
	background-color:#ebe3f1;
}

.servicesContainer {
	width:483px;
	height:626px;
	background-image:url(images/services-bg.gif);
	background-repeat:no-repeat;
	padding-top:15px;
}

.servicesInner {
	margin:0 auto 0 auto;
	width:450px;
	height:592px;
	border:1px solid #d1d2d4;
	background-color:#FFFFFF;	
}

.servicesHeader {
	background-color:#c3acd3;
	height:23px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:14px;
	padding-left:15px;
	padding-top:7px;
}

/*New portfolio page */
#portfoliocontent {
	width:942px;
	float:left;
	height: auto;
}

#portfolio {
background: #e6e7e8;
width: 100%;
float: left;
height: 440px;
margin-bottom:8px;
}
#portfolio #portfoliobox {
margin: 26px 22px 30px 26px; 
width:890px;
min-height: 388px;
} 


#portfolio #portfoliobox .search {
float:left;
width:172px;
height: 400px;

}
#portfolio #portfoliobox .portfoliolibrary {
border: 0px red solid;
width:706px;
height: 380px;
float: left;
margin-left:10px;
background: #fff;
margin-top:2px;
}

#portfolio #portfoliobox .portfoliolibrary img{
height: 378px;
width: auto;
}

.viewprojects {
text-transform: uppercase;
float: left;
color: #818285;
font-weight: bold;
margin-left:50px;
margin-bottom: -8px;
margin-top: 4px;
}

#recentworkjcar {
width:100%;
float:left;
height:170px;
margin-top:2px;
}
ul#slide {
list-style: none;
}

.search ul {
list-style:none;
list-style-position: inside;
float:left;
margin-left: -40px;
}

.search .searchtop
{
height: 126px;
background: url(images/searchbg.jpg) no-repeat 0 0;
}

.search .searchtop input[type="text"] 
{
margin-left: 14px;
margin-top: 16px;
border: none 0;
font-size: 11px;
color: #969696;
}

.search ul.searchbox {

}

.search div.searchtags {
background: #fff;
height: 232px;
padding:12px;
line-height: 16px;
text-transform: lowercase;
}

.search div.searchtags li {
list-style: none; 
float: left;
margin-right: 4px;
line-height: 17px;

}

.search div.searchtags li.color a
{
color:#e8bef1;
font-size: 15px;
}

.search div.searchtags a, a:link, a:visited {
text-decoration: none;
font-weight: bold;
color: #818284;
}

.search div.searchtags a:hover {
text-decoration: none;
border-bottom: 1px dotted;
}

/*Jcarousel style */
.jcarousel-container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: /*#F0F6F9*/#fff;
}

.jcarousel-container .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-container .jcarousel-container-horizontal {
    width: 960px;
    padding: 20px 40px;
}

.jcarousel-container .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-container .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-container .jcarousel-clip-horizontal {
    width:  860px;
    height: 139px;
    margin-left: 44px;
    margin-top: 12px;
}

.jcarousel-container .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

/*important each image box size */
.jcarousel-container .jcarousel-item {
    width: 190px;
    height: 139px;
    margin-right:12px;
    border: 0px solid red; 
}
.jcarousel-container .jcarousel-item img{
    width: 190px;
    height: 139px;
  
}

.jcarousel-container .jcarousel-item-horizontal {
	  margin-left: 0;
    margin-right: 10px;
}

.jcarousel-container .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-container .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-container .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-container .jcarousel-next-horizontal{
    position: absolute;
    top: 0px;
    right: 5px;
    width: 32px;
    height: 139px;
    cursor: pointer;
    background: url(images/rightarrow.png) no-repeat 0 0;
    border: 0px solid red;
    color: #000;
}

.jcarousel-container .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-container .jcarousel-next-horizontal:hover,
.jcarousel-container .jcarousel-next-horizontal:focus {
    background-position: 0 0;
}

.jcarousel-container .jcarousel-next-horizontal:active {
    background-position: 0 0;
}

.jcarousel-container .jcarousel-next-disabled-horizontal,
.jcarousel-container .jcarousel-next-disabled-horizontal:hover,
.jcarousel-container .jcarousel-next-disabled-horizontal:focus,
.jcarousel-container .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;
}

.jcarousel-container .jcarousel-prev-horizontal, .jcarousel-prev {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 32px;
    height: 139px;
    cursor: pointer;
    background: url(images/leftarrow.png) no-repeat 0 0;
    border: 0px black solid;
      color: #000;
}

.jcarousel-container .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(images/leftarrow.png);
}

.jcarousel-container .jcarousel-prev-horizontal:hover, 
.jcarousel-container .jcarousel-prev-horizontal:focus {
    background-position: 0 0;
}

.jcarousel-container .jcarousel-prev-horizontal:active {
    background-position: 0 0;
}

.jcarousel-container .jcarousel-prev-disabled-horizontal,
.jcarousel-container .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-container .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-container .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;
}



/********************Portfolio slides starts here******************/
/*
	Slideshow
*/

#slides {

	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:600px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:600px;
	height:376px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin-top:12px;
  margin-left:-40px;
	width:100px;
	float:left;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}