@charset "utf-8";
/* This CSS Document contains typography, image, and general classes and ids that are common across all pages.*/

/* Typography */

H1{
	color:#FFF;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18pt;
	margin-top: 0;
}

h2 {
	color:#FFF;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14pt;
	margin-top: 0;
}

h3 {
	color:#FFF;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	margin-top: 0;
}

p{
	color:#FFF;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
}

		
/*General Layout*/	

html {
		background-color: #000;
		}

body {
	background-color:#000;
	margin: 0px;
	padding: 0px;
}


#container {
	background-color:#080055;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#wrapper {
	width: 1203px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	height: 107px;
	width: 786px;
	float: left;
}


#footer {
	clear: both;
	height: 100%;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color:#000;
}

img {
	border: 0;
	padding: 0 10px 30px 0;
}

.left {
	float: left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}

ul {
	margin-left: 65px;
}
#content ul li  { 
list-style-image:url(../images/list.png);		
}

ul img { 
padding: 0;			
} 

#nav a {
	border: 0;
}

a:link,		
a:visited {
		color: #cc33ff;
		border-bottom: 1px dotted #cc33ff;
		text-decoration: none;
		}
		
a:hover, 
a:focus {
		color: #ff00ff; 
		text-decoration: none;
		border-bottom: 0px ;
		}
		
/********* Form ************/
form { 
    float: left;
    border: 2px solid #cc33ff;
	-moz-border-radius: 15px;
	border-radius: 15px; 
    padding: 10px 40px 10px 10px;
    margin: 0 0 0 0;
    width: 525px;
	height: 255px;
	color: #FFF;
}

label {	
    font-size: 20px;
    color: #fff; 
}
 
fieldset { border: none; }
 
#user-details { 
    float: left;
    width: 200px; 
}
 
#user-message { 
    float: left;
    width:175px;
}
 
textarea {		
    width: 250px; 
    height: 175px; 		 		
}

input, textarea {
-moz-border-radius: 5px;
	border-radius: 5px; 
/* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */		
-webkit-transition: background 0.3s linear;					
}

input:hover, textarea:hover { 
    background: #CAE1FF; 
}


/* Lightbox  */  

 #lightbox-wrapper {
  width:auto;
 } 

 #gallery {
  width:590px;
  margin-left:auto;
  margin-right:auto;
  margin-top:0; 
 } 

 .holder {
  width:160px;
  height:160px;
  margin-right: 35px;
  margin-bottom: 30px;
  /*background-color:#060;/* #118E30;/*#7D06BA;*/
  float:left;
  -moz-border-radius: 5px;
  
  border-radius: 5px;
  /*box-shadow:inset 0 0 10px #000000;
  -moz-box-shadow:inset 0 0 10px #000000;*/
 }

 .holder img {
  border:none;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 10px solid white;
 }


 .thumb {
  width:140px; 	
  height:120px;
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
 } 
  
 .thumb img {
	 padding:0;
	 margin:0;
	 border:0;
	 color:#fff;

 }
 

 .title {
  width:140px;
  height:20px;
  margin-left:auto;
  margin-right:auto;
  margin-top:5px;
  overflow:hidden;
  /*background-color:#0A79A6;
  -moz-border-radius: 5px;
  border-radius: 5px;*/
 } 

 .title a{
	 color:#000032;
	 border: 0;
	 text-decoration: underline;
 }
 
 .title hover{
	 color:#000032;
	 border: 0;
	 text-decoration: none;
 }

 .title h3 {
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  overflow:hidden;
  color:#fff; 
  text-align:center;
 } 

 .clearFloat {
  clear:both;
 }