/*////////// VERTEX SRL / CSS GUIDE LINE /////////*/


* { margin:0; padding:0}

body { margin:0; padding:0; font-family:Helvetica, sans-serif, Arial; font-size:15px; color:#777;
       text-align:center; line-height:1.5em; }
	 
a:focus { outline:none}	 

img { border:0; } 

img, div, a, a:hover, h1, h2, h3 { behavior: url(iepngfix.htc) }



/*---------------- Links --------------*/

a { text-decoration:none; color:#777}

.mail a { background:transparent url(../images/mail_links2.png) no-repeat scroll 0 0; display:block; height:22px; margin-top:20px  }
.mail a:hover { background:transparent url(../images/mail_links2.png) no-repeat scroll 0 -22px;  }
.mail { text-indent:-5000px; font-size:0.1px}


.cur { color:#c3cf21; }


/*---------------- Layout --------------*/


#wrap { margin:0 auto; width:930px;  overflow:hidden; }


#logo a { background: transparent url(../images/logo.gif) no-repeat 0 0; 
          width:71px; height:193px; float:left;
          font-size:0px; text-indent:-5000px; margin-top:25px }
		  
#navbar { width:859px; float:left}		  
		  
#menu { list-style:none; float:right; margin-top:25px; }
#menu li { float:left; padding:5px }




#contentbox { float:left; text-align:left; width:859px; margin:0; padding-bottom:20px  }
#contentboxService { float:left; text-align:left; width:859px; margin-top:30px; padding-bottom:40px;   }
#contentboxWorks { float:left; text-align:left; width:859px; margin-top:0; padding-bottom:20px; height:350px   }

#header { margin:10px auto 0; width:859px; text-align:center; }
#payoff { margin:10px auto 0; width:859px; text-align:center; }



.clients { background:url(../images/introclients.gif) no-repeat scroll 0 55px}
.works { background:url(../images/back.jpg) no-repeat scroll 0 55px}
.philosophy {background:url(../images/backblank.jpg) no-repeat scroll 0 55px }
.intro {background:url(../images/backblank.jpg) no-repeat scroll 0 100px; margin:0 }
.service {background:url(../images/backblank.jpg) no-repeat scroll 0 190px; margin:0 }
.managers {background:url(../images/backblank.jpg) no-repeat scroll 0 95px; margin:0 }

#main { width:659px; float:left; height:300px; }


.clearer { clear:both }
.left { float:left;}
.right { float:right; text-align:right}



.row { width:855px; padding:20px; overflow:hidden; } 	  
.row div { float:left; display:inline; width:270px; margin:30px 15px 30px 0; line-height:130%}	 
.row h3, .row h2 { font-size:150%; font-weight:100; letter-spacing:-1px;}
.row h2 { margin:15px 0;}
.row p { padding-top:20px; font-size:93%;}



.rowService { display:block; margin-left:30px; overflow:hidden;  } 	  
.rowService div { float:left; display:inline; width:185px; margin:0 25px 5px 0; line-height:105%;}	 
.rowService h3, .rowService h2 { font-size:150%; font-weight:100; letter-spacing:-1px; line-height:105%  }
.rowService h3 { font-size:120%; margin-top:25px}
.rowService h2 { margin:0;}
.rowService p { font-size:88%; margin-top:10px }
.rowService a:hover { color:#c3cf21}

#last { margin:0 0px 5px 0;}


.rowManager {  margin-left:30px; overflow:hidden; height:340px } 	  
.rowManager div { float:left; display:inline; width:260px; margin:0 15px 0 0; line-height:115%; overflow:hidden }	 
.rowManager img { float:left; } 
.rowManager p { padding-left:110px; font-size:88%; padding-top:55px; }
.rowManager h3 { font-size:0.1px; text-indent:-5000px; }





		  


/* Slider */

.sm { cursor:pointer; list-style-image:none; list-style-position:outside; list-style-type:none; 
      display:block; overflow:hidden; position:relative; margin:20px auto; padding:0; width:700px }
.sm li {float:left; display:inline; overflow:hidden; background:#fff;}
.sm ul { position:relative; list-style:none; display:block; overflow:hidden; cursor:pointer; }
.sm ul li {}

.floatbox { overflow:hidden; min-height:250px;}
.float-left { float:left; overflow:hidden; padding:20px 0; display:block; width:700px  }
.float-left h2 { float:left;  font-size:0.1px; text-indent:-5000px; margin:0 20px; width:200px; height:230px  }
.float-left p { float:left; width:290px; font-size:100%; line-height:150%; margin:0 }
.float-left img {  float:left;}
.sm a img { border:0;}



/*    Scroll      */

#scroll {
	width: 200px;
	height: 185px;
	overflow: auto;
	position: relative; float: left;
	padding:; margin-top:35px;
	}
#scroll ul li { display:block; list-style:none; padding:10px; }
#scroll li a { text-decoration:none; color:#777;   }
#scroll li a:hover { }
#scroll h2 { font-weight:100; font-size:100%; line-height:1em }
#scroll h3 { font-weight:100; font-size:85%; margin:0; line-height:1.2em  }
#scroll p { font-size:88%; line-height:120% }
.space { padding-top:15px}



/* Scroll Bar Master Styling Starts Here */

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbase {
width: 11px; 
background: url(../images/line.gif) repeat-y ;

}
.vscrollerbar {
width: 6px; left:3px;
background: #c3cf21;

}
.vscrollerbar {
padding: ;
z-index: 2;
}


/*       Slider          */


#slider{}
	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:530px;
	height:280px;
	overflow:hidden;
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:24px;
	height:77px;
	position:absolute;
	left:-30px;
	top:130px;
	}	
#nextBtn{ 
	left:535px;
	}														
#prevBtn a, #nextBtn a{  
    font-size:0.1px;text-indent:-5000px;
	display:block;
	width:24px;
	height:25px;
	background: transparent url(../images/btn_prev.png) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background: transparent url(../images/btn_next.png) no-repeat 0 0;	
	}

#content{
		position:relative; margin:15px auto; width:530px
		}


/*       Footer      */



#footer {clear:both; font-size:85%; text-align:center; margin:0 auto; width:859px; padding: 0 0 15px 71px;  }
#footer a:hover { color:#c3cf21}


/*      Tooltip       */

#disclaimer { display:none; }