/*	-------------------------------------------------------------
	Project Name Pride_pools  
	developer3@silvertrees.net
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.version        1.0
	.updated       31-08-2009
	-------------------------------------------------------------	


/*	-------------------------------------------------------------
	. Defult Rests
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
* { margin:0; padding:0; }
a { text-decoration:none; outline:none; }
a:hover { color:#666; text-decoration:underline; }
img { border:none; }
h1, h2, h3, h4, h5, h6, a{color:#333; font-weight:100;}
h1, h2, h3, h4, h5, h6, p { padding-bottom:5px; }
h1 { font-size:24px; }
h2 { font-size:22px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:12px; }
h6 { font-size:11px; }

/*Clear*/
.clear{ font-size:1%; clear:both;}

.Blue{ color:#3aafd8}
.Black{ color:#030202;}

body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#FFF url(images/bg.jpg) ; color:#333;}

/*	-------------------------------------------------------------
	. Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#Container{ width:800px; margin:-100px auto 0;}
#Header{ display:block; height:124px; position:relative;}
#Header .Logo { position:absolute; top:10px; }
#Header .Logo a{ display:block; background:url(images/pride_pools.gif) no-repeat; height:65px; width:285px; text-indent:-99999px;}

.Top_grad{ display:block; background:url(images/top_grad.jpg) repeat-x top; height:100px;}
/* Top Menu */
#Header .TopMenu{ position:absolute; top:97px; left:0;}
#Header .TopMenu li{ float:left; display:block; margin-right:3px; cursor:pointer; position:relative;}
#Header .TopMenu li a{  cursor:pointer;display:block; float:left; background:url(images/menu_left.gif) no-repeat left bottom; height:27px;color:#0099cc; text-decoration:none; padding-left:18px; font-size:11px; font-weight:700; }

#Header .TopMenu li a span{  cursor:pointer;display:block;float:left; background:url(images/menu_right.gif) no-repeat right bottom; padding-right:18px; height:18px; padding-top:8px;  }

#Header .TopMenu li ul{ padding:0; margin:0; float:none; position:absolute; z-index:200; background:#890c22; top:30px; border:2px solid #890c22; clear:both;}
#Header .TopMenu li ul li{ display:block; float:none;  margin:0; padding:0; height:auto; position:relative; height:25px; width:120px; position:relative; z-index:200; }
#Header .TopMenu li ul li a {margin:0; padding:0;height:auto; background:#0099cc; float:none; padding:5px 25px;position:relative; z-index:200;}
#Header .TopMenu li ul li a:hover {margin:0; padding:0;height:auto; background:#FFF; color:#000; float:none; padding:5px 25px;position:relative; z-index:200;}

/* Menu Hover & Selected */
#Header .TopMenu li a:hover, #Header .TopMenu li a.Selected{ display:block; background:url(images/menu_left.gif) no-repeat left top; height:27px;
color:#FFF; text-decoration:none; color:#40b3d9; padding-left:18px; }
#Header .TopMenu li a:hover span, #Header .TopMenu li a.Selected span{ display:block; background:url(images/menu_right.gif) no-repeat right top; padding-right:18px; height:18px; padding-top:8px;  }


/*SubMenu*/
.SubMenu{ display:block; padding-bottom:10px; border-bottom:1px solid #7fcce5; margin-bottom:10px;}
.SubMenu ul li{ display:inline; float:left; padding-right:25px; width:120px; }
.SubMenu ul li a{ background:url(images/arrow.jpg) no-repeat left 2px; padding-left:12px; font-size:12px; font-weight:700; color:#0099cc; display:block;}


/*Home intro*/
.Homeintro{display:block; background:#FFF; width:790px; margin:0 auto; padding:10px 15px 365px 15px; position:relative; }
.Homeintro .Logo{ z-index:25; position:relative;}
.Homelink a{ text-align:left; font-size:18px; color:#36abd7; font-weight:100; position:relative; z-index:25;}
.Hometext{ padding:18px 0;  z-index:25; position:relative; height:87px; overflow:hidden;}
.Hometext h1{ font-weight:100; font-size:24px; padding-bottom:5px;  z-index:25;}
.Hometext h2{ font-weight:100; font-size:18px; padding-bottom:0;  z-index:25;}
.Hometext p{ width:440px; font-size:11px;  z-index:25; line-height:15px;}


.HomeGallery{ display:block; padding:0; position:relative; width:780px; height:380px }
.Homeintro .Mask{ position:absolute; left:0; top:0; display:block; z-index:10;}
.Homeintro .imgcontainer{ position:relative;font-size:1%; line-height:15px;}

.Loading{ background:#FFF url(images/loading.gif) no-repeat center center; position:absolute; height:590px; width:770px; z-index:20; top:-190px;}


.Image_01{ position:absolute; width:251px; height:203px; left:50px; top:20px; z-index:15;}
.Image_01 .imgcontainer{ width:251px; height:203px; }
.Image_01 .Mask{ background:url(images/mask_01.png) no-repeat; width:251px; height:203px;}
.Image_01 .Rotated{left:-15px;position:absolute;top:-41px;}


.Image_02{height:157px;left:145px;position:absolute;top:220px;width:188px;z-index:15;}
.Image_02 .imgcontainer{ width:188px; height:157px;}
.Image_02 .Mask{ background:url(images/mask_02.png) no-repeat;  width:188px; height:157px;}
.Image_02 .Rotated{ left:-11px;position:absolute;top:-28px;}

.Image_03{ position:absolute;width:294px; height:222px;top:65px; left:270px; z-index:10}
.Image_03 .imgcontainer{ width:294px; height:222px;}
.Image_03 .Mask{ background:url(images/mask_03.png) no-repeat; width:294px; height:222px;}
.Image_03 .Rotated{left:6px;position:absolute;top:3px;}

.Image_04{ height:220px;left:525px;position:absolute;top:-70px;width:171px;z-index:10;}
.Image_04 .imgcontainer{width:171px; height:220px;}
.Image_04 .Mask{ background:url(images/mask_04.png) no-repeat;width:171px; height:220px;}
.Image_04 .Rotated{left:-39px;position:absolute;top:-15px;}

.Image_05{ height:212px;left:520px;position:absolute;top:170px;width:252px;z-index:10;}
.Image_05 .imgcontainer{ width:252px; height:212px;}
.Image_05 .Mask{ background:url(images/mask_05.png) no-repeat; width:252px; height:212px;}
.Image_05 .Rotated{left:-20px;position:absolute;top:-41px;}



/* Menu Hover & Selected */
.Contents{ display:block; background:#FFF; padding:10px 15px 10px 18px;}
.Contents .LeftContents{ float:left; width:475px; padding-bottom:10px; display:inline; overflow:hidden;}
.Contents .RightContents{ float:right; width:280px; display:inline; background:#f0f0f0; padding-bottom:50px;}
.Contents .RightContents ul{list-style:none;}

/*Gallery */
.Gallery{ display:block; margin-bottom:20px;}
.Gallery .Thumbs{ display:block; width:434px; overflow:hidden; position:relative; padding:0 17px;}
.Gallery .Thumbs ul { display:block; width:9000px;  overflow:hidden;}
.Gallery .Thumbs ul li{ margin:6px 3px; cursor:pointer;}
.Gallery .Thumbs .Previous, .Gallery .Thumbs .Next{ text-indent:-9999px;}
.Thumbs .Previous{ display:block; width:13px; height:91px; position:absolute; left:0; top:6px;}
.Thumbs .Previous a{  display:block;width:13px; height:91px; background:#09aad9 url(images/arrow_left.jpg) no-repeat center center;}
.Thumbs .Next{ display:block;  width:13px; height:91px; position:absolute; right:0; top:3px;}
.Thumbs .Next a{  display:block;width:13px; height:91px; background:#09aad9 url(images/arrow_right.jpg) no-repeat center center;}
.Gallery .Thumbs ul li{ display:inline; float:left;}
.TopSpace{ margin-top:30px;}

.TopTabs{ display:block; height:39px;}
.TopTabs ul li{ display:inline; float:left;}
.TopTabs ul li.News{height:39px; width:115px;}
.TopTabs ul li.News a{ background:url(images/news.jpg) no-repeat top; height:39px; width:115px; display:block; text-indent:-9999px;}
.TopTabs ul li.Refferals{height:39px; width:162px; margin-left:2px;}
.TopTabs ul li.Refferals a{ background:url(images/refferals.jpg) no-repeat top; height:39px; width:162px; display:block; text-indent:-9999px;}

.TopTabs ul li a:hover, .TopTabs ul li a.active{ background-position:bottom;}


.Readmore{ display:block; padding:5px 0; text-decoration:none; font-weight:700; text-align:right}

.PreviewImages{position: relative; height: 370px;}
.PreviewImages img{position: absolute;top: 0px; left: 0px;}

/*Gray List*/
.GrayList{ display:block; margin:15px auto; width:260px;}
.GrayList ul{ list-style:none;}
.GrayList li{padding:6px 5px 6px 11px; background:#c4c4c4; margin-bottom:4px; }
.GrayList li.active{text-align:center;}
.GrayList li.active img{ margin:7px 0 0 0}
.GrayList li a{ background:url(images/dots.jpg) no-repeat left; padding-left:15px; color:#FFF;}
.GrayList li a:hover{color:#f0f0f0;}

/*Accordion*/
.accordion{ display:block; margin:15px auto; width:260px;}
.accordion li{ margin-bottom:4px; height:100%;}
.accordion li a.refAccordion{ display:block;padding:6px 5px 6px 11px; background:#c4c4c4;  text-decoration:none;}
.accordion li p{padding:6px 5px 6px 8px;}
.accordion li a.refAccordion{  text-decoration:none;}
.accordion li a.refAccordion span{background:url(images/dots.jpg) no-repeat left; padding-left:15px; color:#FFF;}


/* Right text */
.RightText{ display:block; width:250px; margin:0 auto; padding:0 5px; }
.RightText p{ padding-bottom:15px;}

/*Contact page */

.ContactForm{ display:block; margin:30px 0; border:1px solid #dbdada; padding:17px;}
.ContactSide{display:block; width:250px; margin:0 auto; padding:18px 5px;}
.Map{ display:block; margin:20px 0;}

/*News Block */
.NewsBlock{ display:block; width:260px; margin:0 auto; padding:15px 0;}
.NewsBlock h3 a{ font-size:12px; font-weight:700;}

/*PoolsTypes*/
.PoolsTypes{ display:block; width:262px; margin:0 auto; position:relative;}
.PoolsTypes .Type{ padding-top:8px;}
.TypeName{ display:block; background:#08a9d9; padding:7px;}
.TypeName a{ background:url(images/arro.jpg) no-repeat left 5px; padding-left:15px; color:#FFF; font-size:13px; font-weight:700;}

.PoolsTypes .CatsList{ display:block; overflow:hidden; padding-bottom:20px;}

.Navigator{ background:url(images/blue_bg.gif) no-repeat bottom; height:19px; width:112px; display:block; position:absolute; bottom:1px; right:0;}
.Navigator ul{ margin-left:13px;}
.Navigator ul li{ float:left; padding:1px 2px; }
.Navigator ul li a{ font-size:11px; font-weight:700; color:#3b3b3b;}
#CatsList{height: 528px; overflow: hidden;}

/*Refferal's page */
.Refferals_top{ background:url(images/mail_red.jpg) no-repeat right 15px ;}
.Refferals_top p, .Refferals_top h1{ width:345px;}

.Reviews{ display:block; width:389px; height:478px; background:url(images/shadow_bg.jpg) no-repeat; position:relative; margin:0 auto;}
.Reviews img{ position:absolute; left:30px; top:20px;}

/*replies */
.addreply{ display:block; margin:15px 0 70px 0; }
.addreply h3{ background:url(images/email_open_image.gif) no-repeat left; padding:0 0 0 19px;}
.ReplyBlock{ display:block; margin:10px 0 15px 0; padding:0 10px 18px 0px;  background:url(images/dots_line.gif) repeat-x bottom;}
.ReplyBlock h4{ font-size:12px; padding-bottom:0; font-weight:700;}
p.replyText{ padding:8px 0;}
span.Addon{ display:block; font-size:9px; color:#DB2765; font-family:Verdana, Arial, Helvetica, sans-serif }


/*FOOTER*/
.Footer{ display:block; margin:0 auto; width:746px; padding:8px 27px 120px 27px;}
.Footer ul { list-style:none;}
.Footer ul li{ float:left; padding-right:20px;}
.Footer ul li a{ background:url(images/blackdot.gif) no-repeat left 7px; padding-left:7px;}
.Footer ul li.Nolist a{ list-style:none; background:none; background:none;}