
 
BODY { 
               background-repeat:;
               background-attachment:fixed; 
  			background-position: left top
               }

.image {       background-image:[url('http://www.clearwatercomfortinn.com/images/bluebtns1.jpg')];
				background-repeat:no-repeat;
				background-position:  top 180px;
				background-attachment: fixed
				}


.drivetext {
	font-size: 16pt;
	position: absolute;
	left: 135px;
	top: 225px; font-family:MS Serif;
	}
.drivetext2 {
	font-size: 16pt;
	position: absolute;
	left: 135px;
	top: 465px; font-family:MS Serif;
	}



.oldtext {
	font-family: MS Serif;
	font-size: 18;
	color: #000000;
	text-align: center;
	padding-top: 1;
	padding-bottom: 1;
	padding-left:4; padding-right:4
}
				
.othertext {
	font-family: Monotype Corsiva;
	font-size: 36pt;
	color: #000000;
	text-align: center;
	padding-top: 1;
	padding-bottom: 1;
	padding-left:4; padding-right:4
}
.name {  font-family: Verdana; font-size: 10pt; font-weight: bold; color: #000000}
}
.link {
	FONT-SIZE: 16px;
	COLOR: #000055;
	font-weight: bold;
	text-decoration:none; font-family:MS Serif;
}
.name1 {
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #0000FF;
	text-decoration: underline;

}
.bar1 {

	border-style:solid; border-width:1; font-family: MS Serif;
	font-size: 12pt;
	font-weight: bold;
	color: #FFFFFF;
	text-transform:uppercase 
	padding-left:25; padding-right:25; padding-top:2; padding-bottom:2; background-color:#000055;}
	

.letter1
	{
	color: #003399;
	position: absolute;
	left: 138px;
	float:left;
	width:2.5em;
	font-size:400%;
	font-family: Monotype Corsiva;
	line-height: 110%;
	z-index:1
	}


.text
 {
	position: relative;
	left: 142px;
	top: -474px;
	width: 700px;
	font-family: MS Serif;
	font-size: 12pt;
	color: #555555;
	z-index:10; text-align:justify; text-indent:62; line-height:170%
}
.sidelinks
 {
	position: relative;
	left: 10px;
	top: 40px;
	width: 90px;
	font-family: MS Serif;
	font-size: 10pt;
	color: #000099;
	font-weight:bold;
	z-index:10; text-align:center; text-indent:0; line-height:110%; text-decoration:underline; font-variant:small-caps; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0 
}
#cifrontlogo
   {
    position: absolute;
    top:12px;
    left:4px;
    width:138px;
    height:158px;
    background-color:none;
    background-image: url('images/CIAnim1.gif');
    background-repeat: no-repeat;
    z-index:3;
   }

#fronttitle
   {
    position: absolute;
    top:0px;
    left:133px;
    height:160px;
    width:100%;
    background-image: url('images/images/CICWtitle1.jpg');
    background-repeat: no-repeat;
    z-index:10; padding-left:4; padding-right:4; padding-top:1; padding-bottom:1
   }


#cilogo
   {
    position: absolute;
    top:12px;
    left:4px;
    width:138px;
    height:158px;
    background-color:none;
    background-image: url('images/CILOGO.jpg');
    background-repeat: no-repeat;
    z-index:3;
   }

#title
   {
    position: relative;
    top:-9px;
    left:133px;
    height:142px;
    width:100%;
    background-image: url('images/CIAnim8.gif');
    background-repeat: no-repeat;
    z-index:10; padding-left:4; padding-right:4; padding-top:1; padding-bottom:1
   }

#titlehold
   {
    position: relative;
    top:-9px;
    left:133px;
    height:142px;
    width:100%;
    background-image: url('images/MainTitle2.jpg');
    background-repeat: no-repeat;
    z-index:10; padding-left:4; padding-right:4; padding-top:1; padding-bottom:1
   }


#holder
	{
    position: absolute;
    top:42px;
    left:348px;
    height:160px;
    width:100%;
    background-image: url('images/MainTitle.jpg');
    background-repeat: no-repeat;
    z-index:0; padding-left:4; padding-right:4; padding-top:1; padding-bottom:1
   }

#beach
	{
	position: absolute;
	top: 340px;
	left: 525px;
	height: 100%;	
	width: 100%;
	background-image: url('images/CWBeach1.jpg');
	background-repeat: no-repeat;
	z-index:0;
}
.btn1
   {
   position:absolute;
    top:148px;
    width:100%;
    left:148px;
    padding-left:8; padding-right:8; padding-top:1; padding-bottom:1;
}
.btn2
   {
   position:absolute;
    top:148px;

    width:100%;
    left:278px; 
    padding-left:8; padding-right:8; padding-top:1; padding-bottom:1;
}
.btn3
   {
    position:absolute;
    top:148px;
    width:100%;
	left:408px;
    padding-left:8; padding-right:8; padding-top:1; padding-bottom:1;
}
.btn4
   {
   position:absolute;
   top:148px;
   width:100%;
   left:538px;
   padding-left:8; padding-right:8; padding-top:1; padding-bottom:1;
}
.menu
   {
	position: absolute;
    border-style:outset; border-width:3; position:absolute;
    top:143px;
    height:30px;
    left:143px;
    padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; 
}
.drive
   {
	position: absolute;
    top:202px;
    left:143px
}

.frontmenu
   {
    position: relative;
    top:0px;
    width: 100%;
    left:-50px; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0;
}
.sidemenu
 {
	position: relative;
	top: 110px;
	left: 132px;
	z-index:0;
		}
.dispimage
	{
	position: absolute;
	top: 255px;
	left: 345px;
	height: 100%;	
	width: 100%;
	background-repeat: no-repeat;
	z-index:10
		}

.dispimageback
	{
	position: absolute;
	top: 248px;
	left: 338px;
	height: 100%;	
	width: 100%;
	background-repeat: no-repeat;
	z-index:0
		}
		
.disptext
	{
	position: absolute;
	top: 255px;
	left: 345px;
	height: 100%;	
	width: 100%;
	background-repeat: no-repeat;
	z-index:0; font-family:Monotype Corsiva; font-size:18pt
		}
.links
	{
	position: relative;
	left: 0px;
	color:#999999;
	font-size:10pt;font-family:Gautami; font-variant:small-caps;
	white-space: nowrap;
	}
.lcenter
	{
	position: relative;
	left: 235px;
	}
.letter2
	{
	color: #003399;
	position: absolute;
	left: 115px;
	float:left;
	width:2.5em;
	font-size:215%;
	font-family: Monotype Corsiva;
	line-height: 86%;
	z-index:1; font-weight:bold
	}
.text2
 {
	position: relative;
	left: 46px;
	width: 900px;
	font-family: MS Serif;
	font-size: 125%;
	color: #555555;
	z-index:10; text-align:justify; text-indent:62; line-height:169%
}
#servpic
	{
	position: absolute;
	top: 365px;
	left: 510px;
	height: 100%;
	width: 100%;
	background-image: url('images/services1.jpg');
	background-repeat: no-repeat;
	z-index:0;
}
.letter3
	{
	color: #336699;
	position: absolute;
	left: 115px;
	float:left;
	width:2.5em;
	font-size:215%;
	font-family: Monotype Corsiva;
	line-height: 86%;
	z-index:1; font-weight:bold
	}
.text3
 {
	position: relative;
	left: 46px;
	width: 700px;
	font-family: MS Serif;
	font-size: 125%;
	color: #555555;
	z-index:10; text-align:justify; text-indent:62; line-height:169%
}
.leader
 {
	position: relative;
	left: 46px;
	width:620px;
	font-family: MS Serif;
	font-size: 125%;
	color: #555555;
	z-index:10; text-align:justify; text-indent:62; line-height:160%; border-bottom-style:solid; border-bottom-width:1
}
.inrooms
	{
	color:#999999;
	font-size:10pt;font-family:Gautami; font-variant:small-caps;
	white-space: nowrap;
	}	
#lgbeach
	{
	position:;
	top: 1020px;
	left: 175px;
	height: 150px;
	width: 700px;
	background-image: url('images/lgbeach.jpg');
	background-repeat: no-repeat;
	z-index: 99
}