/* Matt Eachus (c) Each Web Solutions Main CCS Document */

body
{
	margin-left			: 0px;
	margin-right		: 0px;
	margin-top			: 0px;
	margin-bottom		: 0px;
	
	background-color	: #909fa4;
	
	font-size			: 8pt;
	font-family			: Arial, Helvetica, sans-serif;
	color				: #606060;
}

a:link 			{ color	: #606060; text-decoration: none; }
a:visited 		{ color	: #606060; text-decoration: none; }
a:hover 		{ color	: #584742; text-decoration: none; }
a:active 		{ color	: #606060; text-decoration: none; }

.h1				{ font-size: 22pt; text-transform: lowercase; text-decoration: underline; }
.h2				{ font-size: 18pt; text-transform: lowercase; text-decoration: underline; }
.h3				{ font-size: 14pt; text-transform: lowercase; text-decoration: underline; }
.h4				{ font-size: 12pt; text-transform: lowercase; text-decoration: underline; }
.h5				{ font-size: 10pt; text-transform: lowercase; text-decoration: underline; }

#ewsmainlogo	{ position:absolute; top: 0px; left: -5px; z-index: 10; }

#background_fade	{ background-image: url('../images/bcg.png');   position: fixed; height: 300px; width: 100%; bottom: 0px; }
#background_line	{ background-image: url('../images/line.png'); background-repeat: no-repeat; position: absolute; height: 600px; width: 20px; left: 20px; }

#subsun				{ background-image: url('../images/sun.png'); background-repeat: no-repeat; width: 835px; height: 494px; position: fixed; left: 0; bottom: 0; z-index: 0; }

#subsunhome			{ background-image: url('../images/subsun.png'); background-repeat: no-repeat; width: 635px; height: 494px; position: absolute; left: 0; top: 1750px; z-index: 0; }
#subsuncontact		{ background-image: url('../images/subsun.png'); background-repeat: no-repeat; width: 635px; height: 494px; position: absolute; left: 0; top: 300px;  z-index: 0; }
#subsunphoto		{ background-image: url('../images/subsun.png'); background-repeat: no-repeat; width: 635px; height: 494px; position: absolute; left: 0; top: 300px;  z-index: 0; }

#backgroundimg_contactandsupport	{ background-image	: url('../images/contactandsupport.png'); 	position: fixed; height: 137px; width: 451px; bottom: 0px; right: 0px; }	
#backgroundimg_aboutus				{ background-image	: url('../images/aboutus.png'); 			position: fixed; height: 137px; width: 451px; bottom: 0px; right: 0px; }	
#backgroundimg_homepage				{ background-image	: url('../images/homepage.png'); 			position: fixed; height: 137px; width: 451px; bottom: 0px; right: 0px; z-index: 1; }	
#backgroundimg_websiteandportfolio	{ background-image	: url('../images/websiteandportfolio.png'); position: fixed; height: 137px; width: 451px; bottom: 0px; right: 0px; }	
#backgroundimg_photo				{ background-image	: url('../images/photo.png'); 				position: fixed; height: 137px; width: 451px; bottom: 0px; right: 0px; z-index: 1; }	
#backgroundimg_terms				{ background-image	: url('../images/nav/terms.png'); 			position: fixed; height: 137px; width: 451px; bottom: 0px; right: 0px; z-index: 1; }
#backgroundimg_privacy				{ background-image	: url('../images/nav/privacy.png'); 		position: fixed; height: 137px; width: 451px; bottom: 0px; right: 0px; z-index: 1; }

#header	{ background-color: #c3dbe3; width: 100%; height: 50px; top: 0; left: 0; right: 0; min-width: 500px; }
#line	{ background-color: #747474; width: 100%; height: 1px; position: absolute; }
#shad	{ background-image: url('../images/shad.png'); width: 100%; height: 15px; position: absolute; }
#login	{ position: absolute; left: 0px; top: 0px; }
#login ul li { list-style: none; text-decoration: none; }

#nav	{ position: absolute; top: -1px; right: 2px; z-index: 20; }
#nav ul li { text-decoration: none; list-style: none; float: left }

#navcurrent	{ position: fixed; top: -16px; left: -30px; }
#navcurrent ul li { text-decoration: none; list-style: none; float: left }

#navfade	{ background-image: url('../images/nav/fade.png'); background-repeat:no-repeat; width: 400px; height: 50px; position: absolute; top: -1px; left: 0px; }

#middlesection	{ background-image: url('../images/middlesection.png'); top: 50px; left: 0; right: 0; width: 100%; height: 100px; }
#ewsbluefade	{ background-image: url('../images/ewsbluefade.png'); 	top: 300px; left: 0; right: 0; width: 100%; height: 400px; z-index: 20; }
	.logofloat		{ margin-left: 0px; margin-top: -40px; }
	.ewsblue		{ color: #c3dbe3; }

#main		{ background-image: url('../images/middlesection.png'); width: 80%; height: 300px; position: absolute; top: 140px; left: 60px; z-index: 10; }
#veralign	{ margin-top: 10%; }

.centreline_top		{ margin-left: auto; margin-right: auto; width: 950px; height: 1px;   top: -30px; background-color: #747474; z-index: 50; position: relative; }
.centreline_text	{ margin-left: auto; margin-right: auto; width: 950px; height: 30px;  top: 30px; position: relative; }
.centreline_bot		{ margin-left: auto; margin-right: auto; width: 950px; height: 1px;   top: -24px; background-color: #747474; z-index: 9; position: relative; }
.centreheader		{ margin-left: auto; margin-right: auto; width: 950px; height: 25px;  top: -27px; background-color: #c3dbe3; z-index: 9; position: relative; }

.centre				{ margin-left: auto; margin-right: auto; width: 950px; height: 300px; top: -27px; background-color: #c3dbe3; background-image: url('../images/centre_bcg2.png'); background-repeat: no-repeat; background-position: center bottom; z-index: 9; position: relative; }
.centre_contact		{ margin-left: auto; margin-right: auto; width: 950px; top: -27px; background-color: #c3dbe3; background-image: url('../images/centre_bcg.png'); background-repeat: no-repeat; background-position: center bottom; z-index: 9; position: relative; }
.centre_myfolio		{ margin-left: auto; margin-right: auto; width: 950px; height: 20px;  top: -27px; background-color: #c3dbe3; background-image: url('../images/centre_bcg2.png'); background-repeat: no-repeat; background-position: center bottom; z-index: 9; position: relative; }

.centretc			{ margin-left: auto; margin-right: auto; width: 940px; height: auto;  top: -37px; background-color: #c3dbe3; z-index: 9; position: relative; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; }
	.centre_rghtview	{ text-transform: lowercase; text-decoration: overline; color: #455560; font-style: italic; position: absolute; bottom: 2px; right: 2px; }
	.centre_left		{ float: left; width:600px; }
	.centre_rght		{ float: right; }
		.centre_rghttitle	{ background-image: url('../images/centretitle.png'); background-repeat: no-repeat; height: 40px; width: 250px; right: 0; margin-top: 20px; font-size: 16pt; padding-top: 7px; text-align: right; }
		.centre_righttext	{ width: 285px; top: 70px; right: 15px; position: absolute; text-align: left; font-size: 9pt; }

a.ul:hover 			{ color	: #584742; text-decoration: none; border-bottom: thin #7d5a41 dashed; }
a.bg:hover 			{ background-color: #b7cfdc; color: #584742; text-decoration: none; border-bottom: thin #7d5a41 dashed; }
a.lbOn:hover		{ background-color: #b7cfdc; color: #584742; text-decoration: none; border-bottom: thin #7d5a41 dashed; }

.shadheader			{ margin-left: auto; margin-right: auto; width: 950px; height: 15px; top: -27px; z-index: 9; position: relative; background-image: url('../images/shad.png'); }
.shadcentre			{ margin-left: auto; margin-right: auto; width: 950px; height: 100%; z-index: 20; position: relative; bottom: 0px; top: 0px; }
		
.webline			{ margin-left: auto; margin-right: auto; width: 950px; height: 1px;  top: -40px; background-color: #747474; z-index: 9; position: relative; }
.websiteproject		{ margin-left: auto; margin-right: auto; width: 950px; height: 40px; top: -47px; background-image: url('../images/middlesection.png'); z-index: 9; position: relative; }
	.websiteproject_styleleft	{ font-weight: normal; font-size: 30px; color: white; float: left;  padding-left:  4px; }
	.websiteproject_stylerghthd	{ font-weight: lighter; font-size: 16px; float: right; padding-right: 4px; padding-top: 4px; }
	.websiteproject_stylerght	{ font-weight: lighter; font-size: 21px; color: white; float: right; padding-right: 4px; padding-top: 6px; font-style: italic;}
.websitedetails		{ margin-left: auto; margin-right: auto; width: 942px; top: -46px; color: #747474; background-color: #c3dbe3; z-index: 9; position: relative; padding-top: 5px; padding-left: 4px; padding-right: 4px; padding-bottom: 5px; text-align: justify; }
.websitedetails a:hover { text-decoration: underline; color: #c7b392; }
.spec					{ font-size: 9pt; text-decoration: none; }
	.spec a:link			{ color: #747474; }
	.spec a:hover			{ color: #000; }
	.spec a:visited			{ color: #747474; }
		
#bottom_copyright	{ margin-left: auto; margin-right: auto; width: 950px; height: 20px; top: -42px; background-color: #c3dbe3; background-image: url('../images/centre_bcg2.png'); background-repeat: no-repeat; background-position: center bottom;  z-index: 50; position: relative; }
	.copyright_left ul li	{ float: left; width: 300px; list-style: none; text-decoration: none; padding-top: 4px; margin-left: 4px; text-align: left;  }
	.copyright_rght ul li	{ float: right; width: 200px; list-style: none; text-decoration: none; padding-top: 4px; padding-right: 4px; text-align: right;  }
	.gapheader				{ margin-top: -15px; }
	.gap 					{ margin-top: 25px; }
	.photogap 				{ margin-top: 80px; }
	
#footermain			{ background-image: url('../images/footermain.png');  position: fixed; 	  height: 300px; width: 100%;  bottom: 0px; z-index: 1; }

/* Main Footer Section */

#footer					{ background-image: url('../images/footermain.png'); position: relative; height: 300px; width: 100%; z-index: 10; margin-top: -170px; }
#footerlower			{ background-image: url('../images/footercolour.png'); background-repeat: repeat; background-color: #4b5b66; position: relative; height: 200px; width: 100%; z-index: 10; }
#footerlower_content	{ margin-left:auto;	margin-right: auto;	width: 950px; top: 30px; z-index: 50; position: relative; }

/* Flickr Photos */

#footer #flickr h3 		{ margin-bottom: 15px; }
#flickr h3 span 		{ color: #6191a7; }
#flickr h3 span span 	{ color: #bd7488; }
#flickr .wrap 			{ margin-left: 0px; position: relative; background-color: #000000; }
#flickr a img 			{ float: left; margin-right: 6px; margin-bottom: 6px; border: #84815e 1px solid; }
#footer #flickr a img 	{	border:1px solid #362926; margin:  0 9px 9px 0;	padding: 0px; }

#footer h3 				{ padding:0px; font-family: "Gill Sans", Arial, sans-serif; margin: 5px 0; color: #bfa78d; font-size: 12px; font-weight: normal; text-transform: uppercase; }

#footer .col-right 		{ width: 280px; padding: 0; border: none; }
#footer .widget			{ padding: 10px 10px 0 10px; margin-bottom: 20px;}

/* Twitter Feed */

#twitter 				{ position: absolute; font-family: "Trebuchet MS";	margin: 0; color: #808080; background-color: #fefefe; padding-left: 12px; }
#twitter_update_list 	{ width:260px; max-width: 280px; list-style-type:none; font-size: 8pt; padding-right: 2px; }

#feedcontainer			{ background-color: #fefefe; width: 274px; height: 170px; bottom: 0px; position: relative; }
#flower					{ background-image: url('../images/flower.png'); left: 274px; width: 107px; height: 112px; bottom: 0; position: absolute;}
#birdie					{ bottom: 41px; position: absolute; border: 0; left: 293px; }

#feedcontainer_right	{ float: right; background-color: #fefefe; width: 290px; height: 170px; position: absolute; left: 650px; bottom: 0px; }
	.feedcontainer_rightcontent	{ padding-left: 20px;  }

/* Contact Us Box */

#form ul li				{ margin: 25px; list-style: none; }
#form textarea			{ width: 100%; height: 150px; }
#form					{ background-image: url('../images/contactandsupport.png'); background-position: right bottom; background-repeat: no-repeat; }

#formin ul li			{ margin: 25px; list-style: none; border: medium none; }
#formin textarea		{ width: 100%; height: 150px; }
.formnoborder			{ border: medium black none; }

.form1					{ overflow: hidden; background-color: #d4e8f0; border: medium black none; color: #757575; font-family: 'Trebuchet MS'; font-size: 10pt; padding-left: 2px; padding-top: 2px; padding-right: 2px; }
.form2					{ overflow: hidden; background-color: #d4e8f0; border: medium black none; color: #757575; font-family: 'Trebuchet MS'; font-size: 10pt; padding-left: 2px; padding-top: 2px; padding-right: 2px; }
.form3					{ border: medium black none; background-color: #d4e8f0; color: #606060; font-size: 10pt; }

.bignposh				{ font-size: 28pt; font-family: "Microsoft Yi Baiti"; letter-spacing: -1px; word-spacing: -9px; font-weight: bold; margin: -2px;}

/* Internet Browser Warning */

.img			{ width: 0px; height: 0px; border: 0 !IMPORTANT; }
#ieproblem		{ margin-left: auto; margin-right: auto; width: 0px; height: 0px; top: 0px; left: 0px; z-index: 0; position: absolute; z-index: 0; }
#ieproblemtext		{ font-size: 0pt; }
	
.ie_h1			{ font-size: 0pt; }
.ie_h2			{ font-size: 0pt; }
.ie_h3			{ font-size: 0pt; }
.style1 		{ margin-left: 160px; }	
.noborder		{ border: 0;}

/* Popup Form */

#msg1			{ background-color:fuchsia; background-image: url('../images/msg1.jpg'); background-repeat:no-repeat; width: 276px; height: 30px; z-index: 100; position: relative; }
#msg2			{background-color:fuchsia; background-image: url('../images/msg2.jpg'); background-repeat:no-repeat; width: 329px; height: 27px; z-index: 100; position: relative; }

/* Contact Us Messaging System */

label 										{ display: block; float: left; clear: left; width: 100px; line-height: 20px; margin-bottom: 10px; margin: 5px 0;}
select						{ margin: 0; padding: 2px; font-size: 8pt; color: #666666; background: #F5F5F5; border: 1px solid #ccc; margin: 5px 0; }   
textarea						{ margin: 0; padding: 2px; font-size: 8pt; color: #666666; background: #F5F5F5; border: 1px solid #ccc; margin: 5px 0; }   
input						{ margin: 0; padding: 2px; font-size: 8pt; color: #666666; background: #F5F5F5; border: 1px solid #ccc; margin: 5px 0; }   
select:focus 	{ border: 1px solid #999;  background-color: #dde3e6;}
textarea:focus 	{ border: 1px solid #999;  background-color: #dde3e6;}
input:focus 	{ border: 1px solid #999;  background-color: #dde3e6;}
input.button 								{ cursor: pointer; border: none; width: 455px; height: 18px; margin-left: 0px; }

.errormsg 									{ display: block; width: 900px; height: 22px; line-height: 22px; color: #FFFFFF; font-weight: bold; background: #FF9D9D url(images/stop.gif) no-repeat 10px center;padding: 3px 10px 3px 40px; margin: 10px 0; border-top: 2px solid #FF0000; border-bottom: 2px solid #FF0000; }
.msgSent 									{ font-size: 20px; text-align: center;}
.nobullets li								{ list-style: none; text-decoration: none;}
.nobullets ul								{ list-style: none;	text-decoration: none;}
.msg_txt									{ font-size: 10pt; padding-top: 2px;}
.required									{ font-size: 12pt; font-weight: bold; }

#contFrm									{ padding-left: 20px; }

/* Undeclared Styles */

.small		 		{ font-size: 7pt; text-transform: lowercase; font-style: italic; color: #fefefe; text-align: right; }
.centrealign 		{ text-align:center; }		
.arrow		 		{ font-size: 10pt; font-family: MS PMincho;	 }
.right		 		{ right: 0; position: absolute; }
.ltd		 		{ font-size: 12pt;}
.white		 		{ color: #fefefe; font-size: 16pt;}
.noborder 	 		{ border: 0; }
.noborderheader 	{ border: 0; top: -1px; position: relative; }
.ontop				{ border: 0; z-index: 500; }