@charset "utf-8";

/* ...................................................... Reseting CSS ...................................................... */

body, h1, h2, h3, h4, h5, h6, p, ul, li, ol, form, small, label, cite, td {
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
}

body {
background-color:#000000;
height: 100%;
}

a {
outline:none;
color:#2260b2;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

/* ...................................................... Layout Starts ...................................................... */

#wrapper {
width:996px;
margin:auto;
}

#header {
height: 100px;
text-align: left;
background:url(../images/headerbg.jpg) repeat-x;
padding:0 25px;
}

#logo {
width: 240px;
height:43px;
float:left;
padding-top:30px;
}

/* ...................................................... Banner Content Starts ...................................................... */

#banner {
min-height:290px;
padding:30px;
}

.banner1 {
background:url(../images/bannerbg.jpg) no-repeat;
}

.banner2 {
background:url(../images/bannerbghajj.jpg) no-repeat;
}

.banner3 {
background:url(../images/bannerbgumrah.jpg) no-repeat;
}

.banner4 {
background:url(../images/bannerbgteam.jpg) no-repeat;
}

.banner5 {
background:url(../images/bannerbgcompany.jpg) no-repeat;
}

.banner6 {
background:url(../images/bannerbgalbum.png) no-repeat;
}

.banner7 {
background:url(../images/bannerbgcontact.jpg) no-repeat;

}

#banner {position:relative;}

#banner span.banner-content { display:block; text-indent:-9000px; display:none;}

#banner .buttons { position:absolute; bottom:20px; left:20px;}

#banner .button-booking { position:absolute; top:20px; left:20px;}
.button-booking ul li{float:left; list-style: none outside none;}


#bannercontent {
width:430px;
}



#bannercontent p {
margin-bottom:16px;
color:#FFFFFF;
font-size:14px;
line-height:18px;
}

.button2 {
padding:0 0 25px 0;
}

/* ...................................................... Content Starts ...................................................... */

#content {
padding:20px 35px;
}

#content p {
font-size:12px;
color:#FFFFFF;
line-height:18px;
margin:0 0 10px 0;
}

#team p {
font-size:12px;
color:#FFFFFF;
line-height:18px;
margin:0 0 10px 0;
}

#content ul, #team ul {
list-style:none;
}

#content ul li, #team ul li {
color:#FFFFFF;
margin-bottom:5px;
}

.quote {
text-align:center;
margin:15px auto 0 auto;
width:240px;
padding:0 10px 0 0;
}

.coma1 {
padding:5px 35px 0 0;
background:url(../images/coma1.png) no-repeat top left;
}

.coma2 {
padding:0 0 5px 35px;
background:url(../images/coma2.png) no-repeat bottom right;
}

.awardlogo {
padding:15px 0 0 0;
}

.box1 {
width:268px;
height:216px;
background:url(../images/red.jpg) no-repeat;
float:left;
margin-right:20px;
padding:12px;
}

.box2 {
width:268px;
height:216px;
background:url(../images/orange.jpg) no-repeat;
float:left;
margin-right:20px;
padding:12px;
}

.box3 {
width:268px;
height:216px;
background:url(../images/blue.jpg) no-repeat;
float:left;
padding:12px;
}

.package {
width:281px;
height:70px;
background:url(../images/packagebg-small.jpg) no-repeat;
padding:10px;
float:left;
margin:10px 10px 0 0;
}

.package1 {
width:281px;
height:128px;
background:url(../images/packagebg.jpg) no-repeat;
padding:10px;
float:left;
margin:10px 10px 0 0;
}

.achievements {
width:281;
height:128px;
background:url(../images/packagebg.jpg) no-repeat;
padding:10px;
float:left;
margin:10px 10px 0 0;
}

.nav-bg {
width:200px;
height:300px;
background:url(../images/nav-bg.png) no-repeat;
padding:0px;
float:left;
margin:0px;
}

/* ...................................................... Team Starts ...................................................... */

.teambox {
width:301px;
float:left;
margin-right:11px;
}

#team {
padding:30px;
margin-bottom:10px;
min-height:430px;
}

#photo-gallery {
padding:0px;
margin-bottom:10px;
min-height:430px;
}

.teamcontent {
width:700px;
padding:30px;
}

.teamcontent p {
line-height:20px;
margin-bottom:10px;
margin-top:10px;
}

.teamcontent ul {
margin:10px 0 20px 20px;
line-height:18px;
}

.roundedbody {
background:url(../images/roundedbody.png) repeat-y;
padding:0 20px 1px 20px;
}

/* ...................................................... Typography Starts ...................................................... */

h2 {
color:#eac158;
font-size:24px;
margin-bottom:2px;
}

h3 {
color:#ff9900;
font-size:18px;
margin-bottom:10px;
}

small {
color:#FFFFFF;
font-style:italic;
margin-top:50px;
}

.members h3 {
margin-bottom:0px;
font-size:16px;
}

.members h2 {
margin-bottom:0px;
}

.pic {
float:left;
width:61px;
margin-right:10px;
}

.name {
float:left;

}

.name2 {
float:left;
}

.members {
margin-bottom:15px;
}

.members a {
display:block;
cursor:pointer;
padding:5px;
height:61px;
}

.members a:hover {
background-color:#2f2f2f;
cursor:pointer;
text-decoration:none;
}


/* ...................................................... Navigation Starts ...................................................... */

#topnav {
float:right;
}

#topnav li {
list-style:none;
float:left;
font-size:12px;
text-transform:uppercase;
margin-left:5px;
}

#topnav ul li a {
color:#FFFFFF;
text-decoration:none;
display:block;
padding: 69px 12px 20px 12px;
}

#topnav a:hover {
color:#FFFFFF;
padding: 69px 12px 20px 12px;
background:url(../images/navbg.jpg) repeat-x;
}

.normal {
color:#FFFFFF;
}

.selected {
color:#FFFFFF;
padding: 69px 12px 20px 12px;
background:url(../images/navbg.jpg) repeat-x;
}


/* ...................................................... Footer Starts ...................................................... */

#footer {
clear:both;
background:url(../images/footer.jpg) no-repeat;
height:71px;
}

/* ...................................................... Form Starts ...................................................... */

input, select, textarea {
font-size: 20px;
padding: 3px;
display:block;
}

#form p {
margin-bottom:8px;
}

#form li {
list-style:none;
}

#form input, #form textarea, #form select {
font-size: 12px;
}

#form input, #form textarea{
width: 200px;
}

#form textarea {
height: 80px;
}

#form .button, .button, a.button {
padding: 3px 5px;
border: none;
font-size: 13px;
cursor: pointer;
text-decoration: none;
margin:0 0 20px 0;
width: auto;
background-color:#000000;
color:#FFFFFF;
}

#form .button:hover, .button:hover, a.button:hover {
background-color:#178de4;
}
	
#form input[disabled].button {
background-color: #ccc;
border-color: #eee; 
color: #999; 
cursor: default;
margin-bottom:20px;
}

.req {
color: #b42104;
font-weight: bold;
}

.message, .success {
padding: 12px;
margin: 10px;
border: 1px solid #e6db55;
background: #ffffe0;
}

.success {
padding: 10px 68px;
margin: 10px;
border: 1px solid #e6db55;
background: #ffffe0 url(../jValidation/check.png) no-repeat 10px 10px;
}

#form label.error {
font-weight:normal;
color:red;
font-size: 10px;
text-align:left;
padding:3px 0;
}

#form label#name_error {
display: block;
}

#form label#email_error {
display: block;
}

#form label#phone_error {
display: block;
}

#message {
margin:60px 0 0 100px;
}
#message h2 {
font-size:150%;
}

#message p {
font-weight:bold;
margin:6px 0px;
}

#checkmark {
position:relative;
top:-46px;
left:-60px;
}

#attachment_wrap_labels {
display: none;
}

.cmxform fieldset p.error label { color: red; }

.errors {
background-color: #eee;
border: 1px solid red;
margin: 5px 0 0 0;
padding: 5px 0;
}

div.container {
border: 1px solid red;
font-size:11px;
padding:5px 10px;
}

div.container ol li {
margin-left: 0px;
font-size:10px;
}

div.container ol li label {
font-size:11px;
}


/* ...................................................... General Starts ...................................................... */

.clear {
clear:both;
}

.white {
color:#FFFFFF;
}

.orange {
color:#ff9900;
font-size:16px;
}

.whitepack {
color:#FFFFFF;
font-size:16px;
}

.orange2 {
color:#ff9900;
}




/* ...................................................... Left Navigation Team ...................................................... */

#leftmenu {	FLOAT: left; WIDTH: 180px; FONT-FAMILY: tahoma, sans-serif; }
#leftmenu UL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 1em; 
	PADDING-BOTTOM: 6px; 
	MARGIN: 20px 0px 0px 10px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none
}
#leftmenu UL LI {	MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 5px; BORDER-BOTTOM: #333 1px solid}
#leftmenu UL LI UL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 1em; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 15px; 
	PADDING-TOP: 6px; 
	LIST-STYLE-TYPE: none
}
#leftmenu UL LI UL LI {
	PADDING-LEFT: 10px; 
	BACKGROUND: url('bullet-leftmenu.gif') no-repeat 0px 5px; 
	MARGIN-BOTTOM: 0px; 
	PADDING-BOTTOM: 5px; 
	BORDER-BOTTOM: medium none
}
#leftmenu UL LI A {	COLOR: #eac158; TEXT-DECORATION: none; font-size:16px;}
#leftmenu UL LI A.selected { FONT-WEIGHT: bold; COLOR: #ff9900}
#leftmenu UL LI A:hover {	COLOR: #ff9900; TEXT-DECORATION: underline; }