/*
Theme Name: oomagoo
*/

html, body {
	font-family: arial;
	font-size: 14px;
	border: 0;
	color: #B5B7BA;
	line-height: 140%;
}

body, img, p, h1, h2, h3, h4, h5, ul, ol, li, form, blockquote {
	margin: 0;
	padding: 0;
}

body {
	background: rgb(34,34,34) url(img/bg_body.jpg) no-repeat left top;
	padding-bottom: 20px;
}

p {
	padding: 10px 0;
	line-height: 22px;
}

h1, h2, h3, h4, h5 {
	padding: 10px 0;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

ul, ol {
	list-style: none;
	padding: 10px 0;
}

small {
	font-size: 11px;
	display: block;
}

code {
	background: #FFFFC1;
}

.hidden {
	display: none;
}

a {
	color: #E7E7E7;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration: underline;
}

a img {
	border: none;
}

blockquote {
	font-size: 12px;
	width: 80%;
	padding: 0 10px;
	margin: 0 auto 10px auto;
	color: #717171;
	line-height: 17px;
	font-style: italic;
}

/* Align */

.aligncenter {
	margin: 10px auto 20px auto;
	display: block;
}

.alignleft {
	margin: 10px 10px 8px 0;
	float: left;
}

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

.col-left {
	float: left;
}

.col-right {
	float: right;
}

h1 {
	font-size: 48px;
	font-weight: bold;
}

h2 {
	font-size: 28px;
color: #ffffff;
}

h3 {
	font-size: 22px;
}

h4 {
	font-size: 20px;
}

#wrap {
	width: 930px;
	margin: 0 auto;
}

/* Top */

#top {
	width: 895px;
	height: 103px;
	padding-top: 20px;
	padding-right: 45px;
}

/* Top (navigation) */

#top ul {
	width: 600px;
	overflow: hidden;
	padding-top: 33px;
	margin-left: -17px;
}

#top li {
	display: inline;
	font-size: 22px;
	background: url(img/bg_menu_slash.png) no-repeat left 4px;
	padding-left: 17px;
	padding-right: 3px;
}

* html #top li {
	background: url(img/bg_menu_slash_ie.gif) no-repeat left 4px;
}

#top li a {
	color: #B5B7BA;
}

#top li.first {
	background: none;
	padding: 0;
}

#top li.current_page_item a, #top li.current_page_ancestor a {
	font-style: italic;
	color: #fff;
}

#top a:hover {
	text-decoration: none;
	color: #fff;
}

#top .col-left {
	width: 600px;
	overflow: hidden;
}



#top .col-right { margin:25px 0 0 0;}
#top .col-right a {display:block; width:248px; height:59px; background: transparent url(img/oomagoo_logo.gif) no-repeat;}
#top .col-right a span {display:inline-block; text-indent:-9999em;}




.page {
	padding-bottom: 30px;
}

.subpage .content h2 {
	color: #B5B7BA;
}

.subpage .content h3 {
	font-size: 26px;
}

.whatwedo h2 {
	color: #919294;
	font-style: italic;
}

.home .content {
	padding-right: 0 !important;
}

.page .content {
	padding-right: 0;
}

.page .content img.page-photo {
	position: absolute;
	right: 0;
	top: 0;
}

.whatwedo .content {
	padding-right: 300px;
	background-repeat: no-repeat;
	background-position: right top;
}

.whatwedo .content h2 {
	font-size: 26px;
	padding-bottom: 25px;
}

/* Page Menu */

#page-menu {
	width: 930px;
	background: url(img/bg_page_menu.gif) no-repeat 0 bottom;
	padding: 0 0 4px 0;
	position: relative;
	z-index: 10;
}

#page-menu ul {
	padding: 0 0 20px 0;
	border: #454646 1px solid;
	border-bottom: 0;
	background: url(img/bg_page_menu_ul.gif);
	min-height: 135px;
	position: relative;
}

* html #page-menu ul {
	height: 135px;
}

#page-menu li {
	width: 214px;
	padding: 10px 0 0px 18px;
	float: left;
	font-size: 20px;
	line-height: 23px;
	position: relative;
}

#page-menu li a:hover {
	text-decoration: none;
	color: #B5B7BA;
}

#page-menu li.current_page_parent, #page-menu li.current_page_item {
	border-top: #FF7F2F 4px solid;
	padding-top: 7px;
	margin-top: -1px;
}

#page-menu li li.current_page_item {
	border-top: 0;
	padding-top: 3px;
	margin-top: 0;
}

#page-menu li li.current_page_item a {
	background: #B5B7BA;
	font-weight: bolder;
	color: #1C1C1C;
	padding: 2px;
}

#page-menu li li.current_page_item a:hover {
	color: #1C1C1C;
	text-decoration: none;
}

#page-menu ul ul {
	border: 0;
	padding: 0;
	min-height: 0;
	position: absolute;
	top: 34px;
	left: 18px;
	height: 97px;
	overflow: hidden;
}

#page-menu ul ul ul {
	display: none;
}

#page-menu ul li.current_page_item ul {
	top: 65px !important;
}

#page-menu li li {
	float: none;
	line-height: 16px;
	padding: 3px 0;
	font-size: 12px;
	height: auto;
}

#page-menu li li a:hover {
	color: #FF7F2F;
}

.cap {
	width: 915px;
	text-align: right;
	padding: 6px 15px 0 0;
	margin-bottom: 10px;
	border-top: #454646 1px solid;
	position: relative;
	z-index: 1;
	margin-top: -1px;
}

a#displayText {
	font-size: 11px;
	outline: none;
	text-decoration: none;
}

.cap a:hover {
	text-decoration: none;
}

/* Middle */

#middle {
	width: 930px;
}

#middle .content {
	position: relative;
}

/* Portfolio */

.portfolio {
	border-top: #3D3D3D 1px solid;
	padding-top: 10px;
	padding-bottom: 25px;
}

.portfolio .content h2 {
	color: #E7E7E7;
	border-bottom: 0 !important;
	padding-bottom: 15px;
	margin-bottom: 0;
}

.portfolio .content p.visit {
	font-size: 12px;
}

.portfolio .content .col-left div {
	float: left;
	margin-right: 15px;
}

.portfolio .content h3 {
	font-size: 22px;
	font-weight: normal;
	font-style: normal;
	border-bottom: #393737 1px solid;
	margin-bottom: 5px;
}

.portfolio .content p {
	font-size: 12px;
	line-height: 16px;
	color: #bbbbbb;
	padding: 7px 0 10px 0;
}

.portfolio .content .container {
	width: 100%;
}

.portfolio .content .container .col-left {
	width: 475px;
}

.portfolio .content .container .col-right {
	width: 410px;
	display: inline;
	margin-right: 15px;
	padding-top: 60px;
}

.portfolio .content .container .col-right img {
	display: block;
	margin-left: 18px;
	margin-bottom: 18px;
	float: left;
	display: inline;
}

.portfolio .content .container2 {
	width: 945px;
	margin-left: -15px;
	padding-top: 10px;
}

.portfolio .content .container2 .block {
	width: 221px;
	margin-left: 15px;
	padding-bottom: 18px;
	float: left;
	display: inline;
}

.portfolio .content .container2 .block h4 {
	font-size: 16px;
	font-style: italic;
	padding-bottom: 5px;
}

.portfolio .content .container2 .block h4 a {
	color: #fff;
}

.portfolio .content .container2 .block h4 a:hover {
	text-decoration: none;
	color: #B5B7BA;
}

.portfolio .content .container2 .block img {
	display: block;
}

/* Filter by */

.filter {
	border-bottom: #403F3F 1px solid;
	padding: 0px 2px 25px 2px;
	width: 926px;
}

.filter .col-left {
	width: 200px;
	padding-top: 10px;
}

.filter .col-right {
	width: 450px;
	height: 45px;
	position: relative;
}

.filter h4 {
	padding: 0 0 4px 0;
	font-size: 16px;
	color: #fff;
}

.filter .col-right select {
	width: 200px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.filter .f_sector {
	position: absolute;
	left: 0;
	top: 5px;
}

.filter .f_services {
	position: absolute;
	right: 5px;
	top: 5px;
}

.filter .submit {
	position: absolute;
	right: 0;
	top: 28px;
}

/* Blog */

.blog .content ul, .blog .content ol {
	font-size: 12px;
	padding-left: 50px;
}

.blog .content ul li, .blog .content ol li {
	line-height: 18px;
}

.blog .content ul li {
	list-style: circle;
}

.blog .content ol li {
	list-style: decimal;
}

.blog .content h2, .blog .content h3 {
	border-bottom: 0 !important;
	color: #E7E7E7 !important;
}

.blog #middle {
	border-top: #3E3E3E 1px solid;
	padding-top: 14px;
	padding-bottom: 15px;
}

single #middle, .archive #middle {
	border-top: #3E3E3E 1px solid;
	padding-top: 14px;
	padding-bottom: 15px;
}

.blog .content p {
	font-size: 12px;
	line-height: 16px;
}

.blog h2 {
	font-size: 24px;
	line-height: 26px;
	padding-bottom: 8px;
	padding-left: 60px;
}

.blog a {
	color: #E4E5E5;
}

.blog a:hover {
	color: #fff;
}

.blog h2 a:hover {
	text-decoration: none;
}

/* Blog (content) */

.blog .content {
	width: 580px;
	overflow: hidden;
	margin: 0 25px 0 0;
}

/* Blog (content > post) */

.blog .post {
	width: 580px;
	position: relative;
	background: url(img/bg_calendar.gif) no-repeat 0 8px;
	border-bottom: #494949 1px solid;
	margin-bottom: 20px;
}

.blog .post p {
	padding: 8px 0;
}

.blog .post p.date {
	padding: 0;
	position: relative;
	position: absolute;
	left: 0;
	top: 0;
}

.blog .post p.date span.day {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 18px;
	color: #272727;
	position: absolute;
	left: 8px;
	top: 23px;
	width: 30px;
	text-align: center;
}

.blog .post p.date span.month {
	font-family: Georgia;
	font-weight: bold;
	font-size: 10px;
	color: #FCFDFE;
	text-transform: uppercase;
	position: absolute;
	left: 5px;
	top: 41px;
	width: 35px;
	text-align: center;
}

.blog .post p.post_details {
	padding-left: 60px;
}

.blog .post p.post_details {
	color: #E4E5E5;
	padding-top:0;
	padding-bottom: 8px;
}

.blog .post p.readmore {
	padding-top: 10px;
	clear: both;
}

.me {
	padding-bottom: 30px;
	font-size: 13px;
	font-weight: bolder;
}

/* Blog (sidebar) */

.blog .sidebar {
	width: 300px;
	margin-left: 25px;
}
		
.blog .sidebar .block {
	width: 300px;
	background: url(http://www.oomagoo.com/wp-content/uploads/2010/10/bg_blog_block_top.gif) no-repeat 0 0;
	padding-top:5px;
	margin-bottom: 17px;
	position: relative;
	clear: both;
}
		
.blog .sidebar .block .inside {
	width: 250px;
	padding: 5px 25px 15px;
	background: url(http://www.oomagoo.com/wp-content/uploads/2010/10/bg_blog_block_bottom.gif) no-repeat 0 bottom;
	font-size: 12px;
}

.blog .sidebar .block h3 {
	font-size: 20px;
	color: #B5B7BA;
	padding-bottom: 13px;
}

.blog .sidebar .block ul {
	padding: 0;
}

.blog .sidebar .block li {
	line-height: 16px;
	padding: 2px 0;
	font-size: 11px;
	width: 100%;
	clear: left;
	float: left;
}

.blog .sidebar .block li a {
	font-weight: bold;
}

.sidebar .block li a {
	font-size: 12px;
}

.blog .sidebar .block li p {
	padding-top: 3px;
	display: block;
	line-height: 15px;
	width: 100%;
	font-size: 11px;
	padding-bottom: 0;
}

.blog .sidebar .block .sp1 {
	padding-bottom: 12px;
}

.blog .sidebar .block .sp1 li {
	padding-bottom: 15px;
}

.blog .sidebar .block img.lastfm {
	float: right;
	margin: 10px 0 10px 10px;
}

.blog .sidebar .block .rocking p {
	padding: 4px 0;
	font-size: 12px;
	line-height: 16px;
}

.blog .sidebar .block a.url {
	font-weight: normal !important;
	font-size: 11px;
	margin-bottom: 2px;
	display: block;
}

.blog #comments {
	padding-bottom: 20px;
	margin-top: -10px;
}

.blog .comment {
	width: 400px;
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-bottom: #494949 1px dotted;
}

.blog .comment p {
	padding: 5px 0;
	padding-right: 20px;
}

.blog #comments form {
	padding-top: 5px;
}

.blog #comments form input.field {
	width: 220px;
	height: 17px;
	padding: 5px;
	display: block;
	border: #3E3E3E 1px solid;
	background: #2C2C2C;
	color: #B5B7BA;
	margin: 0 0 4px 0;
}

.blog #comments form input.submit {
	margin: 4px 0 0 0;
}

.blog #comments form textarea {
	width: 320px;
	height: 100px;
	padding: 5px;
	display: block;
	border: #3E3E3E 1px solid;
	background: #2C2C2C;
	color: #B5B7BA;
	margin: 0 0 2px 0;
}

/* Contact */

.contact {
	border-top: #3E3E3E 1px solid;
	padding-top: 14px;
	padding-bottom: 70px;
}

.contact p {
	line-height: 18px;
	padding: 5px 0 0 0;
}

.contact h3 {
	font-size: 20px;
	font-weight: normal;
}

.contact h2 {
	font-size: 28px;
	font-weight: normal;
	color: #E8E8E8;
	font-style: normal;
}

.contact .content {
	width: 930px;
}

.contact .container {
	padding-top: 20px;
	width: 100%;
}

.contact .container1 {
	width: 450px;
}

.contact .container1 .wrap {
	width: 100%;
	margin-bottom: 5px;
}

.contact form {
	padding-top: 5px;
}

.contact form label {
	width: 100px;
	line-height: 26px;
	font-size: 12px;
}

.contact form .wrap input {
	width: 340px;
	background: #363637;
	padding: 5px;
	margin: 0;
	border: 0;
	height: 16px;
	font-family: georgia;
	font-size: 14px;
	color: #fff;
	float: right;
}

.contact form textarea {
	width: 340px;
	height: 201px;
	background: #363637;
	padding: 5px;
	margin: 0;
	border: 0;
	font-family: georgia;
	font-size: 14px;
	color: #fff;
}

.contact .form textarea p {
	padding: 0;
	margin: 0;
}

.wpcf7-mail-sent-ng, wpcf7-validation-errors, .wpcf7-not-valid-tip {
	background: #313131 !important;
	padding: 5px !important;
	border: #FB0000 1px solid !important;
	font-size:11px;
	left:160px;
	position:absolute;
	top:387px;
	width:273px;
}

div.wpcf7-mail-sent-ok {
	background: #313131 !important;
	padding: 5px !important;
	border: #32CD32 1px solid !important;
	font-size:11px;
	left:160px;
	position:absolute;
	top:387px;
	width:273px;
}

.contact form input.sfield {
	margin-left: 100px;
	border:none;
	width:49px;
	height:24px;
	background-image:url(img/img_contact_send.gif);
	background-repeat:no-repeat;
	padding: 0 0 2px 0;
	display: block;
}

.contact .container2 {
	width: 450px;
}

.contact .container2 h3 {
	display: block;
	margin-bottom: 5px;
}

/* What We Do */

.wwd {
	width: 944px;
	padding-top: 30px;
	overflow: hidden;
	margin-left: -14px;
	margin-bottom: 15px;
}

.wwd h4 {
	padding-bottom: 0;
	color: #E7E7E7;
}

.wwd p {
	font-size: 12px;
	line-height: 16px;
	color: #B5B7BA;
}

.wwd .block {
	width: 220px;
	height: 226px;
	padding: 1px;
	background: url(img/bg_wwd_block.gif);
	margin-left: 14px;
	float: left;
	display: inline;
}

.wwd .block .inside {
	width: 193px;
	height: 226px;
	padding: 0 15px 0 12px;
	background-repeat: no-repeat;
	background-position: right bottom;
}

.wwd a:hover {
	text-decoration: none;
}


.home .content img.home-photo {
	display: block;
	margin-bottom: 18px;
}

.home .content h2, .home .content h3 {
	border-bottom: #484848 1px solid;
	color: #E7E7E7;
}

.home .content h3 {
	padding-top: 18px;
	padding-bottom: 9px;
}



.home .content .col-right a {
	color: #B5B7BA;
}

.home .content .col-left {
	width: 691px;
	position: relative;
}

.home .content .col-left p {
	padding-right: 20px;
}

.home .content .col-right {
	width: 221px;

	position: relative;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
 
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
   width: 178px;
    height: 286px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
 
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 200px;
    height: 287px;
    padding: 5px 0 0 0;
	 margin-top: 2px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  177px;
    height: 286px;
}

.jcarousel-skin-tango .jcarousel-item {
    width:  177px;
    height: 138px;
	 overflow: hidden;
}

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

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

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: transparent url(img/next-vertical.gif) no-repeat 0 0;
	 display: block;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -16px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -16px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -16px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 3px;
    right: 0;
    width: 16px;
    height: 16px;
	 display: block;
    cursor: pointer;
    background: transparent url(img/prev-vertical.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -16px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -16px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -16px;
}

/* Above Footer */

#above-footer {
	width: 930px;
	background: url(img/bg_above_footer_top.gif) no-repeat 0 0;
}

#above-footer .inside {
	width: 100%;
	font-size: 12px;
	color: #A5A5A5;
	background: url(img/bg_above_footer_spacer.gif) no-repeat 463px 0;
}

#above-footer .container {
	width: 910px;
	padding: 8px 10px 15px 10px;
	background: url(img/bg_above_footer_bottom.gif) no-repeat left bottom;
}

#above-footer p {
	line-height: 17px;
	padding: 7px 0;
}

#above-footer h3 {
	color: #E7E7E7;
	font-size: 20px;
}

/* Above Footer (news and blog) */

#above-footer .news-blog {
	width: 428px;
}

#above-footer .news-blog h3 {
	padding-bottom: 8px;
}

#above-footer .news-blog p.vob {
	padding: 10px 0;
}

#above-footer .news-blog p {
	padding: 0;
}

#above-footer .news-blog .wrap {
	padding: 10px 0 5px 0;
}

/* Above Footer (tweet) */

#above-footer .tweet {
	width: 188px;
	padding-right: 20px;
	margin-left: 43px;
	margin-right: 30px;
	background: url(img/bg_bird.gif) no-repeat 145px 1px;
}

#above-footer .tweet img {
	margin-top: 10px;
}

/* Above Footer (stay in touch) */

#above-footer .touch {
	width: 195px;
}

#above-footer .touch form {
	width: 100%;
	margin-top: 5px;
}

#above-footer .touch .field {
	width: 158px;
	background: #000;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 6px 8px;
	margin-bottom: 6px;
	color: #B5B7BA;
	float: left;
	clear: left;
}

#above-footer .touch .submit {
	margin-top: 6px;
}

/* Footer */

#footer {
	width: 930px;
	font-size: 11px;
	padding: 10px 0;
	border-top: #494949 1px solid;
	border-bottom: #494949 1px solid;
	margin-top: 48px;
}

#footer a {
	color: #B5B7BA;
}

#footer a:hover {
	color: #fff;
	text-decoration: underline;
}

/* Footer (left col) */

#footer .col-left {
	width: 450px;
}

#footer ul {
	padding: 10px 0;
}

#footer li {
	display: inline;
	margin-right: 10px;
}

/* Footer (right col) */

#footer .col-right {
	width: 450px;
	text-align: right;
}

/* SubPage */

.page-child h2 {
	border-bottom: #454646 1px solid;
	padding-bottom: 17px;
	margin-bottom: 15px;
}

.subpage {
	padding-bottom: 20px;
}

.subpage .content {
	padding-right: 0;
	background: none;
}

.subpage .content h2 {
	border-bottom: #454646 1px solid;
	padding-bottom: 17px;
	margin-bottom: 15px;
}

.subpage .content h3 {
	font-size: 26px;
	font-weight: normal;
	font-style: italic;
}
/* SubPage (inside) */

.subpage h4 {
	font-size: 20px;
	font-weight: normal;
}

.subpage .block1 {
	width: 930px;
}

.subpage .block1 .col-left {
	width: 691px;
}

.subpage .block1 .col-right {
	width: 222px;
}

.subpage .block1 .col-right .container {
	width: 207px;
	height: 310px;
	padding-top: 10px;
	padding-left: 15px;
	background: url(img/bg_recent_entries.gif);
	overflow: hidden;
}

.subpage .block1 .col-right .container img {
	display: block;
}

.subpage .block1 .col-right .container p {
	font-size: 11px;
	line-height: 14px;
	padding: 7px 0 0 0;
}

.subpage .block1 .col-right a:hover {
	text-decoration: none;
	color: #FF7F2F;
}

.subpage .block2 {
	width: 711px;
	padding-bottom: 20px;
	clear: both;
	padding-top: 25px;
	margin-left: -13px;
}

.subpage .block2 .col-left {
	width: 459px;
}

.subpage .block2 .col-right {
	width: 221px;
}

.subpage .block2 h3 {
	font-size: 22px;
	font-weight: normal;
	font-style: normal;
	border-bottom: #393737 1px solid;
	margin-bottom: 5px;
}

.subpage .block2 h4 {
	font-size: 22px;
	color: #E4E5E5;
	font-style: italic;
	padding-right: 25px;
}

.subpage .block2 p {
	font-size: 12px;
	line-height: 16px;
}

.subpage .block2 .col-right ul {
	padding: 5px 0;
}

.subpage .block2 .col-right li {
	font-size: 12px;
	padding: 4px 0;
}

.subpage .block2 .col-left p {
	padding-right: 25px;
}

.sub h2 {
	font-size: 28px;
	color: #B5B7BA;
	font-style: normal;
}

.sub h4 {
	padding-bottom: 15px;
}

.sub h3 {
	padding-bottom: 6px;
}

.sub .block2 ul {
	padding: 5px 0;
}

.sub .block2 li {
	font-size: 12px;
	padding: 4px 0;
}

.sub .block2 div {
	float: left;
	margin-left: 15px;
	display: inline;
	position: relative;
}

.sub .block2 div h4, .sub .block2 div p {
	padding-right: 20px;
}

#a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: block;
}

.content .showcase {position: relative; overflow: hidden; width: 927px; height: 412px; margin: 0 0 10px 0;}
.content .slideshow {position: relative; z-index: 1; width: 927px; height: 412px; margin:0; padding: 0; list-style: none;}
.content .slideshow li {position: absolute; left: 0; top: 0; width: 927px; height: 412px; margin:0; padding: 0;}
.content .slideshow li img {position: absolute; left: 0; top: 0; z-index: 1;}
.content .slideshow li a {display: block; overflow: hidden; width: 930px; height: 410px; }

.subpage .showcase-inside {
	width: 691px;
	height: 319px;
	overflow: hidden;
	position: relative;
}

.subpage .showcase {position: relative; overflow: hidden; width: 691px; height: 319px; margin: 0;}
.subpage .slideshow {position: relative; z-index: 1; width: 691px; height: 319px; margin:0; padding: 0; list-style: none;}
.subpage .slideshow li {position: absolute; left: 0; top: 0; width: 691px; height: 319px; margin:0; padding: 0;}
.subpage .slideshow li img {position: absolute; left: 0; top: 0; z-index: 1;}

.subpage .slideshow-controls {display:none; position: absolute; z-index: 5; top: 43px; right: 0px; margin: 0; padding: 0; list-style: none;}

.subpage .slideshow-controls a, .subpage .slideshow-controls a:visited {margin-bottom:1px;display: block; width: 27px; height: 27px; background: #3D3D3D; color: #fff; font-weight: bold; font-size: 14px; line-height: 27px; text-align: center;outline: 0;}
.subpage .slideshow-controls a:hover {text-decoration: none;background: #000;}
.subpage .slideshow-controls a.selected, .subpage .slideshow-controls a.selected:visited {background: #FF7727;}


.portfolio .showcase-inside {
	width: 927px;
	height: 412px;
	overflow: hidden;
	position: relative;
}

.portfolio .showcase {position: relative; overflow: hidden; width: 927px; height: 412px; margin: 0;}
.portfolio .slideshow {position: relative; z-index: 1; width: 927px; height: 412px; margin:0; padding: 0; list-style: none;}
.portfolio .slideshow li {position: absolute; left: 0; top: 0; width: 927px; height: 412px; margin:0; padding: 0;}
.portfolio .slideshow li img {position: absolute; left: 0; top: 0; z-index: 1;}

.portfolio .slideshow-controls {position: absolute; z-index: 5; top: 43px; right: 0px; margin: 0; padding: 0; list-style: none;}

.portfolio .slideshow-controls a, .portfolio .slideshow-controls a:visited {margin-bottom:1px;display: block; width: 27px; height: 27px; background: #3D3D3D; color: #fff; font-weight: bold; font-size: 14px; line-height: 27px; text-align: center;outline: 0;}
.portfolio .slideshow-controls a:hover {text-decoration: none;background: #000;}
.portfolio .slideshow-controls a.selected, .portfolio .slideshow-controls a.selected:visited {background: #FF7727;}

/* Related Posts */

.sub .block2 div#related-posts {
	float: none;
	margin-right: 0;
}

#related-posts {
	margin-left: 0;
}

/* Fix */

.wrap:after {
    content: "."; 
    display: block;
	 height: 0;
    clear: both; 
    visibility: hidden;
}



/************ New Styles ************/
.col-wide { padding: 30px 0 0; }

.work-new-left { float: left; width: 300px; }
.work-new-center { float: left; margin: 0 10px 0 15px; width: 300px; }
.work-new-right { float: right; width: 300px; }
.work-new-quote { clear: both; }

.work-new-left h3, .work-new-center h3, .work-new-right h3, .work-new-quote h3 { height: 47px; line-height: 47px; }

.work-new-left h3 { background: url(img/icon-brief.gif) 0px 0px no-repeat; padding: 0 0 0 55px; }
.work-new-center h3 { background: url(img/icon-challenge.gif) 0px 0px no-repeat; padding: 0 0 0 65px; }
.work-new-right h3 { background: url(img/icon-whatdid.gif) 0px 0px no-repeat; padding: 0 0 0 70px; }
.work-new-quote h3 { background: url(img/icon-thoughts.gif) 0px 0px no-repeat; padding: 0 0 0 60px; }

.work-new-right li { font-size: 12px; border-bottom: 1px solid #393737; list-style: inside; list-style-type: disc; margin: 0 0 3px; padding: 0 0 3px; }
.work-new-right li.last { border: none; }
.clickMeDiv:hover{ cursor: pointer; }

/*  website pages template */

.clear {
	clear: both;
}
.contentLeft {
	float: left;
	width: 690px;
	margin-right: 20px;
}
.contentRight {
	float: left;
	width: 215px;
}
.contentRight ul.services li {
	padding-left: 36px;
	margin-bottom: 20px;
	line-height: 24px;
	font-size: 12px;
}
.contentRight ul li.design {
	background: url("img/services-icons.png") no-repeat left top;
}
.contentRight ul li.branding {
	background: url("img/services-icons.png") no-repeat left -48px;
}
.contentRight ul li.seo {
	background: url("img/services-icons.png") no-repeat left -98px;
}
.contentRight ul li.howPLM {
	background: url("img/services-icons.png") no-repeat left -142px;
}
.contentLeft h2, .contentRight h2, .contentFull h2 {
	border-bottom: 1px solid #484848;
	padding-bottom: 10px;
}
.contentLeft ul.whyOO li {
	padding-left: 20px;
	line-height: 24px;
	font-weight: bold;
	background: url("img/list-icon.png") no-repeat left 7px;
}
.contentFull .testimonial {
	float: left;
	width: 290px;
	padding: 10px;
}
.contentFull .testimonial p{
	line-height: 17px;
	font-size: 12px;
}
.contentFull .testimonial p.author{
	color: #fff;
	font-weight: bold;
}
.contentFull .testimonial p.author span{
	color: #f37f1f;
}
.logos {
	padding: 20px 0px;
	margin-bottom: 30px;
	border-top: 1px solid #484848;
	border-bottom: 1px solid #484848;
}
.getinPLM {
	margin-top: 18px;
}
.getinPLM p{
	margin: 2px 0px 1px 0px;
	padding: 0px;
}
.getinPLM input, .getinPLM textarea {
	width: 211px;
	padding: 4px 2px;
	background: #363637;
	border: 0px;
	color: #828282;
}
.getinPLM textarea {
	height: 100px;	
}
.getinPLM input[type="submit"] {
	width: auto;
	float: right;
	color: #fff;
	padding: 2px 10px;
	border: 1px solid #666;
	background: #242424;
	font-weight: bold;
	cursor: pointer;

}