/* CSS Document */

/* (google fonts)font-family: 'Open Sans', sans-serif;
(Google fonts)font-family: 'Open Sans Condensed', sans-serif; */


/* assigns orange background to site and sets font style to default */
body					{	background-color:#F90;
							font-family:Arial, Helvetica, sans-serif;	}

/*group selector setting font styles for all Headings listed */
h1, h2, h3				{	font-family:'Open Sans Condensed', Arial, Helvetica, sans-serif;	}

/* sets page size to 900px, assigns white background to page*/
#wrapper				{	width:900px;	margin:10px	auto;
							background-color:#FFF;
							padding:0	40px;	} 
				
#top					{	}
				
/* flota the logo to the left */
#logo					{	float:left;	margin:50px	0;	}	
				
/* flota the medialogo to the right */
#social-media			{	float:right;	margin:50px 0;	}
/* sets media icons in line and removes . */
#social-media ul li		{	display:inline;	list-style-type:none;	padding:0	5px;	}
/* aligns media text to the right*/
#social-media p			{	text-align:left;	padding:0	40px;	}	

/* clears both left and right floats that come before it */
#topnav					{	clear:both	}	
/* assignes a black dotted line / border above links */
#topnav					{	padding:15px	0;	margin:0;
							border-top:1px	#000	dotted}
/* sets links to be inline and removes .*/							
#topnav	ul li			{	display:inline;	list-style-type:none;	
							margin:0	15px	0	0;	}
/* sets font weight, removes underline, upper case, sets colour and font size
for the different states of the links*/
#topnav	a:link				{	font-weight:bold; text-decoration:none;	text-transform:uppercase; color:#000;	font-size:14px;		}
#topnav	a:visted			{	font-weight:bold; text-decoration:none;	text-transform:uppercase; color:#000;	font-size:14px;		}
#topnav	a:active			{	font-weight:bold; text-decoration:none;	text-transform:uppercase; color:#000;	font-size:14px;		}
#topnav	a:hover				{	font-weight:bold; text-decoration:none;	text-transform:uppercase; color:#C03;	font-size:14px;		}
#topnav	a:focus				{	font-weight:bold; text-decoration:none;	text-transform:uppercase; color:#C03;	font-size:14px;		}
	 

/* floats the content to the left and sets content width to 580px */
#content				{	float:left;	width:570px;	}
/* set font size of paragraphs in the content section and line hight*/
#content p	{font-size:12px; line-height:140%;	}	

/* sets with of box and floats to left */
#box1					{	float:left;	width:265px;	margin-right:40px	}

/* sets with of box and floats to left */
#box2					{	float:left;	width:265px;	}

/* sets with of box and floats to left */
#box3					{	float:left;	width:265px;	margin-right:40px	}

/* sets with of box and floats to left */
#box4					{	float:left;	width:265px;	}

/* class style to push image right */
.img-right				{	float:right;	padding:0	20px	10px	5px;	}




/* floats the side bar to the right and sets width, sets font size and line item sise */
#rightside				{	float:right;	width:270px	}
#rightside h2			{	text-align:center;	}	
#rightside p			{	font-size:12px;	line-height:140%;	text-align:left;	}
#rightside	li			{	font-size:12px; line-height:140%;	}
.sidebar_image			{	float:left;	padding:0	0	0	75px;
							margin-right:100px;	margin-bottom:10px;	}
.sidebar_image2			{	float:left;	padding:0	0	0	30px;
							margin-right:100px;	margin-bottom:10px;	}



/* clears both left and right floats that come before it, assignes a black dotted line / border above links
sets the text centre, fontsize and font weight */
#footer					{	clear:both;	padding:10px	0;
							border-top:dotted	#000	1px;	}				
#footer					{	text-align:center;	font-size:10px;	font-weight:bold;	}

/* Contact form styles */
#contact-form ol li		{	list-style-type:none;	}	/*removed numbers lables*/

input, textarea			{	display:block;	width:350px;	
								border:1px	#000	solid;
								padding:5px;	}	/*sets width of input area assigns a border and inserts padding space to the side of the eliment*/

textarea				{	height:150px;	}	/*sets hight of the text area*/

input:hover, textarea:hover				{background-color:#F00;	}	/*sets background colour of field, hover is a mouse event*/
input:focus, textarea:focus				{background-color:#F00;	}	/*sets background colour of field, focus is a keyboard event*/
								
lable					{	display:block;	margin-top:10px		}	/*assignbes 10px of margin between lable and box*/
/*.submit					{	width:100px;	margin-top:10px	}	/* sets submit button width and allows 10px of margin*/