@charset "utf-8";
/* CSS Document */

#html {padding:0px; scrolling:none;}

body {
	padding:0px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	margin-right:0px;
	text-align:justify;
	font-family:"Arial, Helvetica, sans-serif";
	font-size:12px;
	background:#e2e1e1 url(../images/bg-seg.png) repeat-x; behavior:url("../iepngfix.htc");
	}
	#blanket {

position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
background:#336600;
opacity:0.7;
}
#popUpDiv {
position:absolute;
background-color:#FF9900;
width:300px;
top:300px;
left:20px;
height:300px;
float:left;
z-index: 9002;
-moz-border-radius:0.8em;
border-radius:0.8em;
-webkit-border-radius:0.8em;
border:1px solid #006600;
}
div.skai {
width:200px; 
height:200px; 
float:left; 
vertical-align:top;
position:fixed; 
left:-10px;
top:350px;
  }
  div.vertical {
width:137px; 
height:131px; 
float:left; 
vertical-align:top;
position:fixed; 
left:0px;
top:470px;
 }

p {font-family:"Arial, Helvetica, sans-serif";
	font-size:12px; color:#666666;}
h1 {
	color:#0099FF;
	font-size:16px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:5px;
	padding-bottom:10px; border-bottom:1px dotted #CCCCCC;
	}
h1.default-header {
	color:#0099FF;
	font-size:16px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:5px;
	padding-bottom:10px; border-bottom:1px dotted #CCCCCC;
	}
strong {color:#999999;}
span.title {color:#666666;}
h2 {
	color:#62B0FF; font-size:16px; font-family:"Century Gothic";
	padding-bottom:10px; border-bottom:1px dotted #CCCCCC;}
h3 {color:#62B0FF; font-size:14px; font-family:"Century Gothic";
padding-bottom:10px; border-bottom:1px dotted #CCCCCC;}
.style9 {color: #333333}
.top-search-button {width:100px; height:33px; background:url(../images/top-btn.png) no-repeat; color:#fff; border:0px none;margin-top:5px;}
#apDiv1 {
	position:absolute;
	width:200px;
	height:120px;
	z-index:1;
	left: 446px;
	top: 6px;
}

img {border:none;}
img.centered {border:none; margin:0px auto;}

 

table {vertical-align:top; border:none;}
td {vertical-align:top; border:none;}
th {vertical-align:top; border:none;}
a.normal {background:none;}
a.normal:hover {background:none;}
a {color:#000; font-weight:bold; text-decoration:none;}
a:active {color:#000; font-weight:bold; text-decoration:none;}
a:hover {color:#0066FF; font-weight:bold; text-decoration:underline;}

a.cop-top {color:#fff;}
a.cop-top:hover {color:#fff; text-decoration:underline;}
ul li { list-style:circle;}
strong {color:#000000;}
em {color:#000000;}
.flash-frame {width:570px; height:430px; margin:0px auto; border:none;}
div.photo-album {padding:2px; border:1px dotted #ccc; margin:0px auto; }
#begin #main-content .fix {height:5px; width:995px; margin:0px auto;}
 
/* change thios where appropriate!! */

p {padding:10px; font-weight:normal; font-family:Arial; font-size:12px;}

span.copyright {padding-left:100px;}
/* -------- columns */

#introduction {width:972px;  border:0px none; vertical-align:top;}
#introduction a {color:#fff;}
#introduction a:hover {color:#fff;}
#introduction #left {PADDING-TOP:33PX; PADDING-LEFT:50PX; width:471px;} 
#introduction #right { width:391px;}

/* --- top elements ----*/
.style2 {font-weight: bold; color: #FFF; font-size: 11px;}
.style-white {font-weight: bold; color: #FFF; font-size: 11px;}
#main-wrapper {width:100%; height:100%; margin:0px auto; padding:0px; border:0px none; vertical-align:top;}


#header {width:100%; border:0px none; vertical-align:top; margin:0; padding:0;}
#header .line {width:100%; height:7px; background:#89d0fd; color:#fff;}
#header .line p {color:#fff; padding:none; margin:0;}
strong.white {color:#fff;}
#header .line a {color:#fff; text-decoration:none;}
#header .line a:hover {color:#fff; text-decoration:underline;}
#header .trademark {width:100%; height:100px; background:fff;}

#logo {width:999px; border:0; margin:0px auto; padding:0; height:auto; vertical-align:top;}
#logo .left-col {width:290px;}
#logo .right-col {margin:0;}
#logo .right-col .navigation {width:685px; height:auto; border:0;}
#logo .right-col .navigation .languages-col {height:26px; text-align:right;}
#logo .right-col .navigation .languages-col img {margin:3px;}
#logo .right-col .navigation .top-menu {height:84px;}

#footer {height:310px; background:#2992d4 url(../images/footer.png) repeat-x; width:100%;color:#fff;}


/* menu buttons */
/* m1 home page */
  #mymenu {background:url(../images top-elements/top-curv.png) bottom no-repeat; height:80px; width:685px; margin-left:10px; }
  #mymenu ul {float:left; margin:0px; padding:0px;}
  #mymenu  li {display:inline; margin:0px; padding:none; float:left;}
 #mymenu li a.hotel-link 
 {
 display:block;width:120px; height:50px; font-family:Arial; background:none; color:#474747; 
 font-size:13px; padding-top:20px; padding-left:20px;height:auto; font-style:normal; text-decoration:none;
 background:url(../images/menu/menu-line.png) center bottom no-repeat; padding-bottom:40px;
 }
  #mymenu li a.hotel-link:hover 
  {
  display:block;width:120px;  height:50px;   font-family:Arial;
  background:url(../images/menu/m1-act.png) no-repeat; 
  color:#52bcff; font-size:13px; font-style:normal; padding-bottom:22px;
 
  text-decoration:none;}
  
 #mymenu li a.hotel-link-active
  {
  display:block;width:120px;  height:50px;   font-family:Arial;
  background:url(../images/menu/m1-act.png) no-repeat; 
  color:#52bcff; font-size:13px; font-style:normal;
  padding-top:20px;
  padding-left:30px;
  text-decoration:none;}
/* accommodation */
 

/* accommodation */
 #mymenu li a.accommodation-link 
 {
 display:block;width:90px; height:50px; font-family:Arial; background:none; color:#474747; 
 font-size:13px; padding-top:20px; padding-left:20px;height:auto ;font-style:normal; text-decoration:none;
  background:url(../images/menu/menu-line.png) center bottom no-repeat; padding-bottom:40px;
 }
  #mymenu li a.accommodation-link:hover 
  {
  display:block;width:90px;  height:50px;   font-family:Arial;
  background:url(../images/menu/m2-act.png) no-repeat; 
  color:#52bcff; font-size:13px; font-style:normal;
  padding-top:20px;
  padding-left:20px;
  padding-bottom:22px;
  
  text-decoration:none;}
  
  #mymenu li a.accommodation-link-active {display:block;width:90px;height:50px;  font-family:Arial;
  background:url(../images/menu/m2-act.png) no-repeat; color:#52bcff; font-size:13px; font-style:normal;
  text-decoration:none;
  padding-top:20px;
  padding-left:20px;}

/* why us */
 #mymenu li a.whyus-link 
 {
 display:block;width:90px; height:50px; font-family:Arial; background:none; color:#474747; 
 font-size:13px; padding-top:20px; padding-left:20px;height:auto; font-style:normal; text-decoration:none;
  background:url(../images/menu/menu-line.png) center bottom no-repeat; padding-bottom:40px;
  
 }
  #mymenu li a.whyus-link:hover 
  {
  display:block;width:90px;  height:50px;   font-family:Arial;
  background:url(../images/menu/m3-act.png) no-repeat; 
  color:#52bcff; font-size:13px; font-style:normal;
  text-decoration:none; padding-top:20px;padding-left:20px;  padding-bottom:22px;}
  
  #mymenu li a.whyus-link-active {display:block;width:90px;height:50px;  font-family:Arial;
  background:url(../images/menu/m3-act.png) no-repeat; color:#52bcff; font-size:13px; font-style:normal;
  text-decoration:none; padding-top:20px;padding-left:20px;}
  
/* kos island  */
 #mymenu li a.kos-link 
 {
 display:block;width:90px; height:50px; font-family:Arial; background:none; color:#474747; 
 font-size:13px; padding-top:20px; padding-left:20px;height:auto; font-style:normal; text-decoration:none;
  background:url(../images/menu/menu-line.png) center bottom no-repeat; padding-bottom:40px;
 }
  #mymenu li a.kos-link:hover 
  {
  display:block;width:120px;  height:50px;   font-family:Arial;
  background:url(../images/menu/m4-act.png) no-repeat; 
  color:#52bcff; font-size:13px; font-style:normal;
  text-decoration:none; padding-top:20px;padding-left:20px;  padding-bottom:22px;}
  
  #mymenu li a.kos-link-active {display:block;width:120px;height:50px;  font-family:Arial;
  background:url(../images/menu/m4-act.png) no-repeat; color:#52bcff; font-size:13px; font-style:normal;
  text-decoration:none; padding-top:20px;padding-left:20px;}

/* fotos  */
 #mymenu li a.photos-link 
 {
 display:block;width:120px; height:50px; font-family:Arial; background:none; color:#474747; 
 font-size:13px; padding-top:20px; padding-left:20px;height:auto; font-style:normal; text-decoration:none;
  background:url(../images/menu/menu-line.png) center bottom no-repeat; padding-bottom:40px;
 }
  #mymenu li a.photos-link:hover 
  {
  display:block;width:120px;  height:50px;   font-family:Arial;
  background:url(../images/menu/m5-act.png) no-repeat; 
  color:#52bcff; font-size:13px; font-style:normal;
  text-decoration:none; padding-top:20px;padding-left:20px;  padding-bottom:22px;}
  
  #mymenu li a.photos-link-active {display:block;width:120px;height:50px;  font-family:Arial;
  background:url(../images/menu/m5-act.png) no-repeat; color:#52bcff; font-size:13px; font-style:normal;
  text-decoration:none; padding-top:20px;padding-left:20px;}
  
/* bookings */
 #mymenu li a.bookings-link 
 {
 display:block;width:120px; height:50px; font-family:Arial; background:none; color:#474747; 
 font-size:13px; padding-top:20px; padding-left:20px;height:auto; font-style:normal; text-decoration:none;
  background:url(../images/menu/menu-line.png) center bottom no-repeat; padding-bottom:40px;
 }
  #mymenu li a.bookings-link:hover 
  {
  display:block;width:120px;  height:50px;   font-family:Arial;
  background:url(../images/menu/m4-act.png) no-repeat; 
  color:#52bcff; font-size:13px; font-style:normal;
  text-decoration:none; padding-top:20px;padding-left:20px;  padding-bottom:22px;}
  
  #mymenu li a.bookings-link-active {display:block;width:90px;height:50px;  font-family:Arial;
  background:url(../images/menu/m4-act.png) no-repeat; color:#52bcff; font-size:13px; font-style:normal;
  text-decoration:none; padding-top:20px;padding-left:20px;}
  
  /* news */

.menu-line-seperator {color:#0099FF; padding-left:10px;}
/* --------------- end of menu buttons  ------------- */


#main-container {height:100%;  width:100%;}
#home {background:url(../images/banners/offeranimator.gif) center top  no-repeat; width:100%; height:350px; padding-top:0px;
		border-top:6px solid #ccc; border-bottom:6px solid #ccc; height:100%; width:100%; }
.top-line {height:6px; background:#ccc; width:100%; margin-top:30px;}
#home-en {background:url(../images/banners/animationoffer-en.gif) repeat-x; width:100%; height:350px; padding-top:0px;
		border-top:6px solid #ccc; border-bottom:6px solid #ccc; height:100%; width:100%; }
#homepage {background:url(../images/banners/home-background.jpg) repeat-x; width:100%; height:350px; padding-top:0px;
		border-top:6px solid #ccc; border-bottom:6px solid #ccc; height:100%; }
		#hotel {background:url(../banner/hotel.jpg) repeat-x; width:100%; height:350px; padding-top:0px;
		border-top:6px solid #ccc; border-bottom:6px solid #ccc; height:100%; }
		#why-us {background:url(../banner/why-us.jpg) repeat-x; width:100%; height:350px; padding-top:0px;
		border-top:6px solid #ccc; border-bottom:6px solid #ccc; height:100%; }
		#bookings {background:url(../banner/bookings.jpg) repeat-x; width:100%; height:350px; padding-top:0px;
		border-top:6px solid #ccc; border-bottom:6px solid #ccc; height:100%; }
#accommodation {background:url(../banner/accommodation.jpg) repeat-x; width:100%; height:350px; padding-top:0px;
		border-top:6px solid #ccc; border-bottom:6px solid #ccc; height:100%; }

#pool {background:url(../banner/pool.jpg) repeat-x; width:100%; height:350px; padding-top:0px;
		border-top:6px solid #ccc; border-bottom:6px solid #ccc; height:100%; }
		
#restaurant {background:url(../banner/restaurant.jpg) repeat-x; width:100%; height:350px; padding-top:0px;
		border-top:6px solid #ccc; border-bottom:6px solid #ccc; height:100%; }
	
#gym {background:url(../banner/gym.jpg) repeat-x; width:100%; height:350px; padding-top:0px;
		border-top:6px solid #ccc; border-bottom:6px solid #ccc; height:100%; }
#eco {background:url(../banner/ecotourism.jpg) repeat-x; width:100%; height:350px; padding-top:0px;
		border-top:6px solid #ccc; border-bottom:6px solid #ccc; height:100%; }
#beach {background:url(../banner/beach.jpg) repeat-x; width:100%; height:350px; padding-top:0px;
		border-top:6px solid #ccc; border-bottom:6px solid #ccc; height:100%; }
		
#kos {background:url(../banner/kos.jpg) repeat-x; width:100%; height:350px; padding-top:0px;
		border-top:6px solid #ccc; border-bottom:6px solid #ccc; height:100%; }
		
#hippo {background:url(../banner/hippo1.jpg) repeat-x; width:100%; height:350px; padding-top:0px;
		border-top:6px solid #ccc; border-bottom:6px solid #ccc; height:100%; }
#surfing {background:url(../banner/kitesurf1.jpg) repeat-x; width:100%; height:350px; padding-top:0px;
		border-top:6px solid #ccc; border-bottom:6px solid #ccc; height:100%; }
 

#prosfores {background:url(../images/flash-bg.png) repeat; width:100%; margin-top:260px; margin-bottom:10px;
font-size:50px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#fbe232;}
#prosfores .shadow  { position:relative; display:block; color:#fff; }
#prosfores .shadow span { position:absolute; display:block; top:0px;  }
#prosfores .shadow:before { display:block; padding:1px; content: attr(title); color:#666;  } 
.style10 {color: #FFFFFF}


#home-page-boxes {background:#F5F5F5; border:1px solid #ccc;width:611px; height:371px; margin:0px auto;}
#home-page-boxes  TD {WIDTH:220PX;}
#home-page-boxes img {border:3px solid #CCC; WIDTH:170PX;HEIGHT:128PX; DISPLAY:BLOCK; margin:0px auto;}
#home-page-boxes h1 {padding-bottom:4px; border-bottom:1px dotted #ccc;}




#main-content {width:995px; border:0px; margin:0px auto;}
.top-wrapper {background:url(../images/main-content/middle-wraper.png) repeat-y;behavior:url("../iepngfix.htc");}
 .top-menu {width:913px;height:85px; background:url(../images/menu/menu_wrapper.jpg) no-repeat;}
 
 /* --------------------------- main menu --------------------------- */
 
/* ----------------------- title styles -------------- */
 /* greek */
 
 div#title-home 
{width:605px; height:22px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC; background:url(../images/headers/gr/home.jpg) no-repeat;
 margin:5px 0px 1px 0px;}
 div#title-accommodation
{width:605px; height:22px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC; background:url(../images/headers/gr/accommodation.jpg) no-repeat;
 margin:5px 0px 1px 0px;}
 div#title-activities 
{width:605px; height:22px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC; background:url(../images/headers/gr/activities.jpg) no-repeat;
 margin:5px 0px 1px 0px;}
 div#title-bar
{width:605px; height:22px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC; background:url(../images/headers/gr/bar.jpg) no-repeat;
 margin:5px 0px 1px 0px;}
 div#title-beach 
{width:605px; height:22px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC; background:url(../images/headers/gr/beach.jpg) no-repeat;
 margin:5px 0px 1px 0px;}
 div#title-book 
{width:605px; height:22px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC; background:url(../images/headers/gr/book.jpg) no-repeat;
 margin:5px 0px 1px 0px;}
 div#title-choose 
{width:605px; height:22px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC; background:url(../images/headers/gr/choose.jpg) no-repeat;
 margin:5px 0px 1px 0px;}
 div#title-conf 
{width:605px; height:22px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC; background:url(../images/headers/gr/conf.jpg) no-repeat;
 margin:5px 0px 1px 0px;}
 div#title-contact 
{width:605px; height:22px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC; background:url(../images/headers/gr/contact.jpg) no-repeat;
 margin:5px 0px 1px 0px;}
 div#title-ecotourism 
{width:605px; height:22px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC; background:url(../images/headers/gr/ecotourism.jpg) no-repeat;
 margin:5px 0px 1px 0px;}
 div#title-georgia 
{width:605px; height:22px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC; background:url(../images/headers/gr/georgia.jpg) no-repeat;
 margin:5px 0px 1px 0px;}
 div#title-facilities 
{width:605px; height:22px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC; background:url(../images/headers/gr/facilities.jpg) no-repeat;
 margin:5px 0px 1px 0px;}
 div#title-gym 
{width:605px; height:22px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC; background:url(../images/headers/gr/gym.jpg) no-repeat;
 margin:5px 0px 1px 0px;}
 div#title-hippo 
{width:605px; height:22px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC; background:url(../images/headers/gr/hippo.jpg) no-repeat;
 margin:5px 0px 1px 0px;}
  div#title-holidays 
{width:605px; height:22px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC; background:url(../images/headers/gr/holidays.jpg) no-repeat;
 margin:5px 0px 1px 0px;}
  div#title-iasi
{width:605px; height:22px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC; background:url(../images/headers/gr/iasi.jpg) no-repeat;
 margin:5px 0px 1px 0px;}
  div#title-isogeia-diam
{width:325px; height:22px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC; background:url(../images/headers/gr/isogeia-diam.jpg) no-repeat;
 margin:5px 0px 1px 0px;}
  div#title-kos 
{width:605px; height:22px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC; background:url(../images/headers/gr/kos.jpg) no-repeat;
 margin:5px 0px 1px 0px;}
  div#title-mezzonetes 
{width:325px; height:22px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC; background:url(../images/headers/gr/mezot.jpg) no-repeat;
 margin:5px 0px 1px 0px;}
  div#title-photos 
{width:605px; height:22px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC; background:url(../images/headers/gr/photos.jpg) no-repeat;
 margin:5px 0px 1px 0px;}
  div#title-pottery 
{width:605px; height:22px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC; background:url(../images/headers/gr/pottery.jpg) no-repeat;
 margin:5px 0px 1px 0px;}
  div#title-psifidoto 
{width:605px; height:22px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC; background:url(../images/headers/gr/psifidoto.jpg) no-repeat;
 margin:5px 0px 1px 0px;}
  div#title-whyus 
{width:605px; height:22px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC; background:url(../images/headers/gr/whyus.jpg) no-repeat;
 margin:5px 0px 1px 0px;} 
   div#title-restaurant
{width:605px; height:22px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC; background:url(../images/headers/gr/restaurant.jpg) no-repeat;
 margin:5px 0px 1px 0px;} 
    div#title-sms
{width:605px; height:22px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC; background:url(../images/headers/gr/sms.jpg) no-repeat;
 margin:5px 0px 1px 0px;} 
 /* english */
 /* french */
 /* german */
 /* italian */
 /* russian */
 
 /* ----------------- HOME PAGE ----------------- */
 
 #central-content {
 				margin:0px auto; 
				width:1010px; height:100%;
				border:0px solid #999999; 
				background:url(../images/wrapper.png) repeat-y;
				}
 #central-content .main-top-col {padding:10px 30px 0 30px;}
 #central-content #cats-top {width:947px;height:230px; border:0; vertical=align:top; margin:0px auto;}			 
  #central-content #cats-top td {border:1px solid #ccc; background:#f5f5f5; padding:10px; width:270px; font-size:12px;}
    #central-content #cats-top td img {border:6px solid #ccc; width:151px; height:69px; margin-left:10px;}
     #central-content #cats-top .button {background:url(../images/more-btn.png) no-repeat; width:170px; height:42px; display:block;
	 color:#3399FF; padding-left:45px; padding-top:23px; font-family:verdana; margin-left:10px;}
	 
 #central-content .home-col 	{padding:10px 30px 0 30px;} 
  #central-content .home-col #bottom-row {width:943px; height:auto; border:0px none; vertical-align:top;margin:0px auto; padding-bottom:20px; padding-left:2px;}
  #central-content .home-col #bottom-row .col-left {width:310px; border:1px solid #ccc;}
   #central-content .home-col #bottom-row.col-right {width:610px; padding-left:5px;}
 
 h1.bookings {background:#f5f5f5; border:1px solid #ccc; padding:10px; color:#0099FF; margin:0;}
 
 #bookings-table {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#999999; padding:10px; width:300px; background:#FFFFFF; 
 border:1px dotted #999999; margin:10px auto;}
 
.forma {border:1px solid #CCCCCC;color:#666666; font-weight:bold; font-size:13px; height:22px;}
.select {width:190px;border:1px solid #CCCCCC;color:#999999;font-weight:bold; font-size:12px; height:25px;}
.check_btn {border:0px solid #CCCCCC;background:#00CCFF; width:200px; cursor:pointer; height:26px; COLOR:#fff; font-weight:bold;
behavior:url("../iepngfix.htc");
font-size:11px;}
.cal {width:23px; height:24px;}

 #bookings-table .mid-row .book a {color:#999999; text-decoration:none;}
 #bookings-table .mid-row .book a:hover {color:#999999; text-decoration:underline;} 
 .search-form {margin-left:4px; border:1px solid #ccc; background:#f5f5f5; height:40px;width:579px; padding-left:40px;
 				font-size:12px; font-family:Arial, Helvetica, sans-serif; padding-top:4px;}
 .top-search-button {color:#fff; font-weight:bold; padding:4px; background:#0099FF; height:25px; margin-top:3px; width:200px;}
 .search-form .mytext {background:url(../images/search-box.jpg) no-repeat; padding-right:20px; width:233px; height:22px;
 margin-left:5px; margin-right:5px;
 border:1px solid #ccc;}
 
 #components { width:623px;}
  #components h1 {margin:2px auto; border:0; padding:0; font-size:12px;}
   #components img {margin-top:6px;}
  #components .left-col {width:340px;}
   #components .right-col {width:auto;}
 /* END OF HOME PAGE */
 
 
 
/* --------------- central content of the rest pages ------------- */
 #my-content {
 				margin:10px auto; 
				width:999px; height:100%;
				border:0px solid #999999; 
				background:url(../images/wrapper.png) repeat-y;
				}
				/* left content */
#categories-col {width:300px; border:1px solid #ccc; background:#f5f5f5; padding:10px;}
#categories-col a {color:#666666; text-decoration:none;}
#categories-col a:hover {color:#0099FF; text-decoration:none;}
#categories-col li {list-style-image:url(../images/cat-bullet.jpg); line-height:1.4em;
font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#categories-col img {border:1px solid #ccc;}

#mycontent {width:970px; border:none; margin:12px 0px 10px 25px; border-bottom:0px dotted #CCCCCC; !important}
#text-images {width:604px; padding-left:10px; padding-right:10px;}
#text-images p {text-align:justify;padding:2px 9px 2px 0px;  font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#666666;} /*---- change this for users! --*/ 
#text-images h1,h2,h3,h4,h5,h6 {padding:none;}
#text-images strong {color:#666666;}
#text-images ul {display:block;}
#text-images li {list-style-image:url(../images arrow.png);behavior:url("../iepngfix.htc");  padding-top:1px;display:list-item; color:#0099FF; font-size:12px;
                 font-family:Arial; line-hegiht:1.3em;}
#text-images a {color:#000;}
#text-images a:hover {color:#0099FF; text-decoration:underline;}
.azure-list { color:#0099FF;}
/* column set 2 */
#text-images #cols-2 {width:650px; height:auto; margin:8px auto; border:none; vertical-align:top; padding:none;}
#text-images #cols-2 .text {width:400px; height:auto; border-right:1px dotted #CCCCCC;  font-family:Arial, Helvetica, sans-serif;}
#text-images #cols-2 .text img {border:1px solid #ccc; padding:5px; margin-bottom:3px; width:180px; height:120px;}
#text-images #cols-2 .images {width:191px; padding-left:8px;}
#text-images #cols-2 .images img {padding:4px; margin-bottom:5px;border:1px solid #ccc; width:160px; height:120px;}
#text-images #cols-2 a.cat {color:#0099FF; text-decoration:none;}
#text-images #cols-2 a.cat:hover {color:#0099FF; text-decoration:underline;}
#text-images #cols-2 .nav-but {background:url("../images/main-content/button-bg.png") no-repeat; behavior:url("../iepngfix.htc");width:126; height:36px; padding:9px 0px 0px 22px;}
#text-images #cols-2 .nav-but a {color:#fff; font-size:12px;}
#text-images #cols-2 .nav-but a:hover {color:#fff; text-decoration:underline; font-size:12px;}

/* column set 1*/
#text-images #cols-1 {width:620px; height:auto; margin:8px auto; border:none; vertical-align:top; padding-right:20px;}
#text-images #cols-1 .text-images {width:605px; height:auto; border-right:0px dotted #CCCCCC;}
#text-images #cols-1 p {padding-left:10px; padding-right:20px; margin-right:20px;}
#text-images #cols-1 ul li {padding-left:10px; padding-right:20px; margin-right:20px;}
#text-images #cols-1 img {margin:5px 3px 5px 3px; border:1px solid #ccc; padding:5px;}
#text-images #cols-1 .nav-but {background:url("../images/main-content/button-bg.png") no-repeat; behavior:url("../iepngfix.htc");width:126; height:36px; padding:9px 0px 0px 18px;}
 
#text-images #cols-1 .nav-but a{color:#fff;}
#text-images #cols-1 .nav-but a:hover {color:#fff; text-decoration:underline;}


/* ----- footer -------*/

 
.copyright-note	.style8 {color: #FFFFFF; font-family:Arial; font-weight:bold;}
.copyright-note {height:40px; font-family:Arial; font-weight:bold;text-align:center; padding-top:20px; color:#fff;}
.copyright-note a {color:#fff;font-family:Arial; font-weight:bold;}
.copyright-note a:hover {color:#fff; text-decoration:underline;font-family:Arial; font-weight:bold;}
 
 
/* ----- REGISTRATION FORM ------ */

#reg-form {width:90%; border:0px none; vertical-align:top}

#reg-form  .regform {width:100%;border-top:1px dotted #66CCFF;border-bottom:1px dotted #66CCFF; }
#reg-form  .regform .forma {color:#000; font-size:12px; font-weight:normal; background:#999999;}
#reg-form  .regform .thub_text {color:#999999; font-size:12px; font-family:Arial; padding-left:5px;}
#reg-form  .regform select {border:1px solid #ccc; height:30px;}
#reg-form  .regform textarea {border:1px solid #ccc;}



#footer {height:310px; background:#6ec5fc url(../images/footer.png) repeat-x; width:100%;color:#fff;
		font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#footer p {color:#fff;}
#footer a {color:#FFFFFF; text-decoration:none;}
#footer a:hover {color:#FFFFFF; text-decoration:underline;}

.footer-links {width:790px; vertical-align:top; margin:10px auto;}
.footer-links td {width:230px;padding-left:30px; border-left:1px dotted #fff; padding-right:30px;}
#footer h1 {font-size:14px; 
		font-family:Verdana, Arial, Helvetica, sans-serif;  
		border-bottom:1px dotted #fff; 
		padding-bottom:4px;
		color:#fff;}
		#footer li {list-style-image:url(../images/arrow.png);line-height:1.4em;}