/* Eric Meyer's Reset Reloaded - thanks, Eric :-)  */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* ---------------------------------------------------
CONTENT WRAPPER
--------------------------------------------------- */

#wrap {

	width: 950px;
	margin: auto;

}


/* ---------------------------------------------------
Header styling (logo and banner)
--------------------------------------------------- */

#header {	 
	background-color: #fff; 
	padding-bottom: 20px;
	padding-top: 20px;
}

#header h1 {
	
	width: 300px;
	height: 266px; 
	margin: left;
	padding-left: 20px;

}

#header h2 {
	
	width: 610px;
	height: 266px; 
	margin-left: 320px;
	margin-top: -266px;
}

/* ---------------------------------------------------
Body styling
--------------------------------------------------- */

body {
		 	
	font-family: 'Droid Sans', sans-serif;
	background: url(../images/image_01_large.jpg) no-repeat top center;
	

	
}

/* ----------------------------------------------------
	MENU STYLER (toplinks) 	 
-----------------------------------------------------*/

#content {
	padding-top: 8px;
	padding-bottom: 8px;
	font-family: 'Droid Sans', sans-serif;
	background-color: #ccc;
	border-bottom-right-radius: 25px;
}

#toplinks, #toplinks li {
	
	display: inline; 
	text-align: left;
	text-decoration: none;
	font-size: 14px;
	color: #000;
	padding-top: 7px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 7px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s
}

#toplinks ul, #toplinks a {
	
	display: inline; 
	text-align: left;
	text-decoration: none;
	font-size: 14px;
	color: #000;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 7px;
	padding-bottom: 7px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s
}

#toplinks a:hover{
	text-decoration:none;
	color: #fff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

#toplinks a:hover {
	background-color: rgba(0%, 50%, 190%, 1.00);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;	
}

#indexlink a{
	background-color: rgba(0%, 50%, 190%, 1.00);
	color: #fff;
}






/* ---------------------------------------------------
ADs STYLING 
--------------------------------------------------- */

#images {
	background: #fff;
	padding: 20px;
	border-top-right-radius: 25px;
	
}

/* thumbnail image links */

#images ul {
	margin-right: -74px;
	max-width: 750px;
	
}

#images ul#image-list li {
	
	display: inline-block;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-right: -5px;
	
	
}

/* hover values */

#images ul#image-list:hover li:not(:hover) {
	
	opacity: 0.85;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

#images ul#image-list:hover li {
	
	opacity: 1.0;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

#images ul#image-list:not(:hover) li {
	
	opacity: 0.85;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

/* ---------------------------------------------------
quick links STYLING 
--------------------------------------------------- */

#quicklinks {
	margin-left: 720px;
	margin-right: 20px;
	margin-top: -460px;
	margin-bottom: 232px;
	padding: 20px;
	padding-bottom: 38px;
	font-weight: 400;
	font-size: 1em;	 
	text-align: left;
	font-family: 'Droid Sans';
	border: 1px solid #000;
	text-decoration: none;
	line-height: 1.5em;
	
}

#quicklinks h1 {
	
	font-weight: 400;
	font-size: 1.5em;
	padding-bottom: 9px;
	color: #000;
	border-bottom: 1px solid #ccc;
	
}

#quicklinks ul#qlinks { 
	
	color: #000;
	padding-top: 10px;
		
}

#quicklinks ul#qlinks a { 
	
	color: #000;
	text-decoration: none;
		
}

#quicklinks ul#qlinks a:hover { 
	
	color: #0080ff;
	text-decoration: none;
		
}


/* ---------------------------------------------------
CONTACT ME
--------------------------------------------------- */

#contact {
	background-color: rgb(100%, 100%, 100%); 
	background-color: rgba(100%, 100%, 100%, 1.00);
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

#contact h1 {
	font-family: 'Droid Sans';
	font-size: 35px;
	font-weight: 400;	
	text-align: left; 
	border-top-style: solid;
	border-width: 1px;
	border-color: #C7C7C7;
}

#contact h2 p {
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	padding-top: 20px;
	color: #727272;	
	text-align: justify;
	max-width: 430px;
}

/* ---------------------------------------------------
FOOTER STYLING 
--------------------------------------------------- */

#footer {
	font-weight: 400;
	font-size: 12px;
	color: #c7c7c7;	
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px; 
	text-align: left; 
	background-color: #000;
}


#footer a {
	text-decoration: none;
	color: #c7c7c7;
}

#footer a:hover {
	text-decoration: none;
	color: #fff;
}

#footer h2 {
	padding-top: 20px;
	text-align: right;
}

#footer h1{

	margin-top: -20px;
	padding-bottom: 10px;
	text-align: right;

}

/* ---------------------------------------------------
design by
--------------------------------------------------- */

#designby {
	font-weight: 400;
	font-size: 12px;
	color: #fff;	
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px; 
	text-align: right; 
}



#designby a {

	color: #fff;
	text-decoration: none;

}

#designby a:hover {

	color: #000;

}


/* ---------------------------------------------------
end 
--------------------------------------------------- */