/*
Created by Lightbulb-moment
E-Mail: 
	  
Site: X

	  
*/




/*--------   Navigation Menu ------*/

#navigation {
 margin: 0px 0px 0px 0px;
 padding:0px;
 background-image:url(images/idea1_05.jpg);
 background-repeat:no-repeat;
 height:29px;
 width: 784px;
}


#menu {
    height: 29px;

	margin: 0px 0px 0px 0px; 
	padding:0px;
	/*background-color:#00CC99;*/
	
	}
	 
	 
	     /*==============================================================================================*/
	     /*----------- Styles for each Navigation Btn as they require new images for each link ----------*/
		 
	    /* Home */

div.outerhome {
	float: left;
	width: 89px; 
	height: 29px;
	margin: 0px 1px 0px 0px;
	background: url("images/btnHoverHome.gif") 0 -58px no-repeat;
	
	}

div.outerhome a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#4d2d2f;
	text-align:center;
	text-decoration: none;
	text-transform:uppercase;
	background: url("images/btnHoverHome.gif") top left no-repeat;
	}
div.outerhome span {
	display: block;
	margin:0; 
	padding: 8px 0 0 0px;
	}
div.outerhome a:hover {
	color: #4d2d2f;
	text-decoration:none;
	background-image:none;
	}
div.outerhome a:active {
	color: black;
	}

#menu #currentpage a {
	}
	

    /* contact */

div.outercontact {
	float: left;
	width: 89px; 
	height: 29px;
	margin: 0px 1px 0px 0px;
	background: url("images/btnHoverContact.gif") 0 -58px no-repeat;
	
	}

div.outercontact a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#4d2d2f;
	text-align:center;
	text-decoration: none;
	text-transform:uppercase;
	background: url("images/btnHoverContact.gif") top left no-repeat;
	}
div.outercontact span {
	display: block;
	margin:0; 
	padding: 8px 0 0 0px;
	}
div.outercontact a:hover {
	color: #4d2d2f;
	text-decoration:none;
	background-image:none;
	}
div.outercontact a:active {
	color: black;
	}

   /* Range */

div.outerrange {
	float: left;
	width: 89px; 
	height: 29px;
	margin: 0px 1px 0px 0px;
	background: url("images/btnHoverRange.gif") 0 -58px no-repeat;
	
	}

div.outerrange a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#4d2d2f;
	text-align:center;
	text-decoration: none;
	text-transform:uppercase;
	background: url("images/btnHoverRange.gif") top left no-repeat;
	}
div.outerrange span {
	display: block;
	margin:0; 
	padding: 8px 0 0 0px;
	}
div.outerrange a:hover {
	color: #4d2d2f;
	text-decoration:none;
	background-image:none;
	}
div.outerrange a:active {
	color: black;
	}

   /* Shop*/

div.outershop {
	float: left;
	width: 89px; 
	height: 29px;
	margin: 0px 1px 0px 0px;
	background: url("images/btnHoverShop.gif") 0 -58px no-repeat;
	
	}

div.outershop a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#4d2d2f;
	text-align:center;
	text-decoration: none;
	text-transform:uppercase;
	background: url("images/btnHoverShop.gif") top left no-repeat;
	}
div.outershop span {
	display: block;
	margin:0; 
	padding: 8px 0 0 0px;
	}
div.outershop a:hover {
	color: #4d2d2f;
	text-decoration:none;
	background-image:none;
	}
div.outershop a:active {
	color: black;
	}
             /*==============================================================================================*/




#tele {
	float:right;
	display:inline;
    margin: 0px 15px 0px 0px; 
	padding:9px 0px 0px 0px;
	
	}
	
		#tele .teleU {
			font-size: 0.7em;
			margin: 0px 0px 0px 0px; 
			padding: 0px 0px 0px 0px;
			color:#4d2d2f;
			text-transform:uppercase;
			}
		#tele .teleL {
			text-transform:lowercase;
			}


/*---------*/


#topswirl	{
    float:left;
	display:inline;
	height:88px;
	background-image:url(images/idea1_06.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}


ul {
	list-style-type: none;
	}




/*----------*/



* { padding: 0; margin: 0; }

a { 
	color: #700e12; 
	text-decoration: none; 
	background: inherit;
	outline:none;
	}
	
a img {
	border:0px;
	}

a:hover { 
	text-decoration: underline;
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color:#f6f7e7;
	}



#wrapperoutside { 
	margin: 10px auto auto;
	background-color:#ffffff;
	width: 800px;
	}

#wrapperinside { 
	margin: 0px auto auto;
	width: 784px;
	}

#header {
	 background-image:url(images/idea1_03.jpg);
	 background-repeat:no-repeat;
	 width: 784px;
	 padding: 0px;
	 height: 120px;
	 margin: 0px 0px 0px 0px;
	 }


#contentcontainer {
	 margin: 0px;
	 padding:0px;
	 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
	 width: 784px;
	 background-image:url(images/idea1_06.jpg);
	background-repeat:no-repeat;
	background-position:top;
 	 }
 
#BGswirl {
	 position: relative;
	 margin: 0px 0px 0px 0px;
	 padding:0px 0px 0px 0px;
	 background-position:bottom;
	 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
	 width: 784px;
	 background-image:url(images/idea1_08.jpg);
	 background-repeat:no-repeat;
	 background-color: none;
 	}


#leftcolumn { 
		float: left;
		width: 410px; 
		display:inline;
		margin: 50px 0px 0px 0px;
		/*background-color:#33FF99;*/
		}
		
	
				
				#leftcolumn .lcontent { 
				    font-family: Verdana, Arial, Helvetica, sans-serif; 
					font-size: 0.7em; 
					margin: 0px 0px 0px 0px;	
					color: #999999;
					padding:0px 0px 20px 0px;
					}
				
				#leftcolumn .lcontent p { 
					padding: 12px 32px 0px 32px; 
					color: #999999; 
					line-height: 18px;
					background: inherit;
					}
					
				#leftcolumn ul { 
					padding: 12px 0px 0px 20px; 
					background: inherit; 
					color: #454545;
					margin: 0px;
					}
				
				#leftcolumn li { 
					list-style: none;
					font-size:0.7em;
					color:#333399;
					padding: 0px 10px 5px 10px;
					line-height:12px;
			     	}
					
				#leftcolumn h2 { 
					color: #666666;
					border: 0px;
					font-family: Verdana, Arial, Helvetica, sans-serif; 
					font-size: 0.9em;
					font-weight:bold; 
					padding: 0px 0 0 32px;
					line-height: 22px;
					margin: 0px 0px 0px 0px;
					}
		
	
#rightcolumn { 
 	float: left;
 	color: #333;
 	display:inline;
 	margin: 40px 0px 0px 0px;   /* 100px bottom margin is set to clear the BG swirl from the first paragraph of text*/
 	padding: 0px;
 	width: 374px;
 	display: inline;
 	/*background-color:#FF9966;*/
	}

				#rightcolumn .rcontent { 
			        font-family: Verdana, Arial, Helvetica, sans-serif; 
					font-size: 0.7em; 
					margin: 20px 0px 50px 0px;	
					color: #999999;
					padding:0px 0px 20px 0px;
					
					}
					html>/**/#rightcolumn .rcontent {    /*IE7 will ignore*/
			        font-family: Verdana, Arial, Helvetica, sans-serif; 
					font-size: 0.7em; 
					margin: 20px 0px 0px 0px;	
					color: #999999;
					padding:0px 0px 20px 0px;
					}
				#rightcolumn .rcontent p { 
					padding: 6px 17px 6px 27px; 
					color: #333333; 
					background: inherit;
					}
				#rightcolumn h2 { 
					height: 22px;
					color: #cc0000;
					border: 0;
					font-family: Verdana, Arial, Helvetica, sans-serif; 
					font-size: 0.9em; 
					padding: 10px 0 0 27px;
					line-height: 22px;
					margin: 0px 0px 0px 0px;
					}
					
#rightcontainer { 
    width:310px;
	margin: 0px 0px 0px 20px;	
	color: #999999;
	padding:0px 0px 0px 0px;
	/*background-color:#00CC66;*/
	}
	
	
	
	/*CAPTCHA*/

.ImageveriTitle {
	font-size:1em;
	color:#666666;
	font-weight:normal;
}


/*CONTACT*/
	
.error	{
color:#CCCCCC;
font-size:1em;
padding-left:30px;
padding-top:30px;
padding-bottom:20px;
}



#contact {
 float: left;
 color: #333;
 margin: 15px 0px 0px 50px;
 padding: 0px;
 width: 260px;
 display: inline;
 
}

	

	#contact input {
		width: 126px;
		height:15px;
		margin: 0px 0px 0px 1px;
		border: none;
		text-align: left;
		background: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 0.2em 0em 0em 0.2em;
		font-size: 0.8em;
		color:#333333;
		}
     
	   #contact textarea {
		height: 50px;
		width:170px;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.8em;
        color:#333333
        /*background-color: #999933;*/
		}
    	#contact .input-bg {
		background: url(images/formfieldsm.jpg) no-repeat transparent;
		height: 17px;
		width:130px;
		margin: 0px;
		padding:0px;
		position: relative;
		/*background-color:#00CC99;*/
		}

        #contact .submit-btn {
	    float: left;
	    display:inline;
        width:70px;
        height:22px;
	    margin-left: 0px;
    	margin-top:15px;
	    outline:none;
		
		}
        #contact .active {
		background: url(images/formfieldsm.jpg) no-repeat transparent;
		height: 17px;
		width:130px;
	    }
	
textarea#message {
	width: 200px;
	height: 75px;
    border: 1px solid #cccccc;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(images/formfieldlg.jpg) no-repeat transparent;
	background-position: bottom right;
	background-repeat: no-repeat;
    margin-bottom:10px;
}



.clear { 
       clear: both; 
       background: none; 
       }
	
#formsend {
	width: 250px;
	float: left;
	padding-right: 0px;
	margin-top:5px;
	margin-bottom:25px;
	}
	
label {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #999999;
	text-indent: 5px;
	padding:0px 0px 0px 0px;
	margin:2px 0px 3px 0px;
	/*background-color:#00CC66;*/
	}

/* Target Firefox 2 */
label, x:-moz-any-link {
    display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #999999;
	text-indent: 5px;
	padding:0px 0px 0px 0px;
	margin:2px 0px 3px 0px;
	/*background-color:#00CC66;*/
}


/*  FOOTER */



#footer { 
 	width: 784px;
	height:93px;
 	margin: 0px 0px 0px 0px;
 	padding: 0px;
 	/*background-color:#339966;*/
	}

	#footer .fcontent {
	 		font-size:  0.7em;
			padding: 0px 0px 0px 0px; 
			color:#999999;
			background: inherit;
			}

#footerleft	{
     float:left;
	 width: 500px;
	 display:inline;
	 height:85px;
	 color: #333;
	 margin: 0px 0px 0px 0px;
	 padding: 0px;
	 background-color:#4d2d2f;
	 }
#footerright {
     float:left;
	 width: 284px;
	 display:inline;
	 height:85px;
	 margin: 0px 0px 0px 0px;
	 padding: 0px;
	 background-image: url(images/fRight.jpg);
	 background-repeat:no-repeat;
	 }
#footerwhite {
     width: 784px;
	 height:8px;
	 margin: 0px 0px 0px 0px;
	 padding: 0px;
	 color:#FFFFFF;
	 }
	 

#footernavigation {
    float:left;
	width: 300px;
	display:inline;
	margin: 0px 5px 0px 20px;
	padding: 20px 0px 0px 0px;
	
	text-align: left;
	/*border: solid 1px red;*/
	}
	
		#footernavigation .fcontent {
	 		font-size:  0.6em;
			padding: 0px 0px 0px 0px; 
			color:#cccccc;
			line-height:20px;
			background: inherit;
			text-transform:uppercase;
			}
				
		#footernavigation .fSiteColour {
			color:#d8dc95;
			}

		
		#footernavigation a {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color:#cccccc;
			margin: 0px 0px 0px 10px;
			padding: 0em 0em 0em 0em;
			text-decoration:none;
			/*border:#006699 thin dotted;*/
			text-transform: uppercase;
			outline:none;
			}
	
		#footernavigation a:active {
			color:#999999;
			text-transform: uppercase;
			outline:none;
			}
		
		#footernavigation a:hover {
			color:#d8dc95;
			text-transform: uppercase;
			}



.clear { 
	clear: both; 
	background: none; 
	}