/* CSS Document  */

/*   

Theme Name: title project - James D Wilkerson 
Theme URI: http://cynfyn.com/web/wilkerson/jdw_designs/imagepages/image1.html
Author: cynfyn solutions
Author URI: http://www.cynfyn.com
Version: 1.0
Description Development: Builder CSS+xhtml>>Jose A Gomez Jaramillo  - Design Elements>> Rafael Bernal

*/

/*...........................
	html
............................*/
* {
	margin: 0;
	padding: 0;
	border: none;
	}

html {
	text-shadow: #000 0px 0px 0px;/* Elimina el efecto bold en Safari */
	}
body{
	background:url(images/bg_html.jpg) #e5e5e5 repeat-x;
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}	
/* Clases tiles */
.p_relative{
	position:relative;
	}

a:link {
 	color: #fff;
 	text-decoration: none;
	}
a:visited {
 	text-decoration: none;
 	color: #fff;
	}
a:hover {
 	text-decoration: underline;
 	color: #000;
	}
a:active {
 	text-decoration: none;
	}	
p{ 
	margin-bottom:20px;
	}
table {	
	border-collapse: collapse;
	}
td{	
	text-align:left;
	}
/*---------------------------
	site
------------------------------*/
#wrapper{
	width:756px;
	margin:0 auto;
	background:url(images/bg_content.gif) repeat-y;
	overflow:hidden
	}
#wrapper:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#bg_nav_top{
	height:26px;
	background:url(images/bg_top_nav.gif);
	}	
#header{
	background:url(images/header.gif) top no-repeat;
	width:724px;
	height:109px;
	margin:0 auto;
}	
#content{
	width:718px;
	margin:0 auto;
}
#content:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#cont_menu_left{
	width:245px;	
}
#cont_flash{
	width:461px;
	height:210px;	
}
#cont_hd{
	width:461px;
	height:210px;	
}
#cont_menu_left, #cont_flash{
	float:left;
}
#cont_menu_left, #cont_hd{
	float:left;
}
#footer{
	background:url(images/bg_content_footer.jpg) no-repeat;
	overflow:hidden;
	clear:both;
	width:724px;
	height:70px;
	margin:0 auto;
}

#bg_bottom{
	background:url(images/bg_footer.gif) no-repeat;
	width:756px;
	height:23px;
}
/********************
      INDEX
*********************/
#cont_index_top{
	width:723px;
	margin:0 auto;
	background:url(images/bg_cont_index_top.jpg) no-repeat;
	height:16px;
}
#cont_index_center{
	width:723px;
	margin:0 auto;
	background:url(images/bg_cont_index_center.jpg) repeat-y;
}
#cont_index_bottom{
	width:723px;
	margin:0 auto;
	background:url(images/bg_cont_index_bottom.gif) no-repeat;
	height:23px;
}
#cont_index_center:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#cont_welcome{
	width:312px;
	background:url(images/bg_justice.jpg) top right no-repeat;
}
#cont_case_studies{
	width:319px;	
}
#cont_welcome, #cont_case_studies{
	float:left;
	margin-left:30px !important;
	margin-left:15px;
}	
#link_logo {
	position:absolute;
	left:5px;
	top:26px;
	width:414px;
	height:73px;
	z-index:1;
	background:url(images/blank.gif) repeat;
	cursor:pointer;
}	
	
/*---------------------------
	DropDowns Menu
------------------------------*/
	
div.menu_drop {
        width: 100%;
        border-style: solid solid none solid;
        border:1px solid #311E0F;
        }
div.menu_drop  ul  li {
        list-style: none;
        margin: 0;
        padding: 0;
		border-bottom:1px solid #311E0F;
		border-left:1px solid #311E0F;
        }
		
div.menu_drop li a {
        height: 32px;
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 24px;
        text-decoration: none;
        }

div.menu_drop  li a:link, div.menu_drop  li a:visited {
        color: #CFBD81;
        display: block;
        background:#4F210C;
        padding: 8px 0 0 25px;
        }

div.menu_drop  li a:hover, div.menu_drop li #current { 
        color: white;
        background: #896336;
        padding: 8px 0 0 25px;
		text-decoration:none;
        }	
/**********************************/
#cont_internal{
	width:703px;
	margin:0 auto;
	/*background:url(images/bg_justice.jpg) top left no-repeat;*/	
}
.text_detail{
	font-size:12px;
	color:#000;
	padding:10px;
	text-align:justify;
}
.p_img{
	padding:14px 0 0 0;
}
.text_detail_int{
	font-size:12px;
	color:#000;
	text-align:justify;
	padding:5px;
}
.text_detail_footer{
	font-size:12px;
	color:#fff;
}	
.style_input{
	background:#FFFFFF;
	width:350px;
	border:1px solid #192D67;
}
.marq img{

	padding:4px;
	background:#E7E7E7;
	border:1px solid #D1CFCF;
	margin:10px;
	vertical-align:top;
	
}
.title{
	font-size:16px;
	font-weight:bold;
	color:#0E457D;
}
/*****************/
.link_more{
	font-size:12px;
	color:#0E457D;
	padding-left:5px;
	text-decoration:none;
}
.link_more a, .link_more a:visited, .link_more a:active{
	font-size:12px;
	color:#0E457D;
	padding-left:5px;
	text-decoration:none;
}
.link_more a:hover{
	color:#DFB253;
	text-decoration:none;
}
.portfoliohd{
	font-size:15px;
	background:#E0E8EF;
	border:1px solid #6B95BF;
	width:95%;
	}

/********************/
.bg_tb {
	font-size:11px;
	
	width:95%;
	margin:auto;
}

.bg_tb td{
	border-collapse: separate;
	border-collapse: collapse;
	border-spacing: 0;
}

.bg_tb td {
	border: 1px solid #22558A;
}

.bg_tb tr {
	text-align: left;
}
/*************************/	
/*----------------------
	button style
-------------------------*/	
buttons a, .buttons button{
	display:block;
	margin:0 3px 0 0;
	background-color:#0E457E;
	border:1px solid #0C365F;
	border-top:1px solid #0C365F;
	border-left:1px solid #0C365F;
	line-height:80%;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	padding:1px 3px 1px 3px; /
	}

/* STANDARD */
button:hover, .buttons a:hover{
	background-color:#dff4ff;
	border:1px solid #c2e1ef;
	color:#336699;
	}
.buttons a:active{
	background-color:#6299c5;
	border:1px solid #6299c5;
	color:#fff;
	}

/* POSITIVE */
button.positive, .buttons a.positive{
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.buttons a.positive:hover, button.positive:hover{
	background-color:#0080EC;
	border:1px solid #0060AF;
	color:#fff;
	}
.buttons a.positive:active{
	background-color:#0080EC;
	border:1px solid #0060AF;
	color:#fff;
	}

/* NEGATIVE */
.buttons a.negative, button.negative{
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.buttons a.negative:hover, button.negative:hover{
	background:#6ECED2;
	border:1px solid #36A3AF;
	color:#FFF;
	}
.buttons a.negative:active{
	background-color:#6ECED2;
	border:1px solid #36A3AF;
	color:#FFF;
	}
/*************************/