/*
Theme Name: EvokeDesign
Theme URI: http://evokedesign.com/
Description: EvokeDesign theme
Version: 1.0
Author: Evoke Design
Author URI: http://evokedesign.com/
Tags: green, custom header, fixed width, one column, widgets
*/

/* Global -------------------------------------------------------------- */

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #a5d0c6;
	background-color: #000;
	margin: 0;
	line-height: 125%;
}
.clear{
	clear: both;
}
small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
}
acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}
blockquote cite {
	margin: 5px 0 0;
	display: block;
}
.center {
	text-align: center;
}
.hidden {
	display: none;
}
hr {
	display: none;
}
a img {
	border: none;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Headers ------------------------------------------------------------- */

h1{
	margin: 0;
}
h1, h2, h3{
	color: #FEFFFE;
}
h2.pagetitle {
	font-size: 1.6em;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
}
#contentColumns h1{
	font-size: 220%;
	line-height: normal;
}
#contentColumns .widecolumn .post h1, #contentColumns .widecolumn h1{
	color: #fefffe;
	font-size: 220%;
	line-height: normal;
	margin: 0;
}
#contentColumns .widecolumn .post h1 a, .entry h2 a{
	color: #FEFFFE;
	text-decoration: none;
}
#contentColumns .widecolumn .post h1 a:hover, .entry h2 a:hover{
	color: #A2CFC4;
	text-decoration: underline;
}
.entry h2, .entry h2 a{
	color:#fff !important;	
}
h2.pagetitle{
	line-height: normal;
}
h2#comments{
	margin: 10px 0 50px;
}

/* Images -------------------------------------------------------------- */

html img{
	border: none;
}
p img {
	padding: 0;
	max-width: 100%;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 10px 10px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}

/* Lists --------------------------------------------------------------- */

html>body .entry ul {
	list-style: none;
	padding: 0 0 0 10px;
	margin-left: 0;
}
html>body .entry li {
	background: transparent url('images/ICON-list.gif') no-repeat left 5px;
	padding-left: 15px;
	margin: 8px 0;
	color:#fff;
}
.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
}
.entry ol li {
	margin: 0;
	padding: 0;
}
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
}
#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
}
#sidebar ul ul, #sidebar ul ol {
	margin: 10px 0 0 15px;
}
#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
}
ol li, #sidebar ul ol li {
	list-style: decimal outside;
}
#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
}

/* Forms --------------------------------------------------------------- */

#searchform {
	float: right;
	margin-top: 9px;
	position: relative;
	background: url('images/searchbox_back.png') no-repeat top left;
	width: 238px;
	height: 33px;
}
#searchform #s {
	color: #314741;
	background: none;
	width: 200px;
	font-size: 90%;
	border: none;
	padding: 7px 7px 0;
}
#searchsubmit {
	position: absolute;
	top: 10px;
	right: 10px;
	background: url('images/searchbox_arrow.png') no-repeat right center; 
	width: 11px;
	height: 12px;
	border: none;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}
select {
	width: 130px;
}
#commentform {
	margin: 5px 10px 0 0;
}
#commentform textarea {
	width: 100%;
	padding: 2px;
}
#respond:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Client Login -------------------------------------------------------- */

#loginPanel{
	background: url('images/loginPanel_back.jpg') repeat-x top center;
	height: 303px;
	padding-top: 24px;
	display: none;
}
#loginContent{
	width: 832px;
	height: 278px;
	margin: 0 auto;
	padding: 0 64px;
	overflow: hidden;
	position: relative;
}
#loginSeparator{
	position: absolute;
	top: 0;
	left: 479px;
}
.designLogin{
	background: url('images/login_back.jpg') no-repeat top center;
	float: left;
	width: 354px;
	height: 279px;
	padding-top: 40px;
	text-align: center;
}
.marketingLogin{
	background: url('images/login_back.jpg') no-repeat top center;
	float: right;
	width: 354px;
	height: 279px;
	padding-top: 40px;
	text-align: center;
}
.formLogin{
	margin-right: 45px;
	margin-top: 30px;
	text-align: right;
}
.loginField{
	border: none;
	color: #26342E;
	background: transparent url('images/login_field_back.jpg') no-repeat top right;
	font-size: 105%;
	font-weight: normal;
	width: 252px;
	height: 39px;
	line-height:39px;
	margin: 5px 0;
	padding: 0 0 0 10px;
	text-align: left;
}
.loginButton {
	text-align: right;
	margin-top: 14px;
}
.btnLogin{
	width: 112px;
	height: 40px;
	background: url('images/btnLogin.png') no-repeat top left;
	border: none;
}
.btnLogin:hover {
	cursor: pointer;
}
#clientLogin{
	float: right;
	width: 120px;
	text-align: right;
	font-size: 90%; 
	font-weight: bold;
	margin-top: 15px;
	padding-right: 15px;
}
#clientLogin a{
	color: #314741;
	text-decoration: none;
}
#clientLogin a:hover{
	color: #96D4C4;
}

/* Header -------------------------------------------------------------- */

#header{
	background: url('images/header_back.jpg') no-repeat top center;
	height: 191px;
}
#headerContent{
	width: 960px;
	margin: 0 auto;
}
#logo{
	float: left;
	padding-top: 16px;
	padding-left: 21px;
}

/* Navigation ---------------------------------------------------------- */

#ribbonTop{
	float: left;
}
#navBar{
	clear:both;
	padding:21px 0 0 0;
	display:block;
	height:50px;
	width:100%;
	position:relative;
	z-index: 1000;
}
.nav, ul.menu{
	z-index: 1000;
}
ul.menu{
	float: right;
	width: 570px;
	list-style:none;
	padding:0;
	margin:9px 0 0 0;
}
ul.menu li {
	float: left;
	margin: 0;
	padding: 7px 0 0 0;
	position: relative;
}
ul.menu li a{
	float:left;
	padding:0 0 0 4px;
	margin:0;
	height:43px;
	text-decoration:none;
	font-weight:bold;
	font-size:15px;
	color: #fff;
	text-transform: uppercase;
}
ul.menu li a span{
	float:left;
	height:43px;
	line-height:38px;
	padding:0 12px 0 8px;
}
ul.menu li a:hover, ul.menu li.nav-hover a{
	background:url('images/mainmenu_back_left.gif') no-repeat top left;
	cursor: pointer;
}
ul.menu li a:hover span, ul.menu li.nav-hover a span{
	background:url('images/mainmenu_back_right.gif') no-repeat top right;
	cursor: pointer;
}
ul.menu li ul.sub-menu {
	position:absolute;
	list-style:none;
	display: none;
	float:left;
	width: 204px;
	left:0;
	top: 50px;
	height:auto;
	margin:0;
	padding: 5px 0 10px 0;
	border:0;
	background: url('images/submenu_item_back.png') repeat-y top right;
	z-index:1000;
}

* html ul.menu li ul.sub-menu{
	background: url('images/submenu_item_back.gif') repeat-y top right;
}
ul.menu li ul.sub-menu li, ul.menu li ul.sub-menu li a, ul.menu li ul.sub-menu li a:visited, ul.menu li ul.sub-menu li a span, ul.menu li ul.sub-menu li a:visited span{
	padding:0;
	margin:0;
	display:block;
	clear:both;
	height:26px;
	width:204px;
	line-height:26px;
	font-size:14px;
	text-transform:none;
	background:none;
}
ul.menu li ul.sub-menu li a span, ul.menu li ul.sub-menu li a:visited span{
	padding:0 0 0 12px;	
	width:192px;
}
 ul.menu li ul.sub-menu li a:hover span{
	color:#cef6cd;
	background: url('images/submenu_item_hover.gif') no-repeat center right;
}

/* Content ------------------------------------------------------------- */

#content{
	background: url('images/content_back.jpg') repeat-y top center;
}
#contentBody{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding-top: 40px;
	padding-bottom: 55px;
}
#contentColumns{
	background: url('images/home_separator.gif') repeat-y top center;
	width: 100%;
	overflow: hidden;
	color: #AAD3C9;
	font-size: 90%;
}
.columnLeft{
	float: left;
	width: 530px;
	text-align: justify;
}
.columnLeft p{
	margin-bottom: 0;
}
.btnDetails{
	text-align: right;
}
.columnRight{
	float: right;
	width: 350px;
}

/* Homepage ----------------------------------------------------------- */

/* === Homepage Slider === */

#feature-wrap{
	background: url('images/featured_back.jpg') no-repeat top center;
}
#feature {
	position: relative;
	overflow: hidden; 
	width: 960px; 
	height: 441px;
	margin: 0 auto;
}
.prev{
	position: absolute;
	top: 180px;
	left: 0;
	z-index:10000;
}
.next{
	position: absolute;
	top: 180px;
	right: 0;
	z-index:10000;
}
.prev:hover, .next:hover{
	cursor:pointer;
}
#feature-content {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	width:100%;
	height: 420px;
}
#feature-content li {
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;
}
#feature-wrap #feature ul li {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	background: none;
}
#feature-wrap #feature ul li img {
	display: block;
}
.project{
	overflow: hidden;
	width: 870px;
	padding-top: 27px;
	margin-left: 30px;
	background: url('images/featured_back.jpg') no-repeat -350px top;
}
.projectImage{
	float: left;
	padding-left:60px;
}
.projectText{
	float: right;
	width: 330px;
	padding: 40px 40px 0 0;
	text-align: left;
}
.projectText h2{
	color: #151E1A !important;
	line-height: 30px;
	font-size:38px;
	letter-spacing:-2px;
}
.projectText p{
	color: #29776D !important;
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
}
#ribbonRight{
	position: absolute;
	top: 251px;
	left: 792px;
}
.btnViewPortfolio a, .btnViewPortfolio a:visited{
	background: url('images/btnViewPortfolio.png') no-repeat top center;
	width: 186px;
	height: 40px;
	cursor: pointer;
	margin: 30px auto 0 auto;
	text-align: center;
	display:block;
}
.btnViewPortfolio a:hover{
	background: url('images/btnViewPortfolio_hover.png') no-repeat top center;
}
#testimonialSide{
	background: url('images/testimonial_back_side.png') no-repeat left top;
	width: 302px;
	height: 247px;
	margin: 20px 0;
	padding: 24px 24px 0;
}
.homeTestimonial{
	font-family: Georgia;
	font-style: italic;
	font-size: 125%;
	font-weight: normal;
	line-height: 120%;
	color: #fff;
}
.homeTestimonial span{
	color: #121A16;
	font-size: 190%;
}
.testimonialSignature{
	font-weight: bold;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #121A16;
	text-align: right;
	margin-top: 15px;
}
.btnSubmit{
	width: 151px;
	height: 28px;
	background: url('images/btnEnquiry.png') no-repeat top left;
	border: none;
}
.btnSubmit:hover{
	width: 151px;
	height: 28px;
	background: url('images/btnEnquiry_hover.png') no-repeat top left;
	border: none;
	cursor: pointer;
}
#caseTestimonial{
	font-family: Georgia;
	font-size: 125%;
	font-style: italic;
	color: #ffffff;
	overflow: hidden;
}
#caseTestimonial span{
	float:left; 
	margin-right:6px
}

/* Contact Us ----------------------------------------------------------- */

#contact_form{
	margin: 20px 0 0;
}
table#contactForm {
	margin: 10px 0;
	font-size: 120%;
	font-weight: bold;
}
table#contactForm td{
	color: #556E63;
	background-color: #23352D;
	border-top: 1px solid #556E63;
	padding-left: 12px;
	text-align: left;
}
table#contactForm tr.emptyRow{
	height: 10px;
}
table#contactForm tr.emptyRow td{
	background: none;
	border: none;
}
table#contactForm td.tdMessage{
	padding-top: 10px;
	vertical-align: top;
}
table#contactForm input,
table#contactForm textarea,
table#contactForm select{
	border: none;
	width: 340px;
	margin: 4px;
	padding: 4px;
	overflow: auto;
}
table#contactForm select {
	width: 346px;
	background: #DCE3E1 url('images/input_field_back.jpg') repeat-x top left;
	font-size: 110%;
}
table#contactForm input{
	background: #DCE3E1 url('images/input_field_back.jpg') repeat-x top left;
	font-size: 110%;
}
table#contactForm textarea{
	background: #DBE2E0 url('images/textarea_back.jpg') repeat-x top left;
	font-family: Arial;
	font-size: 100%;
	font-weight: bold;
}
table#contactForm td.inputField .verifyField{
	border: 1px dotted #A78E7B;
	background-color: #FBFAF6;
	width: 100px;
}
.required{
	color: #A5D0C6;
	font-size: 110%;
}

/* Sidebar ------------------------------------------------------------- */

#sidebar{
	float: right;
	width: 350px;
}
#sidebar form {
	margin: 0;
}
#sidebar h2{
	color: #A2CFC4;
	background: url('images/sidebar_h2_back.png') repeat-x top left;
	padding: 10px 12px 12px;
	margin: 0;
}
#sidebar ul ul li{
	color: #58AD50;
	background: url('images/sidebar_bullet.png') no-repeat top left;
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
	padding: 0 0 0 20px;
	min-height: 15px;
}
#sidebar ul ul li a{
	color: #fff;
	font-size: 105%;
	font-weight: bold;
	text-decoration: none;
}
#sidebar ul ul li a:hover{
	color: #A5D0C6;
}
#sidebar ul ul#recentcomments{
	list-style-type: none;
	margin: 10px 0 0 0;
}
#sidebar ul ul#recentcomments li{
	list-style-type: none;
	list-style-image: none;
	color: #B2CFC2;
	font-weight: normal;
	background: url('images/speech_bubble.png') no-repeat top left;
	padding-left: 35px;
	margin-bottom: 18px;
	min-height: 27px;
}
#sidebar ul ul#recentcomments li p{
	font-style: italic;
	margin: 6px 0 0;
}
#quoteForm{
	color: #fff;
	font-weight: bold;
	margin: 20px 0;
}
#quoteForm .element{
	background: url('images/quoteForm_back.png') no-repeat bottom center;
	width: 310px;
	padding: 15px 20px 0;
	margin-top: -27px;
}
#quoteForm .inputField{
	border: none;
	color: #fff;
	background: url('images/quote_input_back.jpg') repeat-x top left;
	font-weight: bold;
	width: 290px;
	margin: 3px 0;
	padding: 10px 10px;
}
#quoteForm textarea{
	border: none;
	color: #fff;
	background: #025A0C url('images/quote_input_back.jpg') repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	width: 290px;
	margin: 3px 0;
	padding: 10px 10px;
	overflow: auto;
}
#quoteForm .verifyField{
	border: none;
	color: #fff;
	background: url('images/quote_input_back.jpg') repeat-x top left;
	font-weight: bold;
	width: 180px;
	margin: 3px 10px 3px 0;
	padding: 10px 10px;
}
#quoteForm .btnQuote{
	width: 201px;
	height: 35px;
	background: url('images/btnQuote.png') no-repeat top left;
	border: none;
	margin: 10px 0;
}
#quoteForm .btnQuote:hover{
	width: 201px;
	height: 35px;
	background: url('images/btnQuote_hover.png') no-repeat top left;
	border: none;
	cursor: pointer;
}

/* Footer -------------------------------------------------------------- */

#footer{
	background: url('images/footer_back.jpg') repeat-x top center;
	height: 551px;
}
#footerContent{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
#blogNews{
	background: #121A16 url('images/blogNews_back.png') no-repeat top center;
	overflow: hidden;
	color: #5B8874;
	padding-top: 40px;
}
#blog, #news{
	float: left;
	width: 255px;
}
#blogNews h2{
	color: #3C554B;
	font-size: 170%;
	margin:0 0 8px 0;
	padding:0;
}
.h2_border{
	background: url('images/h1_border.jpg') repeat-x top left;
	width: 100%;
}
#blogNews h3{
	color: #96D4C4;
	margin: 0;
	font-size: 120%;
}
#blogNews p{
	margin-top: 0;
	padding-bottom: 6px;
	border-bottom: 1px dashed #334942;
	font-size: 90%;
}
#blogNews p a{
	font-weight: bold;
	color: #297A21;
	text-decoration: none;
}
#talk{
	float: right;
	width: 345px;
}
#talk h2{
	font-size: 200%;
	font-weight: bold;
/*	margin-bottom: 6px;*/
	color: #96D4C4;
}
#talk p{
	font-size: 100%;
	color: #96D4C4;
	border: none;
}
#footerNav{
	position: absolute;
	top: 442px;
	left: 80px;
	width: 600px;
	height: 100px;
	color: #141F1A;
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
}
#footerNav a{
	color: #5E766D;
	text-decoration: none;
}
#footerNav a:hover{
	color: #96D4C4;
}
#copyright{
	position: absolute;
	top: 492px;
	left: 80px;
	width: 600px;
	height: 50px;
	color: #5E766D;
	font-size: 80%;
	font-weight: bold;
	line-height: 115%;
}
#copyright a{
	color: #5E766D;
	text-decoration: none;
}
#copyright a:hover{
	color: #96D4C4;
}
#backTop{
	position: absolute;
	top: 379px;
	left: 0;
}
#logoFooter{
	position: absolute;
	top: 445px;
	right: 0;
}
.scrollTop{
	cursor: pointer;
}

/* Posts --------------------------------------------------------------- */

.widecolumn {
	float: left;
	width: 530px;
	padding: 0;
	margin: 0;
}
.post hr {
	display: block;
}
.widecolumn .post {
	margin: 0;
}
.narrowcolumn .postmetadata {
	padding-top: 5px;
}
.widecolumn .postmetadata {
	margin: 15px 0 30px;
}
.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}
.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}
.postmetadata {
	clear: both;
}
.widecolumn .entry p {
	font-size: 1.05em;
	color: #AAD3C9;
}
.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
}
.widecolumn {
	line-height: 1.6em;
}
.narrowcolumn .postmetadata {
	text-align: center;
}
.thread-alt {
	background-color: #f8f8f8;
}
.entry p a:link, .entry p a:visited {
	color: #58ad50;
}
.entry p a:hover{
	text-decoration:none;	 
}
.postTime{
	color: #58AD50;
	background: url('images/h_separator.jpg') repeat-x bottom left;
	font-size: 110%;
	font-weight: bold;
	vertical-align: top;
	padding-bottom: 14px;
	padding-top: 5px;
}
.postmetadata a:visited, .postmetadata a:link{
	color: #fff;
	text-decoration: none;
}
.postmetadata a:hover{
	color: #A5D0C6;
}
#blogNews h3 a:visited, #blogNews h3 a:link{
	color: #96D4C4;
}
#blogNews h3 a:hover{
	color: #F3F3F3;
}
.btnComment{
	width: 151px;
	height: 28px;
	background: url('images/btnComment.png') no-repeat top left;
	border: none;
}
.btnComment:hover{
	width: 151px;
	height: 28px;
	background: url('images/btnComment_hover.png') no-repeat top left;
	border: none;
	cursor: pointer;
}

/* Comments ------------------------------------------------------------ */

.commentlist li, #commentform input, #commentform textarea {
	font-family: Arial, Sans-Serif;
	font-size: 100%;
	color: #273731;
}
.commentlist li ul li {
	font-size: 1em;
}
.commentlist li {
	font-weight: bold;
	width: 100%;
}
.commentlist li.thread-even { 
	background: url('images/comment_even_back.png') no-repeat 32px 0;
	padding-top: 33px;
	margin-top: -30px;
}
.commentlist li.thread-odd { 
	background: url('images/comment_odd_back.png') no-repeat 32px 0;
	padding-top: 33px;
	margin-top: -30px;
}
.commentlist li.thread-even .comment-body{
	width: 490px;
	padding: 20px;
	overflow: hidden;
	background-color: #486055;
}
.commentlist li.thread-odd .comment-body{
	width: 490px;
	padding: 20px;
	overflow: hidden;
	background-color: #23352D;
}
.commentlist li.thread-even .comment-avatar img { 
	float: left;
	border: 3px solid #23352D;
}
.commentlist li.thread-odd .comment-avatar img { 
	float: left;
	border: 3px solid #486055;
}
.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 150%;
	color:#fff;
}
.commentlist cite a:visited, .commentlist cite a:link {
	text-decoration: none;
	color: #fff;
}
.commentlist cite a:hover {
	text-decoration: underline;
	color: #B2CFC2;
}
.commentlist p {
	font-weight: normal;
	font-style: italic;
	line-height: 1.2em;
	text-transform: none;
	color:#fff;
}
#commentform p {
	font-family: Arial, Sans-Serif;
}
#commentform p a:visited, #commentform p a:link {
	color: #fff;
	text-decoration: none;
}
#commentform p a:hover {
	color: #A5D0C6;
}
.commentmetadata {
	font-weight: normal;
}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #58AD50;
}
code {
	font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps{
	font-size: 0.9em;
	letter-spacing: .07em;
}
.alt {
	margin: 0;
}
.commentlist {
	padding: 0;
	margin: 0;
	text-align: justify;
}
.commentlist li {
	margin: 0;
	list-style: none;
}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}
.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }
#commentform p {
	margin: 5px 0;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
.commentmetadata {
	margin: 0;
	display: block;
}
.commentmetadata a:visited, .commentmetadata a:link {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 85%;
}
.commentmetadata a:hover{
	color: #A5D0C6;
}

/* Portfolio ----------------------------------------------------------- */

/* === Old Portfolio === */

.portfolio{
	position: relative;
	margin: 25px 0;
}
.portfolioBody{
	width: 960px;
	height: 421px;
	position: relative;
}
.portfolioDetails{
	overflow: hidden;
	padding: 35px 40px 40px 80px;
}
.portfolioLeft{
	float: left;
	width: 392px;
}
.portfolioRight{
	float: right;
	width: 392px;
}
.portfolioDetails h2, .portfolioDetails h3{
	background: url('../images/portfolio_underline.gif') repeat-x bottom left;
	padding-bottom: 15px;
	margin: 5px 0 15px 0;
}
.portfolioDetails p{
	font-size: 85%;
	font-weight: bold;
	color: #fff;
	margin: 0;
}
.btnVisitWebsite{
	float: left;
}
.lnkServices{
	float: right;
	font-size: 85%;
	font-weight: bold;
	padding-top: 11px;
}
.lnkServices a{
	text-decoration: none;
	color: #fff;
}
.lnkServices a:hover{
	color: #A5D0C6;
}
.portfolioIcons{
	float: left;
	width: 40px;
	margin-right: 15px;
	text-align: center;
}
.portfolioFeatures{
	float: left;
	width: 280px;
	color: #fff;
	font-size: 80%;
}
.portfolioFeatures h3{
	color: #62BC5F;
	background: none;
	margin: 0;
	padding: 0;
	font-size: 120%;
}
.portfolioRight .clear{
	height: 10px;
}
.arrowDetails{
	position: absolute;
	top: 185px;
	left: 10px;
}
.arrowClose{
	position: absolute;
	top: 185px;
	right: 10px;
}
.portfolioRibbon{
	position: absolute;
	bottom: 13px;
	right: 0;
}

/* === New Portfolio Slider === */

#portfolio-new-wrap{
	background: url('images/portfolio-new-bk.jpg') no-repeat center 20px;
	height: 477px;
	padding-top:18px;
}
#portfolio-new {
	position: relative;
	width: 960px; 
	height: 477px;
	margin: 0 auto;
	overflow:hidden;
}
#portfolio-new a#prev, #portfolio-new a#next{
	position: absolute;	
	top: 45px;
	display:block;
	overflow:hidden;
	height:60px;
	width:60px;
	text-indent:-999em;
}
#portfolio-new a#prev, #portfolio-new a#prev:visited{
	left: 10px;
	background:url('images/featured_left_arrow_hover.png') no-repeat top left;
}
#portfolio-new a#prev:hover{
	background:url('images/featured_left_arrow.png') no-repeat top left;
}
#portfolio-new a#next, #portfolio-new a#next:visited{
	right: 10px;
	background:url('images/featured_right_arrow_hover.png') no-repeat top left;
}
#portfolio-new a#next:hover{
	background:url('images/featured_right_arrow.png') no-repeat top left;
}
#portfolio-content {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	width:100%;
	height: 477px;
}
#portfolio-content li {
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;
}
#portfolio-new-wrap #portfolio-new ul li {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	background: none;
}
#portfolio-new-wrap #portfolio-new ul li img {
	display: block;
}
#portfolio-ribbon{
	position: absolute;
	bottom: -7px;
	left: 820px;
}
#portfolio-new-wrap #portfolio-new div ul li .portfolio-project .portfolio-project-text .btnViewPortfolio{
	background: url('images/btnViewPortfolio.png') no-repeat top center;
	width: 186px;
	height: 40px;
	cursor: pointer;
	margin-top: 30px;
	text-align: center;
}
#portfolio-new-wrap #portfolio-new div ul li .portfolio-project .portfolio-project-text .btnViewPortfolio:hover{
	background: url('images/btnViewPortfolio_hover.png') no-repeat top center;
	width: 186px;
	height: 40px;
}
.portfolio-project{
	overflow: hidden;
	width: 870px;
	padding-top: 0;
	margin-left: 30px;
}
.portfolio-project-image{
	float: left;
	width: 485px;
	overflow:hidden;
	padding:0;
}
.portfolio-project-text{
	float: right;
	width: 380px;
	padding-top: 40px;
	text-align: left;
}
.portfolio-project-text h2{
	font-size: 28px;
	line-height:28px;
	color: #2a534e !important;
}
.portfolio-project-text h3{
	font-size: 17px;
	color: #2a534e !important;
	line-height:17px;
	padding:15px 0 10px 0;
	margin:0;
}
.portfolio-project-text p{
	font-size: 13px;
	line-height:15px;
	color: #2a534e;
	font-weight: normal;
}
.portfolio-project-text p.tasks{
	float:left;
	margin:0;
	padding:0;
	color: #2a534e !important;
	font-size:12px;
}
.portfolio-project-text p.tasks strong{
	font-size:14px;	
}
.portfolio-btns{
	float:left;
	padding-left:55px;
}
.portfolio-btns a, .portfolio-btns a:visited{
	float:left;	
	width:184px;
	height:38px;
	padding:0;
	margin:0 20px 0 0;
	overflow:hidden;
	background: url('images/BG-portfolio-btn.gif') no-repeat bottom center;
	text-align:center;
	color:#fff;
	font-size:18px;
	text-decoration:none;
	line-height:38px;
}
.portfolio-btns a:hover{
	background: url('images/BG-portfolio-btn.gif') no-repeat top center;
}

/* Widgets ------------------------------------------------------------- */

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
}
#wp-calendar a {
	text-decoration: none;
}
#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
}
#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}
#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}
#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}
#wp-calendar a {
	display: block;
}
#wp-calendar caption {
	text-align: center;
	width: 100%;
}
#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }

/* Sitemap style ------------------------------------------------------------- */

.ddsg-wrapper a, .ddsg-wrapper a:visited{
	color:#A5D0C6;	
}
.ddsg-wrapper a:hover{
	color:#fff;	
}