/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:0.95em; text-align:center; background:url(images/bg.gif) repeat top #333333}
html, input, textarea	{	font-family:Tahoma; 
		color:#b5b5b5;	}	

.vam{ vertical-align:middle}
.clear { clear:both;}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}
.width{ width:100%}
div.container {	overflow:hidden; width: 100%;}


.mainlink a:link, .mainlink a:visited {
font-size: 18px;
text-decoration: none;
}

a img{ border:0px}
img{ vertical-align:top;  }

b{color:#018eb9;} 
.a1{color:#3d829c; display:block; margin-bottom:11px;} 

ul{margin:0; padding:0; list-style:none;}
ul li{background-position:0 9px; margin:0px; padding-left:10px; }
ul li a{color:#ffffff; text-decoration:none; line-height:1.6em; font-weight:normal;  } 
ul li a:hover { text-decoration:none; }

.ul1 li{background:url(images/arrow1.gif) top left no-repeat; background-position:0 7px; margin:0px; padding-left:32px; }
.ul1 li a{color:#d4dade; text-decoration:none; line-height:1.9em; font-weight:normal;  font-family:Helvetica; font-size:1.5em} 
.ul1 li a:hover { text-decoration:underline; }

.ul2 li{background:url(images/arrow2.gif) top left no-repeat; background-position:0 7px; margin:0px; padding-left:32px; }
.ul2 li a{color:#d4dade; text-decoration:none; line-height:1.9em; font-weight:normal; font-family:Helvetica; font-size:1.5em} 
.ul2 li a:hover { text-decoration:underline; }

.link1 { display:block; float:left; background:url(images/link1_bg.gif) left top repeat-x; text-decoration:none;}
.link1 em { display:block; background:url(images/link1_left.gif) no-repeat left top;}
.link1 b { display:block; background:url(images/link1_right.gif) no-repeat right top; padding:5px 19px 13px 15px; font-weight:normal; font-style:normal;}
.link1 a {color:#c9e8fa;  text-decoration:none; font-weight:bold; font-size:.9em}
.link1 a:hover {color:#b5b5b5;  text-decoration:none; font-weight:bold;}

.link2 { display:block; float:left; background:url(images/link2_bg.gif) left top repeat-x; text-decoration:none;}
.link2 em { display:block; background:url(images/link2_left.gif) no-repeat left top;}
.link2 b { display:block; background:url(images/link2_right.gif) no-repeat right top; padding:5px 19px 13px 15px; font-weight:normal; font-style:normal;}
.link2 a {color:#c9e8fa;  text-decoration:none; font-weight:bold; font-size:.9em}
.link2 a:hover {color:#b5b5b5;  text-decoration:none; font-weight:bold;}


/*header*/
#header {font-size:0.75em; color:#FFFFFF }
#header .indent{padding:0px 0px 0px 0px}
#header .logo{ margin:0px 353px 0px 0px }
#header .slogan{ margin:95px 0 0px 388px }
#header .but{ margin:18px 0 0px 388px }
#header .m{ margin:0px 0 0px 22px }





/* Header */
#headertop
{ 
	height: 90px;  
	background: #333333 url(images/pagebg.png) repeat-y left top; 
}

#headertop .indent{padding:0px 0px 0px 0px}
#headertop .header-logo
{
	width: 300px;
	float: left;
	height: 80px;
	padding-top: 10px; 
	background: #333333 url(images/pagebg.png) repeat-y left top; 
 
}


#headertop  .header-menu
{ 
	width: 650px;
	float:left;   
	background: #333333 url(images/pagebg.png) repeat-y left top;
	padding-top: 10px;
	font-size: 18px;
	color: #ffffff;
	height: 80px;
	display:block;
	font-family: "Century Gothic";
}


#headertop  .header-menu a 
{ 
	 
	font-family: "Century Gothic";
	color: #ffffff;
}

#header .logo2 {
	height: 220px;
	background: #FFFFFF url(images/logo2.png) repeat-y right top;
	font-size: 14px;
	line-height:20px;
}

#header .logo1 {
	height: 220px;
	background: #FFFFFF url(images/logo1.png) repeat-y right top;
}
























/*content*/
#content{ font-size:0.75em; width:100%; text-align:left; background:#333333; font-family:Arial}
#content .indent_main{padding:0px 0px 0px 0px}
#content .indent_col1{padding:0px 0px 0px 0px;}
#content .indent_col2{padding:0px 0px 0px 0px}
#content .indent{ padding:25px 30px 75px 14px; }
#content .indent1{ padding:25px 26px 35px 14px; }
#content .title{  margin-bottom:16px}
#content .title1{  margin:12px 0 0 21px; position:absolute}
#content .title2{  margin:2px 0 0 6px; position:absolute}
#content .pic_left{ float:left; margin:0px 20px 16px 0px}
#content .pic{ margin:0px 0px 23px 0px}
#content .pic1{ margin:0px 0px 13px 0px}
#content .line{ margin:10px 0px 26px 0px}
#content p{ margin:0px 0px 23px 0px}
#content .p1{ margin:0px 0px 17px 0px}
#content .p2{ margin:0px 0px 8px 0px}
#content .p{ margin:0px 0px 5px 0px}
#content .txt{ color:#468fab; font-weight:bold; float: right}
#content .txt1{ color:#468fab;}

/*block*/
.block{ background:#333333; width:100%;}
.block .bg_bottom_left{  width:100%; }
.block .bg_top_left{ width:100%; }
.block .indent_block1{ padding:69px 0px 39px 36px; }
.block .indent_block{ padding:26px 40px 39px 37px; }
/*block1*/
.block1{ background:#333333; width:100%; }
.block1 .bg_top_left{ }
.block1 .bg_top_left_1{   }
.block1 .bg_top_right{  }
.block1 .bg_bottom_left{  }
.block1 .bg_bottom_right{  width:100%; }
.block1 .indent_block1{ padding:69px 0px 39px 40px; }
.block1 .indent_block{ padding:25px 18px 40px 39px; }
.block1 .indent_block2{ padding:15px 5px 10px 19px; border-left: thin; border-left-color:#666666; border-left-style:dotted;}
/*block2*/
.block2{ background:#333333; width:100%; }
.block2 .indent_block{ padding:25px 40px 80px 14px; }
.block2 .indent_block1{ padding:25px 40px 45px 14px; }
/*block3*/
.block3{ width:100%; }
.block3 .indent_block{ padding:26px 18px 56px 37px; }

#page2 .pad{ padding:0 30px 0 0}
#page2 .width1{ width:179px}


/*footer*/
#footer { width: 1000; color:#ededed; font-size:0.6875em;  repeat-x top; padding:11px 10px 15px 24px; text-align:left; padding-left: 140px;}
#footer a {color:#ededed; text-decoration:none}  
#footer a:hover {  text-decoration:none}

.h{ height:36px}
.block_contact span{ float:right; margin-right:30px}
input{
   	border:1px solid #d0d0d0; 
	background:#FFFFFF;
	width:145px; height:18px;
	font-size:1em;
	color:#000000;
	padding-left:5px;
	margin-bottom:3px
}
textarea{
   	border:1px solid #d0d0d0; 
	background:#FFFFFF;
	width:151px; height:70px;
	font-size:1em;
	color:#000000;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
	
	
	
	
.title1 {
	margin: 0;
	padding: 10px 0;
	background: url(images/img07.gif) repeat-x left bottom;
	font-weight: normal;
	font-size: 129%;
	color: #FFFFFF;
}

.title2 {
	margin: 0;
	padding: 10px 0;
	background: url(images/img09.gif) repeat-x left bottom;
	font-size: 227%;
	font-weight: normal;
	color: #61b1fb;
}


.title22, .title22 a: link, .title22 a:visited, .title22 a:hover {
	
	font-family: "Century Gothic";
	margin: 0; 
	font-size: 227%;
	font-weight: normal;
	color: #ffffff; 
	text-decoration: none;
}

.title3 {
	margin: 0;
	padding: 10px 0;
	background: url(images/img11.gif) repeat-x left bottom;
	font-size: 129%;
	font-weight: normal;
	color: #FFFFFF;
}
.title4 {
	margin: 0;
	padding: 10px 0;
	background: url(images/img07.gif) repeat-x left bottom;
	font-size: 109%;
	font-weight: normal;
	color: #FFFFFF;
}

.boxed {
	padding: 5px 30px 20px 30px;
}

.boxed p, .boxed ul, .boxed ol {
	line-height: 180%;
}

.orange {
	margin: 20px 30px; 
}

.orange a {
	color: #FFFFFF;
}

/* Menu */

#menu {
	padding: 20px;
	background: #333333 url(imdages/img04.gif) repeat-x;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	padding: 5px 0;
	background: url(images/cimg05.gif) repeat-x;
}

#menu li.first {
	background: none;
}

#menu a {
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #9accfa;
}

/*--- Slideshow styles --*/

.carousel { width:640px; position: relative; height:420px; }

.carousel .slides { width: 640px; height: 420px; margin-top:0px; position: absolute; top:0; }

.carousel ul a img { border: 0px; }

.carousel .slides ul { width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; height:420px; }

.carousel ul li { display:block; float:left; padding: 0px; height: auto; width: 640px; text-align:center; }

.carousel ul li a img { display:block; }

.slides p { color:#74cce9; font-size:18px; text-align:center; margin-top:5px; }
.slides h6 { color:#74cce9; font-size:14px; text-align:center; margin-top:0px; font-weight:normal; }

.forward { background:url(../images/common/btn-next.png) no-repeat; width:50px; height:50px; position: absolute; top: 330px; cursor: pointer; right: 15px; }

.back { position: absolute; top: 330px; cursor: pointer; left: 15px; background:url(../images/common/btn-prev.png) no-repeat; width:50px; height:50px; }










.carousel1 { width:640px; position: relative; height:420px; } 
.carousel1 .slides1 { width: 640px; height: 420px; margin-top:0px; position: absolute; top:0; }  
.carousel1 ul a img { border: 0px; } 
.carousel1 .slides1 ul { width: 9999px; list-style-image:none;   list-style-type:none; margin:0; padding:0; position: absolute; top: 0; height:420px; } 
.carousel1 ul li { display:block; float:left; padding: 0px; height: auto; width: 640px; text-align:center; } 
.carousel1 ul li a img { display:block; } 
.slides1 p { color:#74cce9; font-size:18px; text-align:center; margin-top:5px; }
.slides1 h6 { color:#74cce9; font-size:14px; text-align:center; margin-top:0px; font-weight:normal; }








/*--- Lightbox styles ---*/
#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%; 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; }


a{color:#ffffff; text-decoration:none} 
a:hover{color: #cae6fc; text-decoration:none}

/*** edited by patrick ***/

.drake-list li { margin-bottom:8px; position:relative; width:86%; list-style:none;}
.drake-list li img { margin-bottom:1px;}
.drake-list li .floated { position:absolute; display:block; width:31px; top:0; right:-40px;}
li span.drake-title { font-size:15px; text-decoration:underline; font-weight:bold; line-height:20px;}
li span { display:block; padding-top:12px;}
li .num { font-size:15px; font-weight:bold; position:absolute; display:block; width:20px; height:20px; top:8px; left:-20px;}