@charset "utf-8";
/* CSS Document */
/* Created by: Mick Dinulos 05/22/09 */


/* Layout */

body {
background: url(../themes/body_bg.jpg) repeat top left;
font-size:14px;
font-family: "Trebuchet MS", "Lucida Sans", Tahoma;
}

* {
margin: 0px;
padding:0px;
}

p {
margin-bottom: 10px;
line-height:140%;
}



#wrapper {
width: 970px;
margin:0 auto;
}

#header_container {
display: block;
width: 970px;
float:left;
}

#header_left {
width: 16px;
height:107px;
float:left;
display:block;
background:url(../themes/header_left.png) no-repeat top left;
}

#header_mid {
width: 902px;
height:67px;
float:left;
display:block;
background:url(../themes/header_bg.png) repeat-x top left;
padding: 40px 0 0 36px;
}

#header_right {
width: 16px;
height:107px;
float:left;
display:block;
background:url(../themes/header_right.png) no-repeat top left;
}

#main_content {
display: block;
width: 930px;
background: url(../themes/cnt_bg.png) repeat-y top center;
clear:both;
float:left;
padding: 20px 20px 10px 20px;
}

#left_container {
width: 300px;
display:block;
float:left;
margin-right: 30px;
}

#right_container {
width: 600px;
display:block;
float:left;
}

#right_container ul li {
margin-left:20px;
}

#content_footer {
display: block;
width: 972px;
background: url(../themes/content_footer.png) no-repeat top left;
clear:both;
height: 24px;
float:left;
}

#footer_container {
display:block;
width: 970px;
color:#fff;
font-size:11px;
margin: 0 auto;
}

#footer_left {
float:left;
padding: 0;
padding: 0 0 0 10px;
margin-bottom: 20px;
}

#footer_left a, #footer_left a:link, #footer_left a:visited, #footer_left a:active {
color: #fff;
text-decoration:none;
}

#footer_left a:hover {
text-decoration: underline;
}

#footer_right {
float:right;
padding: 0 10px 0 0;
margin-bottom: 20px;
}


h2.home {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 26px;
text-align: center;
color:#000;
}

/* Header Utility */

.theme_red {
display:block;
float:left;
background: #fff url(../themes/theme_red.jpg) no-repeat center center;
margin: 0 5px 2px 0;
text-indent:-9999px;
border: 1px solid #7e7e7e;
height: 13px;
width:13px;
outline:none;
padding:1px;
}

.theme_blue {
display:block;
float:left;
background: #fff url(../themes/theme_blue.jpg) no-repeat center center;
margin: 0 5px 2px 0;
text-indent:-9999px;
border: 1px solid #7e7e7e;
height: 13px;
width:13px;
padding:1px;
outline:none;
}

.theme_green {
display:block;
float:left;
background: #fff url(../themes/theme_green.jpg) no-repeat center center;
margin: 0 5px 2px 0;
text-indent:-9999px;
border: 1px solid #7e7e7e;
height: 13px;
width:13px;
padding:1px;
outline:none;
}

.theme_orange {
display:block;
float:left;
background: #fff url(../themes/theme_orange.jpg) no-repeat center center;
margin: 0 5px 2px 0;
text-indent:-9999px;
border: 1px solid #7e7e7e;
height: 13px;
width:13px;
padding:1px;
outline:none;
}

.theme_lt_blue {
display:block;
float:left;
background: #fff url(../themes/theme_lt_blue.jpg) no-repeat center center;
margin: 0 5px 2px 0;
text-indent:-9999px;
border: 1px solid #7e7e7e;
height: 13px;
width:13px;
padding:1px;
outline:none;
}

#header_utility {
display: block;
width:970px;
color:#fff;
font-size:10px;
padding: 10px 0;
}

#theme_choser {
display:block;
float:left;
width:300px;
}

#theme_choser_text {
display:block;
float:left;
margin: 2px 10px 0 20px;
}

#media_links{
display:inline-block;
float:right;
width:370px;
}

#media_links_text {
display:block;
float:left;
margin: 2px 10px 0 20px;
}

a.icon_twitter {
display:block;
float:left;
background: url(../themes/icon_twitter.png) no-repeat left center;
margin: 0 5px 2px 0;
padding: 2px 10px 4px 24px;
color:#fff;
text-decoration:none;
}

a.icon_facebook {
display:block;
float:left;
background: url(../themes/icon_facebook.png) no-repeat left center;
margin: 0 5px 2px 0;
padding: 2px 10px 4px 24px;
color:#fff;
text-decoration:none;
}

a.icon_linkedin {
display:block;
float:left;
background: url(../themes/icon_linkedin.png) no-repeat left center;
margin: 0 5px 2px 0;
padding: 2px 10px 4px 24px;
color:#fff;
text-decoration:none;
}

#bottom_content {
display:block;
clear:both;
background:url(../themes/bottom_bg.png) no-repeat left top;
margin: 0 auto;
width:1026px;
height:370px;
}

#how_can_we_help {
float:left;
display:inline-block;
height: 370px;
width: 300px;
clear:both;
padding-left: 50px;
}

#how_can_we_help ul {
margin: 0 0 0 10px;
display:none;
text-indent:-9999px;
}

#how_can_we_help ul li{
margin: 0 0 0 10px;
}

#about_cps {
height: 300px;
width: 275px;
display: inline;
float:left;
margin: 0 10px 0 20px;
}

#about_cps p{
margin-bottom: 10px;
display:block;
line-height:140%;
font-size:14px;
}

#cps_updates {
width: 300px;
float:left;
height: 260px;
}

.partner {
display:block;
float:left;
margin: 10px 5px 10px 5px;
width:590px;
}

.partner p{
margin:0;
}

.partner_logo {
float:left;
padding-right: 20px;
display:block;
}

.partner_logo_right {
float:right;
padding-left: 20px;
display:block;
}

.partner_logo_container {
float:left;
display:block;
width: 260px;
height: 150px;
}

.partner_logo_container img {
border:0;
}

/* MooFlow */

#MooFlow {
background: url(../themes/mooflow_bg.jpg) no-repeat top center;
width:930px;
display:block;
}

.mf{
visibility: hidden; 
z-index:1; 
color:#281C15; 
font-size:24px;
font-weight:bold;
font-family: Georgia, "Times New Roman", Times, serif;
}

.mf * {
outline:none;
border:none;
padding:0;
margin:0;
-moz-user-select: none;
-webkit-user-select: none;
user-select:none;
-o-user-select:none
}

.mf div.loader{
position:absolute;
text-align:center;
z-index:10000;
margin:0 auto;
top:45%;
width:100%;
background:url(../themes/ajax_loader.gif) no-repeat 50% 0;
padding:50px 0;
}

.mf div.caption {
position:absolute;
text-align:center;
z-index:98;
margin:1em auto;
bottom:50px;
width:100%;
}

.mf div.mfNav{
position:absolute;
z-index:99;
margin:0 auto;
text-align:center;
width:50%;
bottom:20px;
font-size:1px;
line-height:1px;
width:100%;
}

.mf div.autoPlayCon{
float:left;
width:10%;
padding-left:3%;
height:24px;
}

.mf a.play, .mf a.stop{
width:27px;
height:24px;
float:left;
cursor:pointer;
}

.mf a.play{
background:url(../themes/play.gif) no-repeat;
}

.mf a.stop{
background:url(../themes/stop.gif) no-repeat;
}

.mf div.sliderCon{
margin-top:5px;
float:left;
width:74%;
}

.mf a.sliderNext{
background:url(../themes/left.gif) no-repeat;
}

.mf a.sliderPrev{
background:url(../themes/right.gif) no-repeat;
}

.mf a.sliderNext, a.sliderPrev{
text-decoration:none;
width:25px;
height:20px;
cursor:pointer;
float:left;
}

.mf div.resizeCon{
float:right;
width:10%;
padding-right:3%;
height:24px;
}

.mf a.resize{
width:34px;
height:24px;
float:right;
cursor:pointer;
background:url(../themes/resize.gif) no-repeat;
}

.mf div.slider{
background:url(../themes/middle.gif) repeat-x;
height:20px;
position:relative;
text-align:left;
float:left;
}

.mf div.knob{
height:24px;
width:24px;
background:url(../themes/middle-slider.gif) no-repeat center center;
cursor:pointer;
margin-top:-2px;
}

.mf div.knobleft{
background:url(../themes/left-slider.gif) repeat-x center;
width:8px;
height:16px;
}

/* Contact Us */

.div_textfield {
float:left;
display:block;
margin-top: 3px;
width:530px;
}

.div_textfield .chkbx1 {
	xmargin-left:100px;
	}

.div_textfield input, .div_textfield textarea{
border: 1px solid #BCA28B;
background: #F1EAE4;
width: 300px;
display:block;
color:#281c15;
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:4px;
}

.div_textfield .textfield:hover {
background: #DACAB2;
z-index:100;
}

.div_textfield label {
display:block;
float:left;
height:25px;
width:180px;
text-align:left;
margin-right: 20px;
padding-top: 3px;
}

input.submit_button { border:none; width:157px; background: url(../themes/submit_button.jpg) no-repeat left center; text-indent:-9999px; height: 33px; cursor:pointer;  }

a.contact_twitter {
display:block;
clear:both;
background: url(../themes/icon_twitter.png) no-repeat left center;
margin: 0 5px 2px 0;
padding: 2px 10px 4px 24px;
color:#fff;
text-decoration:none;
}

a.contact_facebook {
display:block;
background: url(../themes/icon_facebook.png) no-repeat left center;
margin: 0 5px 2px 0;
padding: 2px 10px 4px 24px;
color:#fff;
clear:both;
text-decoration:none;
}

a.contact_linkedin {
display:block;
background: url(../themes/icon_linkedin.png) no-repeat left center;
margin: 0 5px 2px 0;
padding: 2px 10px 4px 24px;
color:#fff;
text-decoration:none;
clear:both;
}

/* work */

p.client_info {
margin-bottom: 4px;
}

p.client_info span{
font-weight: bold;
}

p.type_of_work{
margin-bottom: 4px;
}

p.type_of_work span{
font-weight: bold;
}

p.client_url{
margin-bottom: 4px;
}

p.client_url span{
font-weight: bold;
}

/* Work Page */

div.hr { height: 25px; border-bottom:1px solid #CCCCCC;}
div.hr hr { display: none;}

/* Simple Form CSS */

.message-box { text-align: center; padding: 5px; color:#545454; width:80%;  margin:5px auto; }  

.clean { background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; } 
.info  { background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; } 
.ok    { background-color: #d7f7c4; border-top: 2px solid #82cb2f; border-bottom: 2px solid #82cb2f; } 
.alert { background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; } 
.error { background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; }
 
form .error { border: 2px solid #e10c0c; } /* js error class */

.required {color: red; font-size: 11px;}


/* testimonials */

.testi_odd {
padding:14px 36px;
display:block;
position:relative;
}

.testi_even {
padding:14px 36px;
display:block;
position:relative;
}

.quote_close {
background: url(../themes/quote_close.png) no-repeat top left;
width: 26px;
height: 19px;
display:block;
position:absolute;
bottom: 10px;
right: 6px;
}

/* Portfolio Slider */
		
noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }
		
a:focus { outline:none }
		
.stripViewer .panelContainer .panel ul {
text-align: left;
margin: 0 15px 0 30px;
}
		
.slider-wrap, coda-slider-wrapper { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
margin: 20px 0;
position: relative;
width: 100%;
		}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
position: relative;
overflow: hidden; 
margin: auto;
width: 600px; /* Also specified in  .stripViewer .panelContainer .panel  below */
height: 400px;
clear: both;
background: #fff;
}
		
.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%;
list-style-type: none;
/* -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: 100%;
position: relative;
width: 600px; /* Also specified in  .stripViewer  above */
}
		
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
}
		
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
xmargin: auto;
  xmargin: 0 auto;
  margin-left:30px;
}
		
.stripNav ul { /* The auto-generated set of links */
list-style: none;
width:540px;
    
    xbackground-color:#CCCCCC;
}
		
.stripNav ul li {
float: left;
xmargin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
	margin:0 0 0 12px !important;
	padding:0 !important;
}
		
.stripNav a { /* The nav links */
font-size: 10px;
font-weight: bold;
text-align: center;
line-height: 32px;
background: url(../themes/nav_bg.jpg) no-repeat center center;
color: #fff;
text-decoration: none !important;
display: block;
padding: 0px;
width:23px;
   xmargin:0;
}
		
	
.stripNav li a:hover {
color:#281D17;
}
		
.stripNav li a.current {
color:#281D17;
}
		
.stripNavL, .stripNavR { /* The left and right arrows */
position: absolute;
top: -2px;
text-indent: -9000em;
}
		
.stripNavL a, .stripNavR a {
display: block;
height: 40px;
width: 40px;
}
		
.stripNavL {
left: 0;
}
		
.stripNavR {
right: 0;
}
		
.stripNavL {
background: url(../themes/arrow_left.jpg) no-repeat center;
}
		
.stripNavR {
background: url(../themes/arrow_right.jpg) no-repeat center;
}

#footer_left ul { margin-top:8px; }

#footer_left ul li { float:left; list-style-type:none; text-transform:uppercase; margin-right:5px; padding-right:5px; height:10px; border-right:1px solid #fff; line-height:10px; }

#footer_left ul li.page-item-5 { border-right:none !important; }



.note { 
	background: url(../themes/note.gif) no-repeat left top;
	width:66px;
	height:67px;
	display:block;
	float:left;
	text-align:center;
	margin-right:10px;
	font-size:16px;
	padding-top:12px;
	font-weight:bold;
	}
	
	


.avatar { float:left; margin-right:10px; }

.comment { margin-bottom:50px; padding:15px;}

.comment-meta { margin-bottom:10px; font-size:11px; }

.commentlist { border:1px solid #ccc; }

.comment-meta a { color:#666666 !important; }

.reply { margin-bottom:50px;}

.depth-2 { margin-left:30px; background-color:#f1f1f1; }

.depth-3 { margin-left:30px; background-color:#fff; }
	
	

a img { border:none } /* Gets rid of IE's blue borders */