/*#############################################################
Name: Apartment 4 u
Date: 12-3-09
Description: Monochrome, lightweight and totally liquid. Comes with three different layouts.
Author: Viktor Persson
URL: http://apartment4u

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* {
	margin: 0 auto;
	padding: 0;
}

a {text-decoration: none;}

h1 {
	color: #CC0000;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	font-family:AuntJudy;
}
h2 {
	font: bold 1.6em Verdana,sans-serif;
	padding-bottom: 4px;
}

body {
	background-color: #E2B10A;
	background-image:url(ApartmentImages/Bgiage.jpg);
	color: #fff;
	font: bold 11px "arial",sans-serif;
	
}





/* structure */
#container {
	width:1000px;
	background-color:#FFFFFF;

}

.stripes {
	background: #333 url(ApartmentImages/stripes.jpg);
	height: 26px;
}

/* header */
#header {
		width:1000px;
		height:241px;
		background-color:#A60303;
}

#header .col1 {
	float:left;
	width:190px;
	background-color:#A60303;
	
}

#header .col2 {
	
	float:left;
	width:580px;
	background-color:#A60303;
	
}

#header .col3 {

	float:left;
	width:200px;
	margin-right:2px;
	background-color:#CA0707;
	
}

#header .col3 ul {
	margin-top: 26px;
	margin-bottom: 30px;
	margin-left:20px;
}
#header .col3 li {
	border-bottom: 1px solid #ffffff;
	padding-left: 1%;
	list-style-type: disc;
	background-color:#CA0707;
}
#header .col3 li a {
	display: block;
	line-height: 2em;
	background-color:#CA0707;
	list-style-type: disc;
	
}
#header .col3 a {color: #fff;}
#header .col3 a:hover {
	color: #BBB;
	background: #222;
}

#mainHome {
	background-color: #E8DCB3;
	width:980px;
	border:#FFFFFF 10px solid;
	border-bottom:0px;
	float:left;
	}
#mainHome .left {
	
	width: 560px;
	float:left;
	}
	
#mainHome .right {
	
	width: 420px;
	float:left;
	}	
#mainHome .leftcontent {padding: 14px;}	
#mainHome .leftcontent1 {
	padding:14px;
	padding-top:6px;
	}	
#mainHome .leftcontent2 {
	float:left;
	width:280px;
	
}	
#mainHome .leftcontent3 {

	width:252px;
	float:left;
}
#mainHome .leftcontent4 {
	border-right:#A60303 dashed 1px;
	padding-top:8px;
	width:266px;
	float:left;
}
#mainHome .leftcontent5 {
	
	padding-top:8px;
	padding-left:13px;
	width:252px;
	float:left;
}
#mainHome .leftcontent6 {
	
	padding-top:10px;
	padding-left:200px;
	
	float:left;
}		

#mainHome .rightcontent {padding: 14px;
	width: 380px;
	float:left;
	padding-left:0px;
	padding-bottom:0px;

}
#mainHome .rightcontent1 {
	width: 375px;
	background-color:#FFFFFF;
	padding-top:0px;
	padding: 14px;
	float:left;
	padding-left:0px;

}

#mainHome .rightcontenttext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#504F4E;
	text-align:justify;
	padding:7px 15px;
	line-height:15px;
}
	
	
#mainHome .rightcontent2 
	{
	background-color:#FFFFFF;
	padding-top:0px;float:left;
	padding-left:346px;
}

#mainHome .rightcontent3 {
	width: 405px;
	float:left;
	padding-left:0px;
	padding-bottom:0px;

}

#mainHome .rightcontent4 {
	padding-top:8px;
	width:405px;
	background-image:url(ApartmentImages/BackRound.jpg); background-repeat:no-repeat;
	height:108px;
	float:left;
}


#footer_con {
	 WIDTH: 1000px;
	 background-image:url(ApartmentImages/FooterImage.jpg); background-repeat:repeat-x;
	 height:51px; 
}
#footer {
	WIDTH: 1000px;
	 background-image:url(ApartmentImages/FooterImage.jpg); background-repeat:repeat-x;
	 height:51px; 
}
#footer A {
	COLOR: #fff; TEXT-DECORATION: none
}
#footer A:hover {
	COLOR: #E8DCB3; TEXT-DECORATION: underline;
}
#footer_left {
	padding-top:15px;
	padding-left:5px;
	FLOAT: left
}
#footer_right {
	padding-top:15px;
	padding-right:5px;
	FLOAT: right
}
.clear {
	CLEAR: both; FONT-SIZE: 1px; LINE-HEIGHT: 1px; HEIGHT: 1px
}



.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 358px; /*Width of Carousel Viewer itself*/
height: 100px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

width: 108px;
margin:8px;

margin-right:10px;
 /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}




/* start for About us*/

#main {
	background-color: #ffffff;
	width:980px;
	border:#FFFFFF 10px solid;
	border-bottom:0px;
	float:left;
	/*height:200px;*/
	
	} 
#main .mainleft1 {
	
	width:10px;
	margin-top:10px;
	margin-left:0px;
	float:left;
	background-color:#ffffff;
	
}
#main .mainleft2 {
	
	width:710px;
	margin-top:10px;
	float:left;
	background-color:#fff;
	
}

#main .mainleft3 {
	
	width:40px;
	margin-top:10px;
	float:left;
	background-color:#fff;
	
}
#main .mainleft4 {
	
	width:200px;
	margin-top:15px;
	float:left;
	background-color:#E2B10A;
	
}
/* endmainmidstructure */


/* startleft2structure */

.mainlefttop{
	width:710px;
	background-image:url(ApartmentImages/TopRec.jpg); background-repeat:no-repeat;
	top:12px;
	height:21px;
	left:auto;
	float:left;
	background-color:#fff;
	
}

.mainleftmid {
	
	width:710px;
	background-image:url(ApartmentImages/TopRecMid.jpg); background-repeat:repeat-y;
	left:auto;
	float:left;
	
}

 .mainleftbottom {
	
	width:710px;
	height:21px;
	background-image:url(ApartmentImages/TopRecbottom.jpg); background-repeat:no-repeat;
	left:auto;
	float:left;
	
}
/* endleft2structure */

/* mainleft2midstructure aboutus */

 .mainleftmidimage {

	border-bottom:dashed #666666 1px; 
	width:682px;
	margin-left:15px;
	float:left;
	
}

 .mainleftmain {
	
	width:682px;
	margin-left:15px;
	float:left;
	
}
 .mainleftmain1 {

	width:25px;
	margin-top:20px;
	background-color:#fff;
	float:left;
}

.mainleftmain2 {

	width:632px;
	margin-top:20px;
	background-color:#fff;
	float:left;
}



 .mainleftmain3 {
	
	margin-top:20px;
	width:25px;
	background-color:#fff;
	float:left;
}

.mainleftmain2text {

	width:345px;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:25px;
	font-size:11px;
	color:#333333;
	text-align:justify;
	line-height:20px;
	background-color:#fff;
	float:left;
}

 .mainleftmain2image {

	width:262px;
	
	background-color:#fff;
	float:left;
}

 .mainleftmainothertext {

	width:607px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:25px;
	font-size:11px;
	color:#333333;
	text-align:justify;
	line-height:20px;
	margin-top:20px;
	background-color:#fff;
	float:left;
}

/* end aboutus */




/* start right */


 .mainleft4high {
	
	width:200px;
	float:left;
	}
 .mainleft4contentmain {
	
	width:200px;
	
	float:left;

}

 .mainleft4contentbullet {
	
	width:25px;
	margin-top:10px;
	padding-left:10px;
	float:left;

}

 .mainleft4content1 {
	
	width:160px;
	margin-top:8px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	float:left;

}
 .mainleft4bottomimage {
	
	width:200px;
	margin-top:15px;
	
	float:left;
	}


/* end right */

.mainleftcontentlank {
	
	width:662px;
	margin-top:30px;
	margin-left:20px;
	height:30px;
	border-bottom:#666666 dashed 1px;
	float:left;
	border-top:#666666 dashed 1px;
	
}


.mainleftcontentlanktext {
	
	width:662px;
	margin-left:20px;
	padding-top:10px;
	color:#CC0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	
	
}
 .main1leftinnersubred {

	
	color:#CA0707;
	font-weight:bold;
	font-size:12px;
	
}

/* FICILITY */


.mainleftmainfacility {
	
	width:682px;
	margin-left:15px;
	float:left;
}


 .main1leftfacilitybullet {
	width:22px;
	margin-left:40px;
	margin-top:4px;
	float:left;
}

 .main1leftfacilityheading {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	width:520px;
	margin-left:10px;
	margin-top:2px;
	float:left;
}

 .main1leftfacilitywindow {
	width:622px;
	margin-left:20px;
	margin-top:12px;
	float:left;
}

 .mainleftcontentlank {
	
	width:660px;
	margin-top:20px;
	margin-left:20px;
	height:30px;
	color:#CC0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
}
	
/* Contact  */
	


 .mainleftFieldContact {

	width:140px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:justify;
	line-height:20px;
	background-color:#fff;
	float:left;
}

 .mainleftFieldColon {

	width:10px;
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:11px;
	color:#333333;
	text-align:justify;
	line-height:20px;
	background-color:#fff;
	float:left;
}

 .mainleftFieldValue {

	width:195px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:justify;
	line-height:20px;
	background-color:#fff;
	float:left;
}

.mainleftFieldValue a{

	width:195px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:justify;
	line-height:20px;
	background-color:#fff;
	float:left;
}

.mainleftFieldValue a:hover {

	width:195px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#A60303;
	text-align:justify;
	line-height:20px;
	background-color:#fff;
	float:left;
}


.accomodation
{   font-family:Arial, Helvetica, sans-serif;
	margin-right:25px;
	font-size:13px;
	color:#C80604;
	text-align:justify;
	line-height:20px;
	background-color:#fff;
}

.accomodation1

{   font-family:Arial, Helvetica, sans-serif;
	margin-right:25px;
	font-size:14px;
	color:#A60303;
	text-align:justify;
	line-height:20px;
	background-color:#fff;
}

.accomodation2
{   font-family:Arial, Helvetica, sans-serif;
	margin-right:25px;
	font-size:13px;
	color:#C80604;
	
	line-height:20px;
	background-color:#fff;
}
.call
{
    font-family:Arial, Helvetica, sans-serif;
	margin-right:25px;
	font-size:12px;
	color:#A60303;
	text-align:right;
	line-height:20px;
	background-color:#fff;
	padding-bottom:10px; 
	 
}

.call1
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#A60303;
	text-align:right;
	background-color:#fff;
}



.left1
{
    
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:justify;
	line-height:20px;
	background-color:#fff;
	
}
.box
{
    border:solid 1px #CCCCCC; 
}
.button
{
    border:solid 1px #CCCCCC; 
    background-color:#A60303;
    color:#ffffff; 
}


.read
{
    color:#FF0000; 
    font-size:12px;
    font-weight:bold;  
    
}

.status
{
    color:#FF0000; 
    font-size:11px;
    font-weight:normal;
    font-family:Arial , Verdana, Sans-Serif ;  
}

.dtdevide
{
    border-right:dashed 1px red;
}