@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------------------------------toolbox */ 
.img-left 
{
	padding:6px;
	float:left;
}
.img-right 
{
	padding:6px;
	float:right;
}
.clear 
{
	clear:both;
}
 /*end tool box */ 

/*---------------------------------------------------------------------------------------------------- format styles*/

h1
{
	color: #c47724;
	font-size:24px;
	line-height:32px;
	padding:0px;
	margin:0px;
	font-weight:normal;

}

h2
{
	color: #c47724;
	font-size:20px;
	line-height:24px;
	padding:0px;
	margin:0px;
	font-weight:normal;
}

h3
{
	color:#c47724;
	font-size:16px;
	line-height:20px;
	padding:0px;
	margin:0px;
}

a 
{
	color:#6f90cd;
}	
			
a, a:visited
{ 
	color:#3891C5;
	text-decoration:none; 
	}
	
a:hover, a:active 
{ 
	color:#3891C5; 
	text-decoration:underline; 
}

ul 
{
	margin: 0 0 0 20px;
	list-style:url('http://captiva-marketing.com/images/triangle-bullet.gif');
	color:#999;
	line-height:16px;
}

ul li 
{
	padding: 5px 0 3px 0px;
	margin: 0px;
	color:#666;
	line-height:16px;
}

ol 
{
	margin: 0 0 0 20px;
	color:#999;
}

ol li 
{
	padding: 7px 0px;
	margin: 0px;
	color:#666;
}


#page-content-container #main-content h1 
{
	color: #c47724;
	font-size:24px;
	line-height:28px;
	font-weight:normal;
}

div#header a img, div#header a:hover img 
{
	border:none;
	font-weight:bold;
}

a img 
{
	border:2px #FFF solid;
}
a:hover img 
{
	border:2px #C2D2EF solid;
}



/* end format styles*/

/* ----------------------------------------------------------------------------------------------------- start basic page layout*/

body {
	text-align:center;
	background-image:url('http://captiva-marketing.com/images/bg-repeater.jpg');
	background-repeat:repeat-x;
	background-position:top;
	background-color:#c47724;
	behavior:url(/csshover.htc);
	font-family:"Trebuchet MS", tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}
div#bg-flash 
{
	z-index:-1;
	width:100%;
	height:100%;
	position: absolute;
	top: 0;
	left: 0;
	padding:0px;
	margin:0 auto;
}

#table-cont 
{
	z-index: 1;
	width: 980px;
	/*margin: 0 auto;*/
	height: 100%;
	text-align: center;
}

#table-cont tr td 
{
	vertical-align:top;
}

div#page-container 
{
	text-align:left;
	width:980px;
	height:auto;
	margin:0px;
	padding:0px;
}

div#header 
{
	background-image: url('http://captiva-marketing.com/images/page-top-design.gif');
	background-repeat:no-repeat;
	width:960px;
	height:115px;
	padding: 20px 0 0 20px;
	margin:0px;
}
div#quickmenu-cont 
{
	float:left;
	width:640px;
	padding:30px 40px 0px 40px;
}
div#page-content-container 
{
	background-image:url('http://captiva-marketing.com/images/page-flash-bg.gif');
	background-position:top;
	background-repeat:repeat-y;
	width:980px;
	padding:0px;
	margin:0px;
	float:left;
}
div#side-nav 
{
	float:left;
	width: 179px;
	height:auto;
	border-right: 1px #cdcccb solid;
	padding: 0 0 0 20px;
}
div#main-content 
{
	float:left;
	width:745px;
	height:100%;
	background-color:#FFF;
	padding: 3px 10px 0 25px;
	line-height:20px;
}
div#footer 
{
	color:#FFF;
	width:980px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
	text-align:left;
	float:left;
}
.address 
{
	padding-top: 15px;
	width:220px;
	float:left;
}
.address2 
{
	padding-top: 15px;
	width:177px;
	float:left;
}
/*div#addthis-cont 
{
	width:115px;
	height:6px;
	float:left;
	padding: 15px 20px 8px 0px;
}*/
div#qualified 
{
	padding: 15px 0px 0px 120px;
	margin:0px;
	float:right;
	width:80px;
}

/* end basic page layout*/

/*-----------------------------------------------------------------------------------------------------start homepage layout css  */

div#pagecontent-hp 
{
	width:980px;
	margin:0px;
	padding:0px;
	float:left;
	
}

div#flash-container 
{
	width:940px;
	height:300px;
	background-color:#fff;
	margin:0px;
	padding:0 20px 0 20px;
	float:left;
}

div#triple-row-container 
{
	width:980px;
	height:260px;
	background-color:#fff;
	margin:0px;
	padding:0px;
	float:left;
}

div#about-us
{
	margin:0px;
	padding:0px;
	float:left;
	font-size:11px;
	line-height:14px;
}

div#latest-work-slideshow
{
	height:224px;
	margin:0px;
	padding:0px;
	float:left;
}

#latest-work-slideshow DIV 
{
	/*position:absolute;
	top:0;
	left:0;*/
	z-index:8;
	opacity:0.0;
	height: 224px;
	background-color: #FFF;
}

#latest-work-slideshow DIV.active 
{
	z-index:10;
	opacity:1.0;
}

#latest-work-slideshow DIV.last-active 
{
	z-index:9;
}

#latest-work-slideshow DIV IMG 
{
	height: 224px;
	display: block;
	border: 0;
	margin-bottom: 0px;
}

div#empoweren3
{
	margin:0px;
	padding:0px;
	float:right;
	font-size:11px;
	line-height:14px;
}

div#index-container 
{
	width:980px;
	margin:0px;
	padding:0px;
	float:left;
}


div#double-row-container 
{
	width:980px;
	height:260px;
	background-color:#fff;
	margin-top:30px;
	padding:0px;
	float:left;
}

div#mini-portfolio 
{
	padding:0px;
	margin:0px;
	float:left;
	width:680px;
}

div#latest-news 
{
	padding:0px;
	margin:0px;
	float:left;
}

div#awards 
{
	padding:0px;
	margin-top:20px;
	float:left;
	width:660px;
}


/*-----------------------------------------------------------------------------------------------------start slidebar */  

.tab 
{
	width:25px;
	height:225px;
	float:left;
}

.tab-content 
{
	padding:10px 5px 0px 0px;
	font-size:11px;
	line-height:16px;
}

.tab-text 
{
	float:left;
	width:340px;
	padding:5px 5px 5px 10px;
}

.active 
{
}

.kwicks 
{
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}

.kwicks li 
{
	float:left;
	display: block;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	width: 127px;
	height: 225px;
	margin:0px;
}

#kwick1 
{
	background-image:url('http://captiva-marketing.com/images/tab-bg.jpg');
	background-repeat:no-repeat;
	background-color: #fff;
}

#kwick1-tab 
{
	background-image:url('http://captiva-marketing.com/images/tab-search.gif');
	background-repeat:no-repeat;
}

.active #kwick1-tab 
{
	background-image:url('http://captiva-marketing.com/images/tab-search-hl.gif');
	background-repeat:no-repeat;
}

#kwick2 
{
	background-image:url('http://captiva-marketing.com/images/tab-bg.jpg');
	background-repeat:no-repeat;
}

#kwick2-tab 
{
	background-image:url('http://captiva-marketing.com/images/tab-design.gif');
	background-repeat:no-repeat;
	/*background-image:url('http://captiva-marketing.com/images/tab-search.gif');*/
}

.active #kwick2-tab 
{
	background-image:url('http://captiva-marketing.com/images/tab-design-hl.gif');
	background-repeat:no-repeat;
	/*background-image:url('http://captiva-marketing.com/images/tab-search-hl.gif');*/
}
#kwick3 
{
	background-image:url('http://captiva-marketing.com/images/tab-bg.jpg');
	background-repeat:no-repeat;
}

#kwick3-tab 
{
	background-image:url('http://captiva-marketing.com/images/tab-development.gif');
	background-repeat:no-repeat;
}

.active #kwick3-tab 
{
	background-image:url('http://captiva-marketing.com/images/tab-development-hl.gif');
	background-repeat:no-repeat;
}

#kwick4 
{
	background-image:url('http://captiva-marketing.com/images/tab-bg.jpg');
	background-repeat:no-repeat;
}

#kwick4-tab 
{
	background-image:url('http://captiva-marketing.com/images/tab-ecommerce.gif');
	background-repeat:no-repeat;
}

.active #kwick4-tab 
{
	background-image:url('http://captiva-marketing.com/images/tab-ecommerce-hl.gif');
	background-repeat:no-repeat;
}

#kwick5 
{
	background-image:url('http://captiva-marketing.com/images/tab-bg.jpg');
	background-repeat:no-repeat;
	margin-bottom: none;
}

#kwick5-tab 
{
	background-image:url('http://captiva-marketing.com/images/tab-public-relations.gif');
	background-repeat:no-repeat;
}

.active #kwick5-tab 
{
	background-image:url('http://captiva-marketing.com/images/tab-public-relations-hl.gif');
	background-repeat:no-repeat;
}
/* end homepage layout css  */

/*----------------------------------------------------------------------------------------------------- start clients page css  */

div#client-nav 
{
	width:235px;
	height:auto;
	padding: 0 15px 0 0;
	border-right: 1px #cdcccb solid;
	float:left;
}
.client-content 
{
	float:left;
	width:435px;
	height:auto;
	padding: 0 0 0 5px;
}
.client-box 
{
	width:200px;
	height:125px;
	padding:0px;
	margin: 2px;
	text-align:center;
	border: 1px #CCC solid;
	float:left;
}

/* end clients page css */ 

/*-------------------------------------------------------------------------------------------------------------------start portfolio pages styles*/

/*.port-hl 
{
	width:250px;
	float:left;
	margin: 0 0 0 20px;
}
.port-hl-support 
{
	width:250px;
	float:left;
	margin: 0 0 0 20px;
}*/
/* end porfolio pages css */ 


/*-------------------------------------------------------------------------------------------------------------------start contact form styles*/


form.formular 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	width:600px;
	margin:0;
}

.formular fieldset 
{
	margin-top: 0px;
	padding : 10px;
	border: 1px solid #B5B8C8;
}

.formular legend 
{
	font-size: 12px;
	color: #6f90cd;
	padding: 0 5px;
	font-weight: normal;
}

.formular fieldset label 
{
	float: none;
	text-align: inherit;
	width: 200px;
}

.formular label span 
{
	color: #666666;
	width:150px;
	display:inline-table;
	vertical-align:middle;
}

.formular input, .formular select, .formular textarea 
{
	display : block;
	margin-bottom: 5px;
}

.formular .text-input 
{
	width: 380px;
	color: #666666;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 10px;
	display:inline;
}

.formular textarea 
{
	width: 567px;
	height:150px;
	color: #464646;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-top: 4px;
	background: #FFF url('/img/form/text-bg.gif') repeat-x;
}

.formular .infos 
{
	background: #FFF;
	color: #333;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
}

.formular span.checkbox, .formular .checkbox 
{
	display: inline;
}

.formular .submit 
{
	background: url('/img/form/button-bg.png') repeat-x;
	border: 1px solid #AAA;
	padding: 4px;
	margin-top: 20px;
	float: none;
	text-decoration: none;
	cursor:pointer;
}

.formular hr 
{
	clear: both;
	visibility: hidden;
}

.formular .fc-error 
{
	width: 350px;
	color: 555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-bottom: 15px;
	background: #FFEAEA;
}

/* end contact form styles*/

.graphic-cap 
{
	width:200px;
	height:200px;
	background-color:#CCC;
	float:left;
	margin: 0 10px 0 10px
}

.imageFloatLeft {float:left; margin: 6px;}
.imageFloatRight {float:right; margin: 6px;}
.center { text-align: center; }
span.underline {text-decoration:underline}
span.strikethrough {text-decoration:line-through}