/* CSS Document */

/* FILENAME:		screen.css */
/* AUTHOR:			One Soul Web Studios LLP */
/* CREATED:			October 2008 */
/* LAST MODIFIED:	19th January 2010 by Kal Sabir in relation to revising rates and packages content. */




/* DEFAULTS ------------------------ */

* {
		margin: 0;
		padding: 0;
}

body {
	background-color:white;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/bodyBG.jpg);
	background-position: center top;
	background-attachment: scroll;
	background-repeat:no-repeat;
	
	
}
		

/* STRUCTURE #################################################### */

.bizName {text-transform:uppercase;}

#wrapper {
	margin: 0 auto;
	width: 750px;
	background:none;
	
}		


/* HEADER ______________________________________________________*/
#header {
	height: 156px;
	/*width:750px;
	clear:both;
	margin:0 auto;*/
	/*border:1px solid red;*/
	background-image:url(../images/headerBG.jpg);
	background-position: center top;
	background-attachment: scroll;
	background-repeat: no-repeat;
}

#homeLink {
	height:156px;
	width:750px;
	/*border:1px solid red;*/
	margin:0 auto;
	text-align:center;
}
#homeLink img {border:none;}
#homeLink a img {border:none;}

/* GlobalNav ____________________________________________________*/

#globalNav {
		float:none;
		text-align: right;
		/*margin:0 10px 5px 0;*/
		padding:0;
		background: none;
		position:absolute;
		right:10px;
		top:0;
		
}

#globalNav ul {
		list-style-type: none;
}

#globalNav li {
		font: bold 1.0em/100% Verdana, Arial;
		display:inline;
		margin-left:15px;
		padding:0;
}

#globalNav a {
		text-transform:uppercase;
		text-decoration: none;
		font-weight:bold;
		font-size:90%;
		color:#ffffff;
}

#globalNav a:hover {
	color: #ffffff ;
	text-decoration: underline;
}

#globalNav a:visited {
}

#globalNav a:active { color: #cccccc;}

/* Countries NAV _______________________________________________________*/


#countries {
		vertical-align: text-bottom;
		text-align: right;
		clear:right;
		margin:0 0 10px 0;
		padding:2px 0 2px 0;
		background:none;
		color:#cccccc;
		font-size:85%;
		position:absolute;
		right:10px;
		top:120px;
}

#countries ul {
		list-style-type: none;
}

#countries li {
		font: bold 1.0em/100% Verdana, Arial;
		display:inline;
		margin-left:15px;
		padding:0;
}

#countries a {
		text-transform:uppercase;
		text-decoration: none;
		font-weight:bold;
		/*color:#ffffff;*/
}

#countries a:hover {
	color: #ffffff;
	text-decoration:underline;
}

#countries a:visited {
}

#countries a:active { color: #ffffff;}


/* INFO BOX ---------------------------------*/

#infoBox {
	position:absolute;
	right:10px;
	top: 20px;
	text-align:right;
	float:right;
	margin:15px 10px 25px 0;
}

#infoBox form#newsletter {
	color: #FFCCFF;
	font-size:100%;
	font-weight:bold;
}

#infoBox form#newsletter input {
	color: #CCCCCC;
	text-transform:uppercase;
	border:2px inset #3333cc;
	font-size:95%;
	font-weight:bold;
}

#infoBox form#newsletter input.subscribe {
	border:1px inset #3333cc;
	color:#FFFFFF;
	text-transform:capitalize;
}

#infoBox form#newsletter td {
	vertical-align:top;
	padding-top:3px;
	text-align:center;
}


/* TOP NAV _______________________________________________________*/


#topNav {
		text-align: center;
		margin:0;
		padding:8px 0 8px 0;
		background-color: #333333;
		background-image:url(../images/topNavBG.jpg);
		background-position: top;
		background-repeat:repeat-x;
		background-attachment: fixed;
		
}

#topNav ul {
		list-style-type: none;
}

#topNav li {
		font: bold 1.0em/100% Verdana, Arial;
		display:inline;
		margin-left:15px;
		padding:0;
}

#topNav a {
		text-transform:uppercase;
		text-decoration: none;
		font-weight:bold;
		font-size:95%;
		color:#cccccc;
		padding:0 2px 0 2px;
		border-left:1px solid;
		margin:3px 2px 1px 2px;
}

#topNav a:hover {
	color: #0066FF ;
}

/*#topNav #servicesNav {
	display:none;
}

#topNav a:hover #serviceNav {
	display:block;
}*/
#topNav a:visited {
}

#topNav a:active { color: #00CCFF;}

/* LINK DEFINITIONS ---------------------------------*/

#index .index, #about .about, #services .services, #process .process, #rates .rates, #portfolio .portfolio, #contact .contact, #disclaimer .disclaimer, #terms .terms, #privacy .privacy, #quotation .quotation, #sitemap .sitemap, #accessibility .accessibility, #help .help
{color: #FF99FF;}



/* MAIN CONTENT ____________________________________*/


#mainContent {
	margin:0 0 0 0;
	height:360px;
	overflow:auto;
	color:#FFFFFF;
	padding:0 70px 0 70px;
	/*border:1px solid red;*/
}

#portfolio #mainContent, #index #mainContent {
	overflow:visible;
	height:auto;
}
#mainContent #homeImageContainer {
	margin:25px 0 25px 0;
	}
	
#mainContent #homeImageContainer img {
	margin:0 1px 0 0 ;
	float:left;
}
	

#mainContent a {
	text-decoration: underline;
	color: #CC99FF; /*#CC66FF; */
	
	}

#mainContent a:hover {
	text-decoration: none;
	color: #33CCFF;
}

#mainContent  a:active { color: #00CCFF;}

#mainContent div.quote {
	margin:30px auto 15px auto;
	text-align:center;
}

#mainContent div.quote a {
	color:#99CCFF;
	border:2px inset #99ccff;
	padding:10px;
	text-decoration:none;
	text-transform:uppercase;
	font-size:120%;
	margin:15px auto 15px auto;
}
	
#mainContent div.quote a:hover {
	color:#CC99FF;
	border: 2px inset #CC99FF;
}

#mainContent h1 {
	font-size: 125%;
	background-color: #CCCCCC;
	color: #000000;
	background-image: url(../images/h1BG.jpg);
	background-repeat:repeat-y;
	background-position:right;
	margin-bottom:20px;
	text-align:center;
	text-transform:uppercase;
	padding-top:10px;
}

#mainContent h2 {
font-size:115%;
text-decoration:underline;
color: #FFCCFF;
text-transform:uppercase;
margin-bottom:10px;
margin-top:30px;
}

#accessibility #mainContent h2 {
	margin-top:15px;
}
	
#mainContent h3 {
color: #99CCFF;
font-size:110%;
text-transform:capitalize;
margin-bottom:10px;
}
#mainContent img {
float:right;
	margin:0 0 15px 15px;
	border: 1px solid #ffffff;
}
#mainContent ul{
	margin-left:30px;
	margin-bottom:15px;
	font-size:100%;
}

#mainContent ul ul {
	margin-left:30px;
	margin-top:5px;
}

#mainContent li {
	margin-bottom:10px;
	font-size:100%;
}

#mainContent dd {
	margin-bottom:10px;
}
	
#mainContent table.rates {
	background: none;
	color:#333333;
	margin-bottom:30px;
}

#mainContent table.rates td {
	border:1px solid #AAAAAA;
	padding:5px;
	background-color:#aaaaaa;
}

#mainContent table.rates th {
	color:#FFFFFF;
	text-transform: uppercase;
}

#mainContent table.rates td.row1 {
	background-color:#cccccc;
}

#mainContent table.rates td.row2 {
	background-color:#999999;
}

#mainContent table.accessibility {
	width:100%;
	font-size:120%;
	margin:30px 0 30px 0;
	color:#000000;
}

#mainContent table.accessibility  th {
	color: #FF99FF;
}
	
#mainContent table.accessibility  td {
	border:1px solid;
	padding:5px;
}

#mainContent table.accessibility  td.row1 { 
	background-color:#cccccc;
}

#mainContent table.accessibility  td.row2 { 
	background-color:#999999;
}

#mainContent table.enquiry {
	margin:20px 0 20px 0;
	color:#FFFFFF;
	font-size:110%
}

#mainContent table.enquiry td {
	padding:10px 5px 10px 5px;
	border-top:1px solid #666666;
	vertical-align:top;
}


#mainContent .package {
	width:250px;
	float:left;
	margin:5px 20px 20px 0; /*10px 5px 0;*/
	border:1px solid #CCCCCC;
	background-color: #333333;
	/*background-image:url(../images/packageBG.jpg);
	background-position: top;
	background-repeat: repeat-y;*/
	font-size:90%;
}

#mainContent .package p {
	margin-left:10px;
	margin-right:10px;
}

#mainContent .package ul {
	margin-left:25px;
	margin-right:15px;
	list-style:square;
}

#mainContent .package h3 {
	color:#000000;
	padding-left:10px;
	padding-right:10px;
	background-color: #CC99FF;
	background-image:url(../images/packageTitleBG.jpg);
	background-position: top;
	background-repeat: repeat-y;
	font-style:normal;
	font-weight:bold;
	text-transform:uppercase;
	 
}

#mainContent .package img {
	margin-right:10px;
}


#servicesNav a {
	/*display:block;*/
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
}

#servicesNav a:hover {
	color: #0099CC;
	text-decoration: underline;
}

#mainContent div.specialOffer {
	margin-bottom:50px;
	border-right: 1px solid #ff0066;
	border-left: 1px solid #ff0066;
	border-top: 3px solid #cc0066;
	border-bottom: 10px solid #cc0066;
	/*border-bottom: 1px solid #ff0033;*/
	padding:10px 30px 10px 30px;
	color: #00CCFF;
	font-size:105%;
}

#mainContent div.specialOffer span.discount {
	font-weight:bold;
	font-size:130%;
	margin-right:7px;
}

#mainContent div.specialOffer h2 {
	color: #FF0066;
	margin:0 auto 20px auto;
	font-size:130%;
	text-align:center;
}

#mainContent div.specialOffer ul {
	margin-bottom:30px;
	font-size:105%;
}

#mainContent div.specialOffer p {
	text-align:center;
}




/* TABLE DEFINITIONS---------------------------------------*/




td.tag {
	width:30%;
	vertical-align:top;
	font-size:100%;
}



.separator {
		clear: both;
}

.separatorInvisible {
		clear: both;
		height: 1px;
}

.hidden {
	display:none;
}

input, textarea {
	background-color: transparent;
	color:#FFFFFF;
}

textarea {}

hr {
	margin:5px 0 10px 0;
	clear:both;
	color:#ffffff;
}

.alert {
	color:red;
}


/* GLOSSARY DIV __________________________________________*/

#glossary {clear:both;}

/* FOOTER _______________________________________________*/

#footer {
	clear:both;
	margin-top:10px;
	margin-bottom: 0;
	padding: 0 25px 0 25px;
}


/* BOTTOM NAV __________________________________________ */

#bottomNav {
		
		text-align:center;
}

#bottomNav ul {
		list-style-type: none;
}

#bottomNav li {
		font: bold 1em/100% Verdana, Arial;
		padding-bottom: 2px;
		display:inline;
		margin-left:15px;
}

#bottomNav a {
		text-transform:uppercase;
		text-decoration: none;
		font-weight:bold;
		font-size:85%;
		color:#330066;
}

#bottomNav a:hover {
		
		color: #ffffff;
		text-decoration: underline;	
}

#bottomNav a:visited {
	
}

#bottomNav a:active { color: #330066;}

/* COPYRIGHT ___________________________________*/

#copyright {
		margin-top:10px;
		text-align:center;
		color: #330099;
		font: bold 0.7em/100%  Verdana, Arial, sans-serif;
}

#copyright img {
	margin:3px 0 0 0;
	border:none;
}

#copyright a {
	text-decoration: underline;
	color:#330099;
	
}

#copyright a:hover {
	text-decoration: none;
	color: #330099;
}

#copyright ul {list-style:none;}

#copyright li {display:inline; margin:0;}
	
/* LINKS AND NAVIGATION---------- */

a.pageTop {float:right;}
		

/* FONTS * GENERAL --------------------------- */

html {
		font-size: 100%;
		}

body {
		font-size: 70.5%;
		}

/*h1 {
		font: bold 1.6em/100%  Verdana, Arial;
		font: bold 1.6em/100% Verdana, Arial, sans-serif;
		margin-bottom:5px;
		text-transform:uppercase;
}*/


		


p {
		font: 1.1em/1.4em Verdana, Arial, sans-serif;
		margin-bottom: 1em;
}

p.pointer {float:right;}


.red {color:#FF0000;}
.blue {color: #33CCFF;}
.yellow {color: #FFFF66;}
div.alertBox {
	color: red;
	margin:50px 0 100px;
	padding-right:10px;
	border-bottom:1px solid red;
	border-right:1px solid #990000;
	
}

#mainContent div.alertBox h2 {
	margin-top:0;
	color: red;
}