/* colors: 
red: #993333
yellow: #ffffcc
blue: #333366

*/


body {text-align: center; }
 #alignment {text-align: left; margin: 0px auto;
	width: 796px;
 } 

body {
background: url(images/backgroundmain.jpg) repeat-x;
background-color: #993333;

}

div#banner {

background-image: url(images/banner.jpg) ;
height: 98px;
width: 796px;
margin-bottom: 5px;

}





div#nav {


float: right;
margin-top: 20px;
margin-right: 25px;


}

div#nav ul{
white-space: nowrap;

font-family:  arial, verdana,  sans-serif;

background: url(images/navbar.jpg) no-repeat;
height:  36px;
width: 350px;
font-size: 12px;
padding-top: 10px;
padding-left: 25px;


}



div#nav li {
display:inline;
margin: 0px;
padding-left: 2px;
padding-right: 2px;
}

div#nav li a{

text-decoration: none;
color: #333366;
font-weight: bold;

}




div#nav li a:hover{

color: #993333;
text-decoration: none;

}
/*
div#lnav {
position: absolute;
left: 22px;
top: 0px;




}

div#rnav {
position: absolute;
left: 338px;
top: 0px;

}
*/
/*
span.inbar {
background: url(images/btnmid.gif) repeat-x ;
padding: 10px;
margin: -5px;

}

*/

div#quicklinks {
font-family: arial, verdana,  sans-serif;
font-size: 13px;
text-align: center;
margin-top: -20px;
padding-bottom: 20px;

}

div#quicklinks li{
display: inline;

}


div#quicklinks li a {
color: #333366;

}

div#quicklinks li a:hover {
color: #993333;
text-decoration: underline;
}


div#middlecontent {
background: url(images/background.jpg) top left repeat-y;

margin-top: 0px;
padding: 20px;
width: 796px;
}



div#hometitle {
padding-right: 25px;
margin-top: -40px;
margin-left: -20px;

	
}

div#sidemenu {
 
float: left;


margin-left: -25px;
width: 160px;
}

div#sidemenu ul{
padding-top: 0px;
padding-bottom: 25px;
margin-bottom: 0px;


}

div#sidemenu li{
font-size: 12px;
padding-top: 0px;
margin-left: -20px;
padding-left: 12px;
padding-right: 20px;

background: url(images/menumid.jpg) repeat-y;

list-style-type: none;
font-family: arial, verdana,  sans-serif;
text-align: center;

}

div#sidemenu li a {
color: #333366;
text-decoration: none;

}

div#sidemenu li a:hover {
color: #993333;
text-decoration: underline;
}


div#menutop {
margin-bottom: -25px;
padding-left: 20px;
}

div#menubot {
margin-top: -25px;
padding-left: 20px;
}

div#content {
margin-top: -30px;
margin-left: 150px;
width: 604px;
text-align: justify;
overflow: hidden;
}

div#contentopen {
margin-top: -30px;
margin-left: 150px;
width: 604px;
text-align: justify;
overflow: hidden;
background: url(images/xmas.jpg) bottom right no-repeat;
}

div#contentleft {
margin-top: 0px;
margin-left: 30px;
width: 700px;
text-align: justify;
overflow:auto;
}

div#twitter_div {
font-family:  arial, verdana,  sans-serif;
}

div#twitter-link {
font-family:  arial, verdana,  sans-serif;
color: #993333;
}

div#twitter_div ul li{
padding-bottom: 20px;
padding-top: 15px;
padding-left: 20px;
list-style-type: none;
background: url('images/dividerx.gif') bottom left no-repeat;
}

div#twitter_div ul li:first-child{
font-size: 1.25em;





}


p {
font-family: arial, verdana,  sans-serif;
color: #000033;
font-size: 12px;
}

h1 {
font-family: arial, verdana,  sans-serif;
color: #000033;
font-size: 12px;
margin-left: 2px;
padding-top: 30px;
}



h2 {
font-family: arial, verdana,  sans-serif;
color: #000033;
font-size: 20px;
margin-left: 0px;
}

h3 {
font-family: arial, verdana,  sans-serif;
color: #000033;
font-size: 16px;
margin-left: 0px;
}

div#footer {
color: #ffffff;
font-family: arial, verdana,  sans-serif;

font-size: 10px;
text-align: center;

}

div#footer  a{
color: #ffffff;
font-family: arial, verdana,  sans-serif;

font-size: 10px;
text-align: center;

}

div#footer  a:hover{
color: #ffffff;
font-family: arial, verdana,  sans-serif;

font-size: 10px;
text-align: center;

}

div#contact {
padding-top: 0px;
margin-left: 150px;

}

div.float  {
float: left;
padding: 3px;
text-align: center; 
width: 180px; 
height: 210px;
 margin: 3px;
border:  1px solid #993333; 
}

div.float  img{

/*padding: 5px;
padding-bottom: 20px;*/
border:  3px solid #333366;
margin: auto auto;


}
div.float  p{
margin-top: 0px;
padding: 7px;


}
div.float li{
display: inline;
}

div#gallery {

margin: 0px;
}

p#bigbutton1 a{
float: left;
background: url(images/buttonworkshop.jpg) top left no-repeat;
width: 125px;
height: 57px;
padding: 20px;
text-decoration: none;
color: #333366;
text-align: center;
font-weight: bold;
margin: 10px;
}

p#bigbutton1 a:hover{
float: left;
background: url(images/buttonworkshopover.jpg) top left no-repeat;
width: 125px;
height: 57px;
padding: 20px;

color: #993333;
font-weight: bold;
margin: 10px;
}

p#bigbutton2 a{
float: left;
background: url(images/buttonart.jpg) top left no-repeat;
width: 125px;
height: 57px;
padding: 20px;
text-decoration: none;
color: #333366;
text-align: center;
font-weight: bold;
margin: 10px;
}

p#bigbutton2 a:hover{
float: left;
background: url(images/buttonartover.jpg) top left no-repeat;
width: 125px;
height: 57px;
padding: 20px;

color: #993333;
font-weight: bold;
margin: 10px;
}

p#bigbutton3 a{
float: left;
background: url(images/buttoncontact.jpg) top left no-repeat;
width: 125px;
height: 57px;
padding: 20px;
padding-top: 30px;
text-decoration: none;
color: #333366;
text-align: center;
font-weight: bold;
margin: 10px;
}

p#bigbutton3 a:hover{
float: left;
background: url(images/buttoncontactover.jpg) top left no-repeat;
width: 125px;
height: 57px;
padding: 20px;
padding-top: 30px;
color: #993333;
font-weight: bold;
margin: 10px;
}

span.large {

Font-size: 175%;

}

div#bigbuttons {
width: 570px;
margin: auto auto;
}


div#demoimage {

float: right;
margin: 10px;
margin-top: 0px;

}

div#demoimagerecent {

float: left;
margin: 10px;
margin-top: 0px;

}

div#demoimagerecent2 {

float: left;
margin: 10px;
margin-top: 0px;

}

div#teamimage {

float: left;
margin: 10px;
margin-left: 0px;
margin-top: 0px;
}

div#demoimage2 {

float: left;
margin: 10px;
margin-top: 0px;
font-size: 65%;
color: #993333;
font-family: arial, verdana, sans-serif;
text-align: center;

}div#demoimage {

float: right;
margin: 10px;
margin-top: 0px;
font-size: 65%;
color: #993333;
font-family: arial, verdana, sans-serif;
text-align: center;
}



div#testimonial{

float: left;
margin: 10px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 65%;
color: #993333;
font-family: arial, verdana, sans-serif;
text-align: center;
}

div#testimonial2{

float: right;
margin: 10px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 65%;
color: #993333;
font-family: arial, verdana, sans-serif;
text-align: center;
}

li {
color: #333366;
}


div#maldives {
float: right;
font-size: 65%;
color: #993333;
font-family: arial, verdana, sans-serif;
text-align: center;
margin: 10px;
border: 
}




div#invite {
background: url(images/notepaper.jpg) top left no-repeat;
font-family: arial, verdana, sans-serif;
color: #993333;
font-size: 90%;
font-weight: bold;
padding: 15px;
padding-top: 30px;
padding-bottom: 50px;
text-align: center;
float: right;
margin: 20px;
margin-bottom: -10px;
}

div#invite a {
text-decoration: none;
}

span#smaller {
font-size: 75%;
text-decoration: underline;
}

span#bigger {
font-size: 110%;
}

div#maldives  img{
border:  3px solid #333366;
}

a:hover{
color: #993333;

}

a{
color: #333366;
}

/* ----------contact form-----------*/

div#contact 

fieldset{

margin:0;padding:0;border:0;
font-family: arial, verdana,  sans-serif;
font-size: 12px;
margin-left: 70px;

}

label{
width:250px; 
display:block;

}

.txt_input{
width:250px; 

display:block;}
		

		textarea{height:80px; width:250px;}
		input{display:block;}
		.req{color:#f00;font-size:90%;}
		#form_errors{color:#f00; display:none;}
		#form_thanks{color:#000; display:none;}

/* ------------------lightbox ------------------*/

#lightbox
{	
position: absolute;	
left: 0; 
width: 100%; 
z-index: 100; 
text-align: center; 
line-height: 0;
}

#lightbox img{ 
width: auto; 
height: auto;}


#lightbox a img{ 
border: none; 
}

#outerImageContainer{ 
position: relative; 
background-color: #fff; 
width: 250px; 
height: 250px; 
margin: 0 auto; 
}

#imageContainer{ 
padding: 10px; 
}

#loading{ 
position: absolute; 
top: 40%; 
left: 0%; 
height: 25%; 
width: 100%; 
text-align: center; 
line-height: 0; 
}


#hoverNav{ 
position: absolute; 
top: 0; 
left: 0; 
height: 100%; 
width: 100%; 
z-index: 100; 
}

#imageContainer, #hoverNav{ 
left: 0;
}

#hoverNav a{ 
outline: none;
}

#prevLink, #nextLink{ 
width: 49%; 
height: 100%; 
background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }


#prevLink { 
left: 0; 
float: left;}

#nextLink { 
right: 0; 
float: right;}

#prevLink:hover, #prevLink:visited:hover { 
background: url(js/images/prevlabel.gif) left 15% no-repeat; 
}

#nextLink:hover, #nextLink:visited:hover { 
background: url(js/images/nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer{ 
font: 10px Verdana, Helvetica, sans-serif; 
background-color: #fff; 
margin: 0 auto; 

line-height: 1.4em; 
overflow: auto; 
width: 100%	; 
}

#imageData{	
padding:0 10px; 
color: #666; 
}

#imageData #imageDetails{ 
width: 70%; 
float: left;
text-align: left; 
padding-top: 1em;
height: 100%;
}	

#imageData #caption{ 
font-weight: bold;	
padding-top: 0.7em;
}

#imageData #numberDisplay{ 
display: block; 
clear: left; 
padding-bottom: 1.0em;	
}		
	
#imageData #bottomNavClose{ 
width: 66px; 
float: right;  
padding-top: 0.7em; 
outline: none;
height: 100%;
}	 	



#overlay{ 
position: absolute; 
top: 0; 
left: 0; 
z-index: 90; 
width: 100%; 
height: 500px; 
background-color: #000; }