/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0%;
	padding: 0%;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*end of reset start css  */

body {
	background: url(../../images/nebula.jpg) repeat;
	background-attachment: fixed;
	/*background-color: rgba(14, 14, 14, .8);
	background-color: rgba(255, 210, 230, .8);*/
	
	/*background: purple;  For browsers that do not support gradients */
  /*background: -webkit-linear-gradient(#AA0C6B, #ffd2e6);  For Safari 5.1 to 6.0 */
  /*background: -o-linear-gradient(#AA0C6B, #ffd2e6);  For Opera 11.1 to 12.0 */
  /*background: -moz-linear-gradient(#AA0C6B, #ffd2e6);  For Firefox 3.6 to 15 */
  /*background: linear-gradient(#AA0C6B, #ffd2e6);  Standard syntax (must be last) 
	color: #6f324d;*/
	margin: 0% auto;
	color: #be8ea1;
	font-family: "Arima Madurai","Palatino Linotype", "Book Antiqua", Palatino, Georgia, cursive, serif;
	/* Arima Madurai font-weight: 200 300 400 500 900*/
	font-weight: 200;
	line-height: 150%;
}

#wrapper {
	/*background-color: rgba(170, 12, 107, 0.4);*/
	background-color: rgba(9, 28, 81, 0.3);
	/*
	border-width: 5px; 
	border-style: solid; 
	-webkit-border-image: 
	-webkit-gradient(linear, 0 100%, 0 0, from(black), to(rgba(170, 12, 107, 0))) 1 100%; 
	-webkit-border-image: -webkit-linear-gradient(bottom, black, rgba(170, 12, 107, 0)) 1 100%; 
	-moz-border-image: -moz-linear-gradient(bottom, black, rgba(170, 12, 107, 0)) 1 100%; 
	-o-border-image: -o-linear-gradient(bottom, black, rgba(170, 12, 107, 0)) 1 100%; 
	border-image: linear-gradient(to top, black, rgba(170, 12, 107, 0)) 1 100%;
	*/
	width: 100%;
	max-width: 1300px;
	margin: 0% auto;
	position: relative;
	display: block;
}

header {
	height: 438px;
	background: url(../images/header-final-big3.png) 60% 0% no-repeat,
	url(../images/header-final-big3-xx.png) 50% 67% repeat-x;
}

.specialFont{
	font-family: 'Tangerine', cursive;
}

span#name{
	font-size: 4.5em;
	position: absolute;
	top: 3.75em;
	left: 8.25em;
	color: #760236;
}

span#tagline{
	font-size: 3em;
	position: absolute;
	top: 7.5em;
	left: 15em;
}
	
nav {
	width: 14%;
	margin: 0% 2% 0% 4%;
	float: left;
}

nav ul li a {
	display:inline-block;
	text-align:center;
	width: 80%;
	margin: 5%;
	padding: 5%;
	background-color: rgba(178, 1, 92, 0.4);
	border-radius: 10px;
}

nav ul.nav li a.active{
color: #B2015C;
background-color: rgba(59, 245, 12, 0.62);
border-radius: 10px;
}

footer ul.nav li a.active{
	color: #B2015C;
	background-color: rgba(255,255,255,0.8);
	border-radius: 10px;
}

#maincontent {
	width: 66%;
	margin: 0% 4% 0% 2%;
	padding: 0% 4%;
	float: left;
}

#maincontent img {
	padding: 1%;
}

img#pic_me {
	float: right;
	clear: both;
}

h1, h2, h3, h4, h5, h6, a, li {
	/*font-family: 'Tangerine', cursive;*/
	font-family: 'Arima Madurai', cursive;/* Arima Madurai font-weight: 200 300 400 500 900*/
}

p{
	font-size: 1.4em;
	padding: 2% 0%; 
}

p#contact-msg {
	width: 66%;
	margin: 0% 4% 0% 2%;
	padding: 0% 4%;
	float: left;	
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 1%;
	padding: 2% 0%;
	font-weight: 900;
	text-transform:capitalize;
}

h1 {
	font-size: 1.8em;
}

ul {
	list-style-type: disc;
	list-style-position: outside;

}

li {
	list-style: none;
	font-weight: 500;
	
}

a {
	text-decoration: none;
	z-index: 60;
	font-weight: 900;
	
	}
	
a:link {
	color: #be8ea1;
	}

a:visited { 
	color: #aef948;
	}

a:hover {
	color: #be8ea1;
	text-decoration: underline;
	}
	
a:active { 
	color: #6FC;
	}

#maincontent li {
	line-height: 25px;
	
}

ul.gallery {
	margin: 0% auto;
}

#crane {
	position: relative;
	top: -50px;
	left: 100px;
}

/*#left-column {
	  float: left;
    margin: 2%;
		text-align:right;
}

#right-column {
	  float: left;
    margin: 2%;
		text-align:left;	
}*/

label {
  display: inline-block;
  width: 10em;
	text-align:right;
	vertical-align:top;
	margin-right:2%;
}

textarea {
  display: inline-block;
  width: 20em;
}

input[type="text"] {
  display: inline-block;
  width: 20em;
}

#button{
	margin-left: 35em; 
}

legend {
	background-color:#760236;
	padding: 2%;
		
}

fieldset {
  width: 30em;
	border-width: 5px;
  border-style: dotted;
  border-color: #760236;
}

#left-column p {
	margin-bottom: -1%;
}

#right-column p {
	margin-bottom: -1%;
}

footer {
	padding-top: 2%;
	text-align: center;
	clear: both;
	display: block;
	background-color: rgba(170, 12, 107, 0.2);
	font-size: 1.1em;
}

#footnav ul li{
	display: inline;
}

#footnav ul li a{
	margin:2%;
	padding: 1%;
	background-color: rgba(178, 1, 92, 0.4);
	border-radius: 10px;
}

footer p {
	padding-top: 2%;
	font-size: .8em;
}

p#copy{
	padding: 15px 5px;
	margin: 5px;
}

.mini-jd-logo { 
position:relative;
top: 10px;
}