/*
Theme Name: Motivo Solutions v3 Contempo
*/
body{background:#c7c7c7;width:900px;font-family:"Lucida Grande", sans-serif;font-size:11.5px;line-height:18px;color:#2a2a2a;font-weight:400;margin:0 auto;padding:0}
a,a:visited{color:#0067A2;text-decoration:none}
a:hover{color:#7CA513;text-decoration:none}
a img{border:none}
a:focus,a:hover,a:active{outline:none}
#wrap{width:900px;background:#DCDCDC url(http://cdn.motivosolutions.com/images/wrap.png) repeat-x;margin:0 auto;padding:0}
#header{width:900px;height:121px}
#header-left{width:304px;float:left}
#header-right{width:596px;float:right}
#logo{padding-left:42px;padding-top:42px}
#header-left h1 a{background:url(http://cdn.motivosolutions.com/images/spriteme1.png) no-repeat;width:262px;height:46px;text-indent:-9999px;overflow:hidden;outline:none;display:block;background-position:-10px -10px}
#menu{padding-top:19px;padding-left:75px}
#menu-main{background:url(http://cdn.motivosolutions.com/images/spriteme1.png) no-repeat scroll right center transparent;background-position:-10px -76px;bottom:0;height:76px;right:-1px;width:572px}
#featured{height:358px;width:900px;padding-bottom:26px}
#home h1{border-bottom:1px solid #ccc}
#home-one{padding-left:35px;padding-right:19px;width:264px;float:left}
#home-two{padding-right:19px;width:264px;float:left}
#home-three{padding-right:35px;width:264px;float:left}
#footer{background:url(http://cdn.motivosolutions.com/images/spriteme1.png) no-repeat scroll center transparent;background-position:-10px -273px;height:79px;position:relative;overflow:hidden;right:0;left:-50px;width:1000px}
#footer2{background:url(http://cdn.motivosolutions.com/images/spriteme1.png) no-repeat scroll center transparent;background-position:-10px -273px;height:79px;position:relative;overflow:hidden;right:0;left:-50px;width:1000px;top:-107px}
#footer-left{width:270px;float:left;padding-top:37px;padding-left:90px;font-family:Arial;font-size:11px;color:#FFF}
#footer-right{width:190px;float:right;padding-top:24px}
#facebook h1 a{background:url(http://cdn.motivosolutions.com/images/spriteme1.png) no-repeat;background-position:-10px -372px;width:16px;height:16px;padding-right:10px;text-indent:-9999px;overflow:hidden;outline:none;display:block;float:left}
#email h1 a{background:url(http://cdn.motivosolutions.com/images/spriteme1.png) no-repeat;background-position:-10px -408px;width:16px;height:16px;padding-right:10px;text-indent:-9999px;overflow:hidden;outline:none;display:block;float:left}
#twitter h1 a{background:url(http://cdn.motivosolutions.com/images/spriteme1.png) no-repeat;background-position:-10px -444px;width:16px;height:16px;padding-right:10px;text-indent:-9999px;overflow:hidden;outline:none;display:block;float:left}
#flickr h1 a{background:url(http://cdn.motivosolutions.com/images/spriteme1.png) no-repeat;background-position:-10px -480px;width:16px;height:16px;text-indent:-9999px;overflow:hidden;outline:none;display:block;float:left}
#bhelper{height:20px}
#content{width:529px;float:left;padding-left:50px;padding-top:35px;padding-right:71px}
#sidebar{width:250px;float:left;padding-top:17px}
#sidebar-title{background:url(http://cdn.motivosolutions.com/images/spriteme1.png) no-repeat scroll right center transparent;background-position:-10px -172px;bottom:0;height:81px;position:relative;right:-1px;width:300px}
#sidebar h1{padding-left:40px;padding-top:36px;color:#FFF}
#sidebar-text{width:195px;padding-left:30px}
#portfolio-main{padding-top:10px;padding-left:40px}
#portfolio-block{float:left;width:402px}
#portfolio-image{padding-top:12px;float:left;width:485px}
#portfolio-title{background:url(http://cdn.motivosolutions.com/images/portfoliotitle.png) no-repeat scroll right center transparent;bottom:0;height:76px;position:relative;left:-49px;width:451px;float:left}
#portfolio-title h1{padding-left:70px;padding-top:35px;color:#FFF;font-size:24px}
#portfolio-content{padding-left:35px;padding-top:80px;width:306px}
#pimage{float:left;padding-left:32px;padding-top:30px}
#navmenu{padding-top:35px;padding-left:30px;font-family:"Lucida Grande", "Trebuchet MS", Arial, sans-serif;font-size:14px}
#navmenu ul{list-style-type:none;list-style-image:none;margin:0;padding:0}
#navmenu li{display:inline;padding:0}
#navmenu a{text-decoration:none;color:#FFF}
#navmenu a:hover{color:#FFF}
#navmenu ul li a{text-decoration:none;color:#FFF;background:transparent;margin:0;padding:15px}
#navmenu ul li a:hover{color:#FFF;background:#bebcb6}
h1,h2,h3,h4,#sidebar p{margin-top:0}

/* Coda Slider
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 600px; overflow: hidden}
.csw .loading {margin: 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	clear: both;
	width: 900px;
	height: 600px;
	margin: 0px auto;
	padding-top: 4px;
	
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 600px;
	position: relative;
	width: 900px; /* Also specified in  .stripViewer  above */
}

.stripNavL, .stripNavR {
	position: relative;
	top: -360px;
	z-index: 200;
}

.stripNavL { float: left; left: -75px; }

.stripNavR { float: right; right: -75px; }

#mid {
	width: 100%;
	margin-top: 10px;
}

#mid.index {
	background: transparent url(images/indexbg.png) no-repeat 50% 0;
}

#mid.archive {
	background: none;
}

.panel, .panel-single {
	font-family: Georgia;
	color: #efefef;
	position: relative; 
	display: block; 
	width: 900px;
	height: 600px;
}

.panel-single {
	height: 300px;
	margin: 0px auto;
	padding-top: 10px;
}

.wrapper-archive {
	width: 270px;
	height: 240px;
	padding: 10px;
	margin: 0 10px 10px 10px;
	background: transparent url(images/archivebg.png) no-repeat 0 0;
	display: block;
	position: relative;
	float: left;
}

.wrapper-archive .post-title {
	max-width: 220px;
	font-size: 1.4em;
}

.post-title, .post-title-single {
	max-width: 870px;
	padding: 15px;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 100;
	background: transparent url(images/titlebg.png) repeat 0 0;
	font-size: 4em;
	font-weight: normal;
        line-height:18px

}

.post-title a, .post-title-single a, .entry a {
	color: #efefef;
	text-decoration: none;
}

.post-title-single {
	top: 30px;
}

.entry {
	max-width: 440px;
	padding: 15px;
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 100;
	background: transparent url(images/titlebg.png) repeat 0 0;
	font-size: 1.2em;
	line-height: 1.5em;
}

.entry ul {
	margin: 5px 0 10px 0;
}

.entry li {
	padding: 5px 0 7px 0;
	border-bottom: 1px solid #3b3b3b;
	list-style: none;
}

.entry a:hover {
	color: #c6c6c6;
}

.entry .big {
	font-size: 2em;
}

.entry .rss-big {
	padding-right: 24px;
	background: transparent url(images/rss.png) no-repeat 100% 60%;
}

img.centered  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0;
	}
	
img.alignnone {
	padding: 0;
	margin: 0 0 10px 0;
	display: inline;
	}
	
img.alignleft {
	padding: 0;
	margin: 0 10px 0px 0;
	display: inline;
	}

img.alignright {
	padding: 0;
	margin: 0 0 10px 10px;
	display: inline;
	}
	
.aligncenter {
	display: block;
	margin: 0 auto 10px;
	}
	
.alignleft {
	float: left;
	margin: 0 10px 0 0;
	}

.alignright {
	float: right;
	margin: 0 0 0 10px;
	}