@charset "utf-8";



.body{

}
.h1{ 
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
color:#358BD4;
font-weight: bolder;
 


}
.h2{
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
color:#358BD4;
font-weight: bolder;
}

.h2link{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#358BD4;
font-weight: bolder;
text-decoration: inherit;
}

.divlist{
width:365px;
position:absolute;
padding:5px;
left:507px;
top: 550px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color:#f44b10;
font-weight: bolder;
text-decoration: inherit;

}
.hr{
color: #0066FF;

}
.p1{
padding:20px;
color:##FF3300;
}
/*style des packs*/

.pack1{
width:364px;
height:128px;
background-image:url(images/repacke2.png);
position:relative;
left:89px;
top:40px;
 margin-top:40px;

}
.pack2{
width:364px;
height:128px;
 background-image:url(images/repacke1.png);
 position:relative;
left:89px;
top:40px;
 margin-top:40px;
}


/*
.pack3{
width:380px;
height:138px;
background-image:url(images/repacke1.png);
position:relative;
left:71px;
top:70px;
}
*/

.h1pack{
position:relative;
top:-85px;
margin-left:135px; 
font-size:22px;
color:#FFFFDF;
font-family: "Agency FB";
font-weight:500;
}
.ulpack{
position:relative;
top:-83px;
margin-left:150px;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:600;

}
/*------------------------*/



.li{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:25px;


 
}
.divimgH{
	background-image: url(images/imgH.gif);
	background-repeat:no-repeat;
	width:300px;
	height:213px;
	float: right;
}
.logo{
background-image:url(images/logo_eye.jpg);
margin-top:5px;
margin-left:5px;
width:200px;
height:116px;
float:left;


}

.divheader{
	background-color:#000000;
	width:100%;
	height:229px;
	clear:none;
	position: absolute;
	left:0px;
}

.header{
	background-image:url(images/header.gif);
	width:700px;
	height:229px;
	position:relative;
	top:120px;
}

.divcenter{
	background-image:url(images/fond-centr.gif);
	background-repeat:repeat-x;
	width:100%;
	height:100%;

}
.divcontenu{
	background-color: #FFFBFD;
	width:898px;
	height:100%;
	position:relative;
	top:80px;
	margin-bottom:105px;
	border:double 1px #BBCFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
.divfooter{
	background-color:#282727;
	width:100%
}

.imgf{
	background-image:url(images/imgF.gif);
	background-repeat:no-repeat;
	width:365px;
	height:141px;
	

}

.tindex{

float:none;
padding:10px;
padding-left:10px;
padding-bottom:25px;
border-right: thick 2px;
border-right-color: #0099FF;
width:440px;
position:relative;

}




/* Reset */

/* Example style */
#BackgroundDiv{
	background: url("images/header.jpg");
	margin: 0 auto;
	width: 900px;
	height:229px;
	
	position: relative;
	top:73px;
	overflow: hidden;
}
#SwitchImg{
	left: 0px;
	top: 0px;
	position: absolute;
}
#TabMenu{
	position: absolute;
	top:50px;
	left:26%;
}
#TabMenu ul li{
	list-style-type: none;
	margin-right:1px;
	overflow: hidden;
	float: left;
}
#TabMenu ul li a{
	display: block;
	width: 100px;
	height: 23px;
	padding-top:5px;
}
#ImgObject{
	position: absolute;
	left:390px;
}

/* pggraphisme*/

.bgdiv{
background-image:url(images/bggraph.gif);
background-repeat:no-repeat;
background-position:0px 100px;
width:900px;
height:700px;

}
.divt{
padding:10px;
width:500px;
height:100%px;
position:absolute;
left:300px;
top:250px;
background: #CCCCCC;
opacity:.75;
filter:Alpha(Opacity=75);


}


.divopac{width: 220px; 
height:350px;
background: #000000 ;
opacity:.75;
filter:Alpha(Opacity=75);
border-top: solid 1px #999999;
position:absolute;
left:10px ;
top:10px; 

}

.menu{
padding:10px;
color:#FF3300;
font-family:Arial, Helvetica, sans-serif;
font: bolder;
}
/*--contctat--*/

.divt2{

width:320px; 
height:600px; 
padding:10px;
margin:10px;
background: #CCCCCC;
opacity:.75;
filter:Alpha(Opacity=75);
}

.divcon{
background-image:url(images/bgcontact.gif);
background-repeat: no-repeat;
background-position:left 120px ;
}
/*--heb--*/

.divbgheb{
background-image:url(images/bgsheb.gif);
background-repeat:no-repeat;
background-position:left 100px;
width:900px;
height:700px;

}
.hpack{
font-size:14px;
font-weight:bold;
color: #FF3300;
position:relative;
left:20px;

}
/*sitweb*/

.divbgweb{
background-image: url(images/bgweb.gif);
background-repeat:no-repeat;
background-position:left 100px;
width:900px;
height:700px;

}
 /*slidshow*/
#slideshow, #slideshow2 {
	position: relative;
	left:300px;
	top:10px;
	width: 510px;
	height: 180px;
	overflow: hidden;
	border: 5px solid #000000;
}
#slideshow img, #slideshow2 img {
	position: absolute;
	left: 200px;
	top: 10px;
	width: 510px;
	height:180px;
}
#pause1, #pause2 {
	z-index:100;
}
 /*formulaire*/
 
 .divf{
background: #CCCCCC;
background-image:url(images/grafique.png);
background-repeat:no-repeat;
background-position: 350px 320px;
border: solid #000000 5px;
width:500px;
height:100%;
padding:10px;
margin:10px;

opacity:.75;
filter:Alpha(Opacity=75);
 
 }
 .divf2{
background: #CCCCCC;
background-image: url(images/Locker.png);
background-repeat:no-repeat;
background-position:right;
border: solid #000000 5px;
position:relative;
left:490px;
top:40px;
width:300px;
height:100%;
padding:10px;
margin:10px;

opacity:.75;
filter:Alpha(Opacity=75);
 
 }
 /*pack*/
.tab3{

width:500px;
height:100%px;
position:absolute;
left:300px;
top:100px;
background: #CCCCCC;
opacity:.75;
filter:Alpha(Opacity=75);
border:#000000 solid 5px;




}

.divopac2{width: 220px; 
height:350px;
background: #000000 ;
opacity:.75;
filter:Alpha(Opacity=75);
border-top: solid 1px #999999;
position:absolute;
left:10px ;
top:90px;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
color:#FF3300;

}
/* memebre*/

 .info{
background: #CCCCCC;

border: solid #000000 5px;
width:230px;
padding:10px;
opacity:.90;
filter:Alpha(Opacity=90);
 
 }
 
 /*galery*/



.clear{
	clear:both;
}


#container2{
background-image:url(images/bg-ref.jpg);
background-repeat:no-repeat;
background-position:bottom;
height:800px;
width:890px;
}

#heading,#footer{
	background-color:#2A2A2A;
	border:1px solid #444444;
	height:20px;
	padding:6px 0 25px 15px;
	margin-bottom:30px;
	overflow:hidden;
}

#footer{
	height:10px;
	margin:20px 0 20px 0;
	padding:6px 0 11px 15px;
}

div.nomargin{
	margin-right:0px;
}

.pic{
	float:left;
	margin:10px  0px 10px 10px;
	border:5px solid  #CCCCCC;
	
	width:200px;
	height:250px;
}

.pic a{
	width:200px;
	height:250px;
	text-indent:-99999px;
	display:block;
}



/*galery*/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/*whois*/
#container {
	width: 900px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #F9F9F9;
}
#container #header #header_left {
	float: left;
	background-image: url(images/header_bg.gif);
	background-repeat: repeat-x;
	height: 42px;
	width: 45px;
}
#container #header #header_right {
	background-image: url(images/header_right.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 6px;
	float:none;
}
#container #content {
	font-family: Caviar Dreams;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	width: 900px;
}
#container #footer {
	font-family: Caviar Dreams;
	font-size: 12px;
	font-weight:bold;
	color: #999999;
	text-align: right;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-right-color: #000033;
	border-bottom-color: #000033;
	border-left-color: #000033;
}
#container #footer a {
	color: #999999;
	text-decoration: none;
	font-family: Caviar Dreams;
	font-size: 12px;
	font-weight:bold;
}

#container #header #header_main {
	float: left;
	padding: 5px;
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font: Caviar Dreams;
	font-weight:bold;
}
.sbtn    {
position:absolute;
top:3px;

	background-image: url(images/button.gif);
	border: 1px solid   #0066CC;
	height: 24px;
	width: 82px;
	font-size: 11px;
	color: #FFFFFF;
	background-position: center;
	margin-left:230px;

}
button {
	font-family: Caviar Dreams;
	font-size: 12px;
	color: #FFFFFF;
	height: 25px;
	width: 82px;
	margin-top:0px;
	background-image: url(images/button.gif);
	padding: 0px;
}




.dtable2{
width:900px;
	border:1px solid #ccc;
	border-collapse:collapse;
	
}

.dtable{
position:absolute;
top:31px;
left:500px;

	
	border:1px solid #ccc;
	border-collapse:collapse;
}

.dtable th  {
    padding:5px;
	background-image: url(images/hbg.gif);
	background-repeat: repeat-x;
    color:#fff;
}

.dtable2 th  {
    padding:5px;
	background-image: url(images/hbg.gif);
	background-repeat: repeat-x;
    color:#fff;
}

.dtable td{
	padding:5px;
    border:1px solid #CCC;
}

.dtable2 td{
	padding:5px;
}

.ava {
    color:#009900;
    text-align:center;
}

.tak {
    color:#CC0000;
    text-align:center;
}

.tr2 {
	background-color:#F1F1F1;
	padding: 5px;
}

input {
    color: #555;
}
/* ui style*/

----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 300; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
*/


/* Component containers
----------------------------------*/
.ui-widget { width:300px; margin:20px;font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }



/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Overlays */
.ui-widget-overlay {   background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }





/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*contactable*/
/* theodin.co.uk -Designed and developed by Philip Beel All Rights Reserved*/

/* 
------------------------------------------------------------------------------------------------------Genetic--------------*/

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

body {
	font-family: georgia;
	font-size:1.1em;
	height:100%;
	width:100%;	
	background-color:#dfdfdf;
}

#contactable {
	background-image:url(images/contact.png);
	color:#FFFFFF;
	background-color:#333333;
	cursor:pointer;
	height:102px;
	left:0;
	margin-left:-5px; 
	overflow:hidden;
	position:fixed;
	*position:absolute;
	text-indent:-100000px;
	top:230px;
	*margin-top:200px;
	width:44px;
	z-index:100000;
}

#contactForm {
	background-color:#333333;
	background-image: url(images/birdy.jpg);
	background-repeat:no-repeat;
	background-position:200px 340px;
	border:2px solid #FFFFFF;
	color:#FFFFFF;
	height:450px;
	left:0;
	margin-left:-400px;
	margin-top:-160px;
	overflow:hidden;
	padding-left:30px;
	position:fixed;
	top:200px;
	width:360px;
	*width:394px;
	z-index:99;
}

form#contactForm input, textarea {
	background:#FFFFFF none repeat scroll 0 0;
	outline-style:none;
	outline-width:medium;
	width:325px;
	padding:5px;
	border:1px solid #dfdfdf;
	font-family: georgia;
	font-size:1em;
	margin-bottom:10px;
}

form#contactForm .submit {
	background: #F5410F none repeat scroll 0 0;
	outline-style:none;
	outline-width: thin;
	width:200px;
	padding:5px;
	border:3px solid #F52D0F;
	outline-color:-moz-use-text-color;
	font-family: georgia;
	font-size:1em;
	cursor:pointer;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bolder;
	font-family:Helvetica;
	margin-top:10px;
}

form#contactForm p {
	width:325px;
	font-size:0.9em;
}

#contactForm .red {
	color:	#F5410F;
}

#overlay {
	background-color:#666666;
	display:none;
	height:100%;
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:0;
}

#contactform .error { background-color: #EDBE9C; }

#contactform #loading {
	background: url(images/ajax-loader.gif) no-repeat;
	width:55px;
	height:55px;
	margin: 100px auto;
	display:none;
}

#callback {
	font-family: georgia;
	font-size:1.1em;
	color: #FFF;
	width:325px;
	margin: 100px auto;	
	display:none;
}


.holder {
	margin:0 auto;
	padding-top:20px;	
}