/*
      css cruise
      for travel dynamics international
      by mwwdesign.com
      last update:
	   	erica
		Oct 26 06
*/

#banner {
	margin: 0 0 10px 0;
}

#content {

}


#col1 {
	margin: 0 240px 0 0;
}

#col2 {
	float: right;
}

#row {
	width: 780px;
	height: 190px;
}

.row1 {
	float: left;
	margin-right: 13px;
	border: solid 1px #ccc;
	width: 183px;
	height: 190px;
}

.row2 {
	float: left;
	border: solid 1px #ccc;
	width: 183px;
	height: 190px;
}

.row1 img, .row2 img {
	width: 183px;
	height: 95px;
	}

.row1 p, .row2 p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px; 
	font-weight:bold;
	color:#74a18e;
	padding: 5px 3px 1px 4px;
}

#rowtwo {
	width: 780px;
	height: 211px;
}



.column1 {
	float: left;
	border: solid 1px #ccc;
	width: 381px;
	height: 211px;
	margin-right: 13px;
}

.column1 .text1, .column3 .text1 {
	float: right;
	width: 194px;
	padding-top: 5px; 
	}

.column1 img {
	height: 211px;
	width: 184px;
	float: left;
}

.column1 h2, .column3 h2, .column2 h2, .column4 h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px; 
	font-weight:bold;
	color:#74a18e;
	padding-left: 10px;
	padding-top:0px;
	margin-top: 0px;
}

.column1 ul, .column2 ul, .column3 ul, .column4 ul {
	padding-left: 10px;
	padding-right: 5px;
	margin-left:15px;
	margin-top:0px;

}

.column1 li, .column2 li, .column3 li, .column4 li {
	margin:0;
}

.column1 p, .column2 p, .column3 p, .column4 p {
	padding-left: 10px;
	padding-right: 10px;
}



.column2 {
	float: left;
	border: solid 1px #ccc;
	width: 381px;
	height: 211px;
}

.column2 .text1, .column4 .text1 {
	float: left;
	width: 196px;
	padding-top: 5px;
	}

.column2 img {
	height: 211px;
	width: 184px;
	float: right;
}


.column2 h3, .column3 h3, .column4 h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px; 
	font-weight:bold;
	color:#74a18e;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
}

#col3 {
	float: left;
	width
}

#col4 {

}

#rowthree {
	width: 780px;
	height: 466px;
}
.column3 {
	float: left;
	border: solid 1px #ccc;
	width: 381px;
	height: 466px;
	margin-right: 13px;
}

.column3 img {
	height: 466px;
	width: 184px;
	float: left;
}


.column4 {
	float: left;
	border: solid 1px #ccc;
	width: 381px;
	height: 466px;
}

.column4 img {
	height: 466px;
	width: 184px;
	float: right;
}



#box {
	width: 243px;
	
	border: solid 1px #ccc;
	margin-bottom: 10px;
	background: url(../images/box_bg.jpg) bottom right repeat;
}

#box2 {
	width: 243px;
	border: solid 1px #ccc;
	margin-bottom: 10px;
	background: url(../images/box_bg.jpg) bottom right repeat;
}

#box p {
	margin: 0;
	font: 8pt/11pt Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
}

#box p, #box h2, #box h3 {
	padding-left: 5px;
	padding-right: 5px;
	padding-top:0px;
	margin-top:2px;
}

#box.right p, #box.right h2 {
	padding-left: 70px;
		padding-top:0px;
}

#box.left p, #box.left h2, #box.left h3 {
	padding-right: 70px;
		padding-top:0px;
}

#box-virtual {
	border: solid 1px white;
	padding-left:85px;
	padding-right:5px;
	text-align: right;
	font: 8pt/11pt Arial, Helvetica, sans-serif;
	color:#666666;
	
}
#box-virtual2 {
	
	
	
}

#content2 {
	margin-top: 20px;
	background: url(../images/content2_bg.jpg) -10px 0 repeat-y;
}

#areaA {
	float: left;
	width: 225px;
	padding-right: 10px;
	background: url(../images/areaa_bg.jpg) 17px 160px no-repeat;
	
}

#areaA p {
	padding-left: 20px;
}

#areaA h2 {
	text-align: center;
}

#areaB {
	margin: 0 0 0 265px;
	width:255px;
	padding-right: 5px;
	text-align: left;
	
}
#areaB h2 {
	text-align: center;
}

#areaC {
	float: right;
	width: 245px;
/*	border: solid 1px red;*/
}