@charset "utf-8";
/* CSS Document */
/* Stylesheet created by: Carlos Morales for Fundamental */

body{
	background-color:#B3B3B3;
	background: url(../images/funda2_bkg.jpg) repeat-x;
	width:100%;/**/
	margin: clear;
}

p, h1, h2, h3, h4, h5, h6 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	margin: auto;
}

p.content {
	font-size:1em;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	padding:20px;
	margin: auto;
}

h3.title.service {
	color:#000;
	font-size:1em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:20px 0px 0px 20px;
	padding-left:10px;
}

p.service {
	color:#000;
	font-size:.9em;
}

#servicebox {
	position:relative;
	float:left;
	width:300px;
	background:#ccc url(../images/service_top.jpg) no-repeat top;
	margin:20px 0px 10px 20px;
	padding-bottom:10px;
}

dl.service {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:.9em;
	color:#000;
	padding-left:40px;
	/**/
		
}

li.list service {
   list-style:url(../images/bullet.gif);
   display:block;
   list-style-position:outside;
   text-indent:30px;
   padding-left:30px;/*   */
}

h6 {
	display:none;
}

/*ul li { display:inline; padding:0; list-style:none; }
*/

.content.li { display:block; list-style:circle; }

a img { border: none; }

a:link, a:visited{
	color:#900;
	text-decoration:underline;
}

a:hover, a:active{
	color:#FFF;
}

.title {
	color:#C00;
}

H3.title {
	font-weight: bold;
	font-size: 1.5em;
	line-height: 0.5em;
	margin:25px 0px 0px 0px;
}

H3.title.content {
	padding:10px 0px 0px 20px;
}

.content {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.contentbold  {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#topbkg {
	/*position:relative;*/
	/*float:left;*/
	margin-top:63px;
	/*top:33px;*/
	background:url(../images/maincontent_bkg3_top.jpg) no-repeat;
	width:665px;
	height:40px;
	z-index:1;
}

#contentbkg{
	/*top:45px;*/
	position:relative;
	float:left;
	width:665px;
	height:auto;/**/
	background:#e7e7e8 url(../images/maincontent_bkg3_top.jpg) no-repeat top;
	
}

#botbkg {
	float:left;
	background:url(../images/maincontent_bkg3_bot.jpg) no-repeat;
	width:665px;
	height:40px;
}

.center {
	text-align:center;
	margin: clear;
	top:0;
}


/*/// Layout ////*/

div#outerDiv {
	position:relative;
	/*float:inherit;*/
	width:827px;
	/*height:auto;*/
	margin: 0 auto;
}

div#leftcolumn {
	position:absolute;/**/
	width:78px;
	height:750px;
	background:url(../images/leftcolumn_bkg.jpg) repeat-y right;
	top:0;/**/
	left:0;
	float:left;
}

div#center {
	/*position:absolute;*/
	width:827px;
	/*height:100%;*/
	top:0;	
	left:78px;
	margin:clear;
	/*float:left;*/
	
}

div#rightcolumn {
	position:absolute;/**/
	width:78px;
	height:100%;
	background:url(../images/rightcolumn_bkg.jpg) repeat-y;
	top:0;/**/
	left:905px;
	float:left;
	
}


/*//// Header //// */

div#headerDiv {
	/*position:relative;*/
	height:90px;
	width:827px;
	/*background:url(../images/header_bkg.jpg) no-repeat top;
	background-position:-10 top;
	top:0;*/
	/*margin-bottom:0px;
	left:0;
	float:left;*/
	
}

div#logo {
	position:relative;/**/
	background:url(../images/fundamental-logo.gif) no-repeat;
	top: 20px;
	left:40;
	width:276px;
	height:45px;
	text-indent:-1080px;
}

/* /// Main Menu /// */

#header #mainMenu {
	/*position:relative;*/
	top:320px;
	/*bottom:10;
	*/
}

#footer {
	position:relative;
	float:left;
	margin-top:10px;
	margin-left:0;
	padding-top:5px;
	display:block;/**/
	background:#d8d8d8 url(../images/footer_bkg.jpg) repeat-x top;
	/*top:50px;
	bottom:50px;*/
	width:100%;
	height:150px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.8em;
	/*bottom:0;*/
}

#footer link {
	color:#333;
}

#mainMenu ul {
	list-style:none;
	left:0px;
	margin:0;
	padding-left:20px;
}

#mainMenu li {
	float:left;
	margin:0;
	/*padding:24px 0px 0px 10px;*/
}

#mainMenu li a:link, #mainMenu li a:visited {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	display:block;
	color:#000;
	text-decoration:none;
	padding: 25px 15px 0px 15px;/**/
	margin-right:5px;
	line-height:15px;
	border:none;
	height:45px;
	width:87px;
	top:10;/**/
}

#mainMenu li a:hover, #mainMenu li a:active {
	color:#C00;
	background:url(../images/rollover2.gif) no-repeat;
	padding: 25px 15px 0px 15px;/**/
	background-position:left center;
	font-weight:bold;
}

#mainMenu li a.current {
	margin-top:-5px;
	height:65px;
	background:url(../images/rollover2.gif) no-repeat;
	background-position:30px center;
	color:#666;
	line-height:25px;
}

#mainMenu li a.current: {
	cursor:default;
}

/* /// Main Content /// */

#mainContentBkg {
	position:relative;
	float:left;
	background:url(../images/maincontent_bkg3.jpg) no-repeat;
	width:665px;
	height:300px;
	/*top:-8px;*/
}

#mainContentBkg2 {
	position:relative;
	float:left;
	background:url(../images/maincontent_bkg2.jpg) no-repeat;/**/
	width:800px;
	height:300px;
	/*top:-5px;*/
}

#featuredBox {
	position:relative;
	background:url(../images/images/featured_content_bkg3.jpg) no-repeat;
	float:left;
	width:800px;
	height:150px;
	margin: auto;
	top:30px;
	left:0px;
}
#featuredContent {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight:bold;/**/
	color:#600;
}
#featuredContent ul{
	list-style:none;
	left:0px;
	margin:0;
}

li.featured-title-cs{
	background:url(../images/case_study_title.jpg) 0 0 no-repeat;
	
}

span.featured-title-cs  {
	list-style:none;
	text-indent:-1800px;
}


#roll {
	display:block;
}

#roll .a {
	display:none;
}

#featuredContent li {
	list-style:none;
	/*position:relative;*/
	float:left;
	background:url(../images/featured_content.gif) no-repeat;/**/
	margin-left:auto;
	padding:5px 8px;
	width:216px;
	height:107px;/**/
}

#featuredContent a:link a:visited {
	border:0;
}

#featuredContent a:hover a:active {
	color:#FFF;
	border:0;
}

#servicebox2 {
	position:relative;
	background:url(../images/images/featured_content_bkg3.jpg) no-repeat;
	float:left;
	width:150px;
	height:500px;
	margin-left: 600px;
	/*top:30px;
	left:0px;*/
}

#portfolioBox {
    height:300px;
    width:665px;
	float:left;
	/*top:10px;*/
}

#portfolio_nav {
   
    width:124px;
	padding:30px 0 0 0px;
	float:left;
	margin:auto;
}

#portfolio_nav ul li {
   
	list-style:none;

}

#services_nav {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
    width:150px;
	padding:10px 0px 0px 0px;
	float:left;
	margin:auto;
}

#portfolioTab ul{
	float:left;
	position:relative;
	display:block;
	text-decoration:none;
	list-style:none;
}

#portfolioTab li {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color:#000;
	width:121px;
	height:73px;
	text-decoration:none;
	list-style:none;
	display:block;
	margin:0px 0px 0px -30px;
}

#portfolioTab li a:link, #portfolioTab li a:visited{
	color:#000;
	text-decoration:none;
	list-style:none;
	padding: 5px 0px 0px 5px;
}

#portfolioTab li a:hover, #portfolioTab li a:active{
	color:#FFF;
	/*background:url(../images/boton.jpg) no-repeat;
	background-position:left center;*/
	padding: 5px 0px 0px 5px;
	padding: 25px 15px 0px 15px;

}

#portfolioBox div {
	position:absolute;
	float:left;
	left: 6px;
	/*top: -7px;*/
	width: 100%;
}

#portfolioThumbs {
	height:270px;
    width:535px;
	/*float:right;
	position:relative;
	display:block;*/
	margin:15px 0px 10px 124px;
	padding:0;
	display:inline;
	/*background:url(../images/portfolio_bkg.gif) no-repeat;*/
}

#portfolio {
	position:absolute;
	margin: 5px 0 0 100px;
	width:550px;
	padding:0;
	float:right;
	
}

#portfolioThumbs ul li { display:inline; margin:0px; }


#thumbsRow1 {
	
	padding:10px 10px 10px 12px;
	margin-top:5px;
}

#thumbsRow2 {
	
	padding:10px 10px 10px 12px;
	/*margin-top:-30px;*/
}

/*ul gallery { padding-left: 12px; margin-top:8px; }*/


/*** Botones RollOver Start ***/

#graphicDesign 
{
  display: block;
  width: 121px;
  height: 36px;
  background:url(../images/graphicdesign_boton.jpg) no-repeat 0 0;
  background-position: 0 0;
  list-style:none;
  margin-left:-34px;

}



#graphicDesign:hover
{ 
  background-position: 0 -36px;
}

#portfolio_nav ul li a.activo
{ 
   cursor: default;
   background-position: 0 0;
}

#portfolio_nav ul li a.inactivo
{ 
   background-position: 0 -36px;
}

#portfolio_nav ul li a.inactivo:hover {
    
	background-position: 0 0;
}

#graphicDesign span
{
  display:none;
}

#web
{
  display: block;
  width: 121px;
  height: 36px;
  background: url(../images/webdesign_boton.jpg) no-repeat 0 0;
  background-position: 0 0;
  list-style:none;
  margin-left:-34px;

}

#web:hover
{ 
  background-position: 0 -36px;
}

#web span
{
  display:none;
}

#motion
{
  display: block;
  width: 121px;
  height: 36px;
  background: url(../images/motiondesign_boton.jpg) no-repeat 0 0;
  background-position: 0 0;
  list-style:none;
  margin-left:-34px;

}

#motion:hover
{ 
  background-position: 0 -36px;
}

#motion span
{
  display:none;
}


/*** Botones RollOver End ***/