body 	{font-family:Arial, Helvetica, sans-serif;	font-size: 90%;	width:100%;	background-color:#000;margin:auto 0px;color:#ffffff;}
a    	{color:#6cd904; text-decoration:none;}
p    	{margin:0;padding:0;	font-family:inherit;}
img,
img a   {border: none;text-decoration:none;}
table	{font-size: 0.75em;	color: #fff;font-weight:normal;}
table a {font-size: 1.2em;color: #9aee49;text-decoration:none;font-weight:bold;}
form    {margin:0;padding:0;}



h1		{font-family:inherit;font-size:5em;font-weight:normal;margin:0;padding:0 0 10px;color:#fff;letter-spacing:-0.06em;}
h2		{font-family:inherit;font-size:3.5em;font-weight:normal;margin:0;padding:0;color:#fff;letter-spacing:-0.06em;margin-bottom:40px;}
h3		{font-family:inherit;font-size:2.0em;font-weight:normal;margin:0;padding:0;color:#fff;letter-spacing:-1.4px;margin-bottom:30px;}

h4		{font-family:inherit;font-size: 23px;font-weight:bold;margin:0;padding:0;color:#000;letter-spacing:-1.4px;padding-bottom:10px;}
h5		{font-family:inherit;color:#000;text-decoration:none;font-size:1.8em;}
h6		{font-family:inherit;color:#fff;text-decoration:none;font-size:1.8em;}





/***** Page Setup ***************************************************************/

/********************************************************************************/



#backgroundimage	{width:100%;background:url(/images/mainbg.jpg) no-repeat 50% 0%; margin:0 auto;}
#page-center		{overflow:auto;	padding:0;margin:0 auto; width:941px;}
#spacetop			{float:left;padding:0;margin:0;	width:941px;height:132px;}





/***** topnumbers ****************************************************************/

/*********************************************************************************/




#topflash 	  {float:left;	padding:0; margin:0; width:941px; height:285px;}
#topflash ul  {padding:0; margin:0;}
#topflash li  {padding:0; margin:0;	display:inline;	width:941px; padding-right:84px;}

.one	{text-align:left;width:206px;}
.two,
.three	{text-align:center;	width:246px;}
.four	{text-align:right;	width:216px;}

.down              {float:left;padding:0;margin:0;width:902px;height:80px;border-bottom:1px solid #936e6c;}
.down ul           {padding:0;margin:0;}
.down li   		   {padding:0;margin:0;display:inline;}
.down li a 		   {padding:0;margin:0;display:inline;text-decoration:none;color:#dcc588;font-size:1.6em;letter-spacing:-0.025em;}
.down li a:hover   {color:#9aee49;}
.down li a:visited {color:#000;}

.onetext, 
.twotext,  
.threetext, 
.fourtext  {float:left;padding:0;margin:0;}
.onetext   {width:252px;height:390px;padding-left:10px;background-image:url(images/1.jpg);}
.twotext   {width:248px;}
.threetext {width:253px;}
.fourtext  {width:100px;}


#tagline {float:left;padding:0;margin:0;height:152px;width:902px;font-family:inherit;margin-top:47px;color:#dcc588;font-size:0.8em;}




/***** Webdesign ************************************************************************/

/*************************************************************************************/


#contentarea {float:left;
	padding:0px;

	margin:0px;

	width:902px;

}



.glidecontentwrapper{

	position: relative; /* Do not change this value */

	width: 941px;

	height: 470px; /* Set height to be able to contain height of largest content shown*/

	overflow: hidden;

}







.glidecontent{ /*style for each glide content DIV within wrapper.*/

	position: absolute; /* Do not change this value */

	padding: 10px;

	background:#000;

	visibility: hidden;

	width: 941px;

}

/*

 Total glidecontent width: 1000px+10000px+1000px=3000px

	Or width of wrapper div itself (not counting wrapper border/padding)

*/





/* { margin: 0; padding: 0 } */



/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */







/* These 2 lines specify style applied while slider is loading */



.csw { overflow: scroll}



.csw .loading {padding-left:500px;margin-top:100px; float:left;}





.stripViewer { /* This is the viewing window */

	position: relative;

	overflow: hidden; 

	margin: auto;

	width: 941px; /* Also specified in  .stripViewer .panelContainer .panel  below */

	clear: both;

}





.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */

	position: relative;

	left: 0; top: 0;

	width: 100%;

	list-style-type: none;

	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */



}





.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */

	float:left;

	position: relative;

	width: 1000px; /* Also specified in  .stripViewer  above */

}





.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */

	padding: 0px;

}



#stripNavL0 {

	display:none;	

}



#stripNav0 {

	display:none;	

}



#stripNavR0 {

	display:none;	

}



#mainContent_Area{

	float:left;

	width:941px;

}





#homeContent{

	float:left;

	width:941px;
	height:490px;

}





.webdesign {	

	float:left;

	padding:0px;

	margin:0px;

	width:902px;

	border-top:1px solid #936e6c;

	padding-top:40px;

}



.webaddress{	

	font-size: 1.0em;

	color: #9aee49;

	text-decoration:none;

	font-weight:bold;

	padding-top:16px;

	padding-bottom:16px;

}



.webspace {

	float:left;

	padding:0px;

	margin:0px;

	width:40px;

	height:50px;

}





/*****slidermenu**********************************************************************/

/*************************************************************************************/





#mainMenu{	

	float:left;

	width:100%;

	height:40px;

}



#mainMenu a{	

	color:#9aee49;

	text-decoration:none;

}



#mainMenu a:hover{

	color: #9aee49;

}



#mainMenu a:visited{

	color:#dcc588;

}



#one{	

	float:left;

	width:60px;

}



#two {

	float:left;

	width:60px;

}



#three {

	float:left;

	width:60px;

}



#four {

	float:left;

	width:60px;

}





/***** to the top ********************************************************************/

/*************************************************************************************/



.top {

	float:left;

	width:120px;

	margin-top:20px;



}



.top a{

	float:left;

	color:#fff;

	font-size:1.3em;

	font-weight:normal;

	padding-left:20px;

	background-color:#ff00d2;

	width:100px;

	padding-bottom:5px;

	padding-top:2px;

	text-decoration:none;

}



.top a:hover{

	color:#fff;

	font-size:1.3em;

	font-weight:normal;

	background-color:#6cd903;



}





/***** continue scrolling*************************************************************/

/*************************************************************************************/



.scroll {

	float:left;

	width:120px;

	margin-top:20px;

	padding-left:10px;



}



.scroll a{

	float:left;

	color:#fff;

	font-size:1.3em;

	font-weight:normal;

	padding-left:10px;

	background-color:#ff00d2;

	width:100px;

	padding-bottom:5px;

	padding-top:2px;

	text-decoration:none;

}



.scroll a:hover{

	color:#fff;

	font-size:1.3em;

	font-weight:normal;

	background-color:#6cd903;



}



/***** Logocontainer ************************************************************************/

/*************************************************************************************/





#logocontainer {	

	float:left;

	padding:0px;

	margin:0px;

	width:902px;

	border-top:1px solid #936e6c;

	padding-top:20px;

	margin-top:20px;

	font-family:Arial, Helvetica, sans-serif;

	color:#dcc588;

}



.logospace {	

	float:left;

	padding:0px;

	margin:0px;

	width:36px;

	height:60px;

}



#secondlogos{	

	float:left;

	padding:0px;

	margin:0px;

	width:902px;

	font-family:Arial, Helvetica, sans-serif;

	color:#dcc588;

	padding-bottom:35px;

	margin-top:20px;

}



.newsspace {

	float:left;

	padding:0px;

	margin:0px;

	width:20px;

	height:50px;



}



/***** Newsletters ************************************************************************/

/*************************************************************************************/



#newsletters {	

	float:left;

	padding:0px;

	margin:0px;

	width:902px;

	border-top:1px solid #936e6c;

	padding-top:20px;

	margin-top:20px;

	height:620px;

}



.logospace {	

	float:left;

	padding:0px;

	margin:0px;

	width:36px;

	height:60px;

}



/***** contact ************************************************************************/

/*************************************************************************************/





#contact {

	float:left;

	padding:0px;

	margin:0px;

	width:902px;

	padding-top:40px;

	margin-top:20px;

	border-top:1px solid #936e6c;

	font-size:90%;

}



#contactform {

	float:left;

	padding:0px;

	margin:0px;

	width:402px;

	font-size:0.85em;

}



.form {



	font-size:1.5em;

	font-weight:normal;

	color:#ff00d2;

	padding-top:15px;

}



#sendbutton {

	float:left;

	width:120px;

	height:53px;

	margin-top:20px;



}



#sendbutton a{

	float:left;

	color:#fff;

	font-size:3.9em;

	font-weight:normal;

	padding-left:20px;

	margin-top:5px;

	letter-spacing:-0.04em;

	background-color:#6cd903;

	width:120px;

	padding-bottom:5px;

	padding-top:2px;

}



#sendbutton a:hover{



	color:#fff;

	font-size:3.9em;

	font-weight:normal;

	letter-spacing:-0.04em;

	background-color:#ff00d2;



}





#aboutme {

	float:right;

	padding:0px;

	margin:0px;

	width:432px;

	font-size:0.85em;





}


#aboutmetext {

	float:left;

	padding:0px;

	margin:0px;

	width:180px;

	font-size:1.00em;

}

#aboutmeimage {

	float:right;

	padding:0px;

	margin:0px;

	width:220px;

	height:300px;

}



#aboutmebutton  {

	float:left;

	width:150px;

	height:53px;

	margin-top:20px;



}



#aboutmebutton  a{

	float:left;

	color:#fff;

	font-size:2.3em;

	font-weight:normal;

	padding-left:20px;

	margin-top:5px;

	letter-spacing:-0.04em;

	background-color:#6cd903;

	width:150px;

	padding-bottom:5px;

	padding-top:2px;
text-decoration:none;

}



#aboutmebutton a:hover{



	color:#fff;

	font-size:2.3em;

	font-weight:normal;

	letter-spacing:-0.04em;

	background-color:#ff00d2;



}


/***** bottomlinks *******************************************************************/

/*************************************************************************************/





#bottomlinks {

	float:left;

	padding:0px;

	margin:0px;

	width:902px;

	border-top:1px solid #936e6c;

	border-bottom:1px solid #936e6c;

	padding-top:40px;

	margin-top:20px;

	height:240px;

	color:#9aee49; 



}



#bottomlinks a {

	font-size: 1.0em;

	color:#9aee49; 

	text-decoration:none;

}



#inspiration {

	float:left;

	padding:0px;

	margin:0px;

	width:225px;

}



#inspiration ul{

	padding:0px;

	margin:0px;

	width:185px;

	padding-left:7px;

	

}



#inspiration li{

	padding:0px;

	margin:0px;

	width:185px;

	padding-top:5px;

	padding-bottom:5px;

	color:#fff;

	list-style:none;

}



#inspiration li a{

	padding-top:5px;

	padding-bottom:5px;

	color:#fff;

	text-decoration:none;

}



#inspiration li a:hover{

	color: #9aee49;

}



#inspiration li a:visited{

	color:#dcc588;

}



#tutorials {

	float:left;

	padding:0px;

	margin:0px;

	width:225px;

}



#tutorials ul{

	padding:0px;

	margin:0px;

	width:185px;

	padding-left:7px;

}



#tutorials li{

	padding:0px;

	margin:0px;

	width:185px;

	padding-top:5px;

	padding-bottom:5px;

	color:#fff;

	list-style:none;

}



#tutorials li a{

	padding-top:5px;

	padding-bottom:5px;

	color:#fff;

	text-decoration:none;

}



#tutorials li a:hover{

	color: #9aee49;

}



#tutorials li a:visited{

	color:#dcc588;

}



#freebies {

	float:left;

	padding:0px;

	margin:0px;

	width:225px;

}



#freebies ul{

	padding:0px;

	margin:0px;

	width:185px;

	padding-left:7px;

}



#freebies li{

	padding:0px;

	margin:0px;

	width:185px;

	padding-top:5px;

	padding-bottom:5px;

	color:#fff;

	list-style:none;

}



#freebies li a{

	padding-top:5px;

	padding-bottom:5px;

	color:#fff;

	text-decoration:none;

}



#freebies li a:hover{

	color: #9aee49;

}



#freebies li a:visited{

	color:#dcc588;

}



#favourites {

	float:left;

	padding:0px;

	margin:0px;

	width:225px;

}



#favourites ul{

	padding:0px;

	margin:0px;

	width:185px;

	padding-left:7px;

}



#favourites li{

	padding:0px;

	margin:0px;

	width:185px;

	padding-top:5px;

	padding-bottom:5px;

	color:#fff;

	list-style:none;

}



#favourites li a{

	padding-top:5px;

	padding-bottom:5px;

	color:#fff;

	text-decoration:none;

}



#favourites li a:hover{

	color: #9aee49;

}



#favourites li a:visited{

	color:#dcc588;

}





#arrowtotop {

	float:left;

	padding:0px;

	margin:0px;

	width:400px;

	height:40px;

	padding-left:7px;

}



#aboutMeContent{

	float:left;

	width:941px;

}



#myworkContent{

	float:left;

	width:941px;

}



#sayHelloContent {	

	float:left;

	width:941px;

}





.totop {

	float:left;

	width:941px;

	margin-top:20px;



}



.totop a{

	float:left;

	color:#fff;

	font-size:1.3em;

	font-weight:normal;

	padding-left:20px;

	background-color:#ff00d2;

	width:100px;

	padding-bottom:5px;

	padding-top:2px;

	text-decoration:none;

}



.totop a:hover	{color:#fff;font-size:1.3em;font-weight:normal;	background-color:#6cd903;}

.contactinput	{border:1px solid #6b6b6b;background:black;	color:white;height:20px;}
.contacterror	{color:#fff;}