/* GENERIC OPEN PANEL ELEMENTS */
div.open_panel { position : absolute; margin-left : 20px;  left : 0px; top : 0px; width : 922px; }
div.open_panel .content { padding : 18px 30px; border : 1px solid #ccc; border-top : 0px; padding-bottom : 0px; background-color : #ffffff;}
div.open_panel .content-wrapper { padding-bottom : 50px; background : url('i/bg/soft-drop-shadow.png') 50% 100% no-repeat; }

/* NEED TO CHECK IE 7 BOUNCES THE BUTTON WHEN HEIGHT IS SET*/

/* SOLID OPEN PANEL ELEMENTS */
div.open_panel div.close { width: 20px; height: 18px; margin-bottom: 10px; border: 1px solid #646464; background: #525252; float: right; overflow: hidden; text-align: center; font-size: 85%; line-height: 18px; cursor: pointer; color : #ffffff; }
div.open_panel div.close:hover { background-color : #ff6600; color : #ffffff; }

div.open_panel div#trigger { position: relative; top: 0px; left : 760px !important; width: 157px; cursor: pointer; }
div.open_panel div.trigger-l, div.open_panel div.trigger-r { width: 25px; height: 24px; float: left; }
div.open_panel div.trigger-m { width: 99px; height: 24px; float: left; text-align: center; font-size: 85%; line-height: 24px; overflow: hidden; color: #ffffff; }

div.open_panel div.trigger-l { background: url(i/bg/trigger_l.png) 100% 0 repeat-x; }
div.open_panel div.trigger-r { background: url(i/bg/trigger_r.png) 100% 0 repeat-x; }
div.open_panel div.trigger-m { background: url(i/bg/trigger_m.png) 100% 0 repeat-x; }

/* SERVICES STYLES */
div.services-block { }
div.services-block h2 { margin-bottom : 20px; } 

div.services-block h3 { margin : 0px; float : left; width : 100px; font-size : 0.8em; text-align : right; margin-right : 5px;  }
div.services-block ul { list-style-type : none; margin : 0px; padding : 0px; width : 105px; float : left; }
div.services-block li { color : #000000; font-size : 0.9em; margin-bottom : 2px;}

.service1, .service2, .service3, .service4 { padding-top : 120px; width : 210px; float : left; }

.service1 { background : url('i/icons/service1.jpg') 18px 0 no-repeat; }
.service2 { background : url('i/icons/service2.jpg') 0 0 no-repeat; }
.service3 { background : url('i/icons/service3.jpg') 0 0 no-repeat; }
.service4 { background : url('i/icons/service4.jpg') 20px 0 no-repeat; }

.service3 { width : 230px; }
.service3 h3 { width : 120px !important; }