/* Beach Wedding Sri Lanka | CSS Document */
body{
	background:#000000;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:50px;
	color:#666666;
}
.container{
	width:978px;
	height:auto;
	margin:0 auto;
	background:#ffffff;
}
.containerback{
	float:left;
	height:auto;
	background:#FFFFFF;
}
.content{
	float:left;
	width:880px;
	height:auto;
	margin-left:49px;
}
.container .content .logo{
	float:left;
	width:310px;
	height:59px;
	background:url(../images/logo2.jpg) no-repeat;
	margin-top:35px;
	margin-bottom:15px;
}
.container .content .ul_list{
	float:left;
	display:inline;
	margin-top:40px;
}
.container .content .li_line{
	float:left;
	display:inline;
	list-style-image:none;
}
.container .content .a_link{
	text-decoration:none;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	padding:2px 9px;
	color:#666666;
	font-size:14px;
}
.container .content .a_link:hover{
	color:#000000;
}
.container .sldr{
	float:left;
	width:100%;
	height:auto;
	margin-top:5px;
	border-top:1px solid #CCCCCC;
}
.container .graycontainer{
	float:left;
	width:100%;
	background:#f9f9f9;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	padding-bottom:25px;
}
.container .graycontainer .left{
	float:left;
	width:680px;
	height:auto;
}
.container p{
	line-height:20px;
	width:100%;
	text-align:justify;
}
.container .graycontainer .right{
	float:right;
	width:160px;
	height:auto;
	margin-top:92px;
}
.container .content .col3{
	float:left;
	width:100%;
	height:auto;
	margin-top:20px;
}
.container .content .col3 .col1{
	float:left;
	width:282px;
	height:auto;
}
.container h3{
	float:left;
	width:100%;
	font-size:16px;
	font-weight:normal;
}
.container .content .col3 .col1 img{
	float:left;
	margin-bottom:15px;
}
.container .content .col3 .col1 .rdmore{
	float:right;
	margin:0 0 30px 0;
	text-decoration:none;
	color:#000000;
}
.container .content .col3 .col1 .rdmore:hover{
	color:#333333;
}
.container .footer{
	float:left;
	background:#4d4d4d;
	width:100%;
	height:90px;
}
.container .footer .ul_list{
	float:left;
	display:inline;
	margin-top:25px;
	margin-left:200px;
}
.container .footer .li_line{
	float:left;
	display:inline;
	list-style-image:none;
}
.container .footer .a_link{
	text-decoration:none;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	padding:2px 9px;
	color:#CCCCCC;
	font-size:14px;
}
.container .footer .a_link:hover{
	color:#ffffff;
}
.container .footer .copyright{
	float:left;
	margin-left:290px;
	margin-top:0px;
	color:#CCCCCC;
}
/* -------------- */
.inpt{
	width:300px;
}
.btn{
	float:left;
	padding:10px;
	background:#666666;
	border:none;
	margin-left:0px;
	margin-top:15px;
	color:#FFFFFF;
	cursor:pointer;
}
.btn:hover{
	background:#222222;
	color:#33CCFF;
}
label{
	float:left;
	width:100px;
	height:20px;
	margin-top:5px;
}
.inpt2{
	float:left;
	width:550px;
	height:25px;
	border:1px solid #eee;
	text-indent:5px;
}
.inpt2:focus{
	background:#FFFFF2;
}
.inpt3{
	float:left;
	width:580px;
	height:25px;
	border:1px solid #eee;
	text-indent:5px;
}
.inpt3:focus{
	background:#FFFFF2;
}
.idea{
	float:left;
	width:175px;
	height:auto;
	background:#FFFFFF;
	box-shadow: 0 1px 3px #aaa;
	margin:20px 25px;
}
.idea img{
	float:left;
	width:145px;
	height:auto;
	margin:15px 15px;
}
.idea .title{
	float:left;
	width:150px;
	padding-left:15px;
	background:#eeeeee;
	color:#000000;
	height:25px;
	padding-top:10px;
	padding-bottom:15px;
	padding-right:10px;
}

/* ---------  Menu CSS --------- */
/* --- reset default styles ---- */
#menu,
#menu ul { margin: 0; padding: 0; z-index:9999; }
#menu li { list-style-type: none; }

/* first level */
#menu li,
#menu a { 
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	float: left;
	padding:0px 5px;
	height:30px;
	display: block;
	color:#333333;
	text-decoration:none;
	padding-top:9px;
	font-size:13px;
}
#menu a:hover,
#menu a.menu_open { background: #ffffff; color:#000000; }

/* second level and up */
#menu ul { visibility: hidden; position: absolute; width: 115px; }
#menu ul a { background: #ffffff; width:100px; }
#menu ul a:hover,
#menu ul a.menu_open { background: #efefef;}

/* third level (colors) */
#menu ul ul a { background: #393939; margin-left:-55px; }
#menu ul ul a:hover { background: #404040; }