/*
CSS for Blink Of An Eye Photography
Jordan Haines
www.jordanairwave.co.uk
*/

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: #c2c2c2;
	line-height: 125%;
	padding: 15px;
}

h1 {
	font-size: 32px;
	color: #dbdbdb;
}

h2 {
	font-size: 24px;
	color: black;
}

li {
	font-size: 16px;
}

p {
	font-size: 16px;
}
/*------------------------------------------Header---------------------------*/
#logo {
	position: absolute;
	top: 25px;
	left: 30px;
	padding: 0;
	margin: 10px;
}

#tagline {
	position: absolute;
	top: 120px;
	left: 655px;
	width:480px;
}

#navigation {
	position: absolute;
	top: 175px;
	width: 1100px;
	background: #dddddd;
	height: 34px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#navigationlist  li{
	font-size: 19px;
	list-style: none;
	display: inline;
	padding: 0;
	margin: .1em;
}

#navigationlist {
	position:absolute;
	left: 390px;
	top: -10px;
}
/*---------------------------------Navigation Styling-------------------*/

a:link {
	color: black;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: grey;
}

a:hover {
	text-decoration: none;
	color: white;
}

a:active {
	color: aqua;
}

/*----------------------------Logo Navigation--------------------------*/
a.logo {
	border: none;
}

a.logo:link {
	border: none;
}

a.logo:visited {
	border: none;
}

a.logo:hover {
	border: none;
}

a.logo:active {
	border: none;
}

/*------------------------Left image navigation rollover-------------*/

a.leftimagerollover {
	display:block;
	width:204px;
	height:356px;
	background-image:url("../images/home1b.jpg");
	background-position: top left;
}

a.leftimagerollover:hover {
	background-position:bottom left;
}

/*------------------------Left image text navigation-------------------*/
a.lefttextnavigation {
	font-size: 18px;
}

a.lefttextnavigation:link {
	color:black;
	text-decoration: none;
}

a.lefttextnavigation:visited {
	text-decoration: none;
	color: black;
}

a.lefttextnavigation:hover {
	text-decoration: none;
	color:white;
}

a.lefttextnavigation:active {
	color: aqua;
}

/*-----------------------Right image navigation ---------------------------*/
a.rightimagerollover {
	display:block;
	width:204px;
	height:356px;
	background-image:url("../images/home2b.jpg");
	background-position: top left;
}

a.rightimagerollover:hover {
	background-position:bottom left;
}

/*----------------------Right image text navigation------------------------*/
a.righttextnavigation {
	font-size: 18px;
}

a.righttextnavigation:link {
	color: black;
	text-decoration: none;
}

a.righttextnavigation:visited {
	text-decoration: none;
	color: black;
}

a.righttextnavigation:hover {
	text-decoration: none;
	color: white;
}

a.righttextnavigation:active {
	color: aqua;
}


/*---------------------------------Centre of home page -----------------------*/
#leftbackground {
	position:absolute;
	background: #dddddd;
	width: 244px;
	height: 456px;
	top: 230px;
	left: 190px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#rightbackground {

	position:absolute;
	background: #dddddd;
	width: 244px;
	height: 456px;
	top: 230px;
	left: 710px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#leftimage {
	position:absolute;
	top: 270px;
	left: 210px;
}

#lefttext {
	position: absolute;
	top: 630px;
	left: 212px;
}

#rightimage {
	position:absolute;
	top: 270px;
	left: 730px;
}

#righttext {
	position: absolute;
	top: 631px;
	left: 740px;
	width: 200px;
}

#hometext{
	position:absolute;
	top: 690px;
	left: 173px;
	height: 110px;
	width: 780px;
	text-align: center;
	-webkit-text-size-adjust: none;
}

/*----------------------------------Content Pages-------------------------------*/
#contentbackground {
	position:absolute;
	background: #dddddd;
	width: 1000px;
	height: 505px;
	top: 250px;
	left: 70px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#contentimage {
	position:absolute;
	top: 275px;
	left: 580px;
}


#contenttext {
	position:absolute;
	top: 275px;
	left: 100px;
	width: 450px;
	height: 450px;
	overflow: auto;
}

table {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: 125%;
	font-weight: normal;
	font-size: 15px;
	text-align: center;
	border: 1px black solid;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	width: 400px
}

td, th {
	border: 1px black solid;
	padding: 3px;
}

th {
	font-weight: bold;
}

/*-------------------------------Gallery -------------------------------------------------*/
#gallery {
	position:absolute;
	top: 275px;
	left: 120px;	
}

#gallerytext {
	position:absolute;
	top: 220px;
	left: 120px;
}

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

#contact-wrapper {
	position:absolute;
	top: 250px;
	left: 100px;
	width: 430px;
	border: 1px solid #e2e2e2;
	background: #dddddd;
	padding: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}
#formbackground {
	position:absolute;
	background: #dddddd;
	width: 1000px;
	height: 555px;
	top: 250px;
	left: 70px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#formfooterspacer {
	position:absolute;
	background: #dddddd;
	width: 1100px;
	height: 10px;
	top: 860px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#formfooter {
	position:absolute;
	top: 870px;
}

/*----------------------------------- Footer -----------------------------------*/
#footerspacer {
	position:absolute;
	background: #dddddd;
	width: 1100px;
	height: 10px;
	top: 860px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#footer {
	position:absolute;
	top: 890px;
}

#links {
	position:absolute;
	top: 10px;
	left: 943px;
}

#swpp {
	position:absolute;
	top: 0;
	left: 0;
}

#twitter {
	position:absolute;
	top: 0;
	left: 60px;
}

#dsi {
	position:absolute;
	top: 27px;
	left: 0;
}

#facebook {
	position:absolute;
	top: 27px;
	left: 60px;
}

#contactnumber {
	position:absolute;
	top: -10px;
	left: 10px;
	width: 150px;
}

#emailfooter {
	position:absolute;
	top: 10px;
	left: 10px;
}