@media only screen and (max-width: 480px) 
{ 
@charset "utf-8";


/*Background color of entire page*/ body {background-color:#FFFFFF;
	background-image:none; }
/*Background color of header section*/ #header { background:#ffffff;} 

/*Background color of homepage main content*/ #content { background:#ffffff;} 
/*Border color of homepage main content*/ #content { border:0px solid #AFAFAF;} 

/*Background color of content area*/ #contentinner { background:#fff; background-image:none;}
/*Border color of content area*/ #contentinner { border:0px solid #afafaf;}
/*Color of all standard text in content area*/ p, ul, ol, label { color:#666666;}
/*Color of all heading text in content area*/ h1,h2,h3,h4,h5,h6 { color:#2257A3;}

/*Background color of footer*/ #footer { background:#fff;} 
/*Color of text in footer*/ #footer p { color:#666;} 
/*Color of text links in footer*/ #footer p a { color:#666;} 

/*Color of text links in footer on hover*/ #footer p a:hover { color:#333;} 


html, body, p, div, input, textarea, select, option, fieldset, label, h1, h2, h3, h4, h5, h6, img, a, a:link, a:active, a:hover, a:visited, form, ul, ol, li { margin:0;  padding:0;  text-align:left;}

img,fieldset { border:none;}

ul, li { list-style:none;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}

body { font-family:Arial, Helvetica, sans-serif; background-image:none; background-color:#FFF;}

p { font-size:1.3em; line-height:1.4em;}
p a {
	color:#666666;
	text-decoration:underline;
}

a {
	text-decoration: underline;
	color: #666666;
}

h1 { font-size:1.4em; font-weight:bold; padding:10px 0 10px 0;}
h2 { font-size:0.938em; font-weight:bold;}
h3 { font-size:1.2em; font-weight:bold; padding:10px 0 0 0;}
h5 { font-size:1.2em; font-weight:bold; padding:10px 0 0 0;}

.bodyheadgrey {
	font-size: 1.2em;
	font-weight:bold;
	padding-bottom:10px;
	color:#666666;
}

.bodyheadblue {
	font-size: 1.2em;
	font-weight:bold;
	padding-bottom:10px;
	color:#2654a1;
}

#header { display:block;
    max-width: 300px; height: 20px;
    margin: 0 auto;
    width: 100%;}

.logo { 
 
width: 80%;
	
	padding:0;
	background-image: url(../images/Compliance-Tracker-Limited-Logo146h.png);
	background-repeat:no-repeat;
}



#title {
	width:100%;
	height:50%;
	background-color:#FFFFFF;
	padding: 0px 5px 10px 5px;
}

#title h1 {
	margin: 0px;
	font-size: 2.5em;
	font-weight: normal;
	color: #1668b2;
	padding: 30px 0px 0px 15px;
	
}



#footer { width:100%; float:left; padding:0;}
#footer p {
	font-size:0.75em;
	text-align:left;
	padding:0 0 0 15px;
}


#navbar {
	width:96%;
	position: relative;
	float:left;
	padding: 0;
	background-color:#;
	z-index:1000;
}

	/* menu icon */
	#menu-icon {
		color: #fff;
		width: 100%;
		height: 25px;
		background: #1668b2 center;
		padding: 10px 0px 0px 10px;
		cursor: pointer;
		display: block; /* show menu icon */
		font-size: 1.3em;

	}
	#menu-icon:hover {
		background-color: #9db1dd;
		color:#FFF;
	}
	#menu-icon.active {
		background-color: #1668b2;
		color:#FFFFFF;
	}
	
		
	/* main nav */
	#cssmenu {     /*creates box menu sits in*/
		clear: both;
		position: absolute;
		top: 20px;
		width: 220px;
		z-index: 1000;
		background: #f8f8f8;
		border: solid 1px #999;
		display: none; /* visibility will be toggled with jquery */
		margin:0; 

	}
	
	#cssmenu li {  /*makes list line up ontop of each other**/
		clear: both;
		float: none;
		
	}
	 
	#cssmenu a, 
	#cssmenu ul a {
	font: inherit;
	background: none;
	display: inline;/*makes links appear as a list as opposed to in 'block*/
	padding:0;
	color: #000;/*makes all links appearin this colour*/
	font-size: 1.3em;
	text-align: left;		
	}
	
	#cssmenu a:hover, 
	#cssmenu ul a:hover {
		background: none;
		color: #1668b2;/*makes main menu links change colour on hover to this colour**/
	}
	
	/* dropdown */
	
	#cssmenu ul li {
	margin:15px 0 0 10px; /*creates gaps between each main page name*/
	padding:0 0 0 0;
	}
	
	#cssmenu ul li ul {
		margin:15px 0 0 10px; /*creates gaps between each sub menu name*/
		padding:0 0 0 0;
	}
	
	 #cssmenu > ul > li a {
	background: #f8f8f8;
	line-height: 0;
	
	filter: none;
	width: 100px;
    }
	
	 #cssmenu > ul > li a:hover { /*removes display boxes around submenus so they appear as type only*/
	background: #f8f8f8;
	filter: none;
	padding:0;
		margin:0;
	 }
	 
	 
	#cssmenu > ul > li.active a {
	background: #f8f8f8;
	color:#000;/*makes HOME PAGE link THIS colour*/
    }
    #cssmenu > ul > li.active a:hover {
	background: #f8f8f8;
	color:#1668b2;/*makes HOME PAGE link THIS colour on hover*/

    }
	
    #cssmenu > ul > li a { /*changes all links in normal state*/
	background: #f8f8f8;
	line-height: 0px;
	padding: 0px;
	filter: none;
	width: 100px;
	margin:0;
	
    }
	
	
   #cssmenu  li ul  a:hover { /*changes all links in hover*/
	background: #f8f8f8;
	line-height: 0px;
	padding: 20px;
	filter: none;
    }
	
   
    #cssmenu:after,
    #cssmenu ul:after {
      content: '';
      display: inline;
      clear: both;
    }
  
	/*style the sub-pages with this #cssmenu li ul */  
	
	 
	 #cssmenu li ul {
	display: inline;/*so the pages appear below their parent*/
	position: static;
	top: inherit;/*gap between 1st sub menu and parent*/
	left: 15px;
	width: inherit;
	text-align: left;


		 

      /* IE7 */    
      /*width: 100%;*/

    }	
	#cssmenu li ul a:hover {
	color:#666;/*makes sub menu nav links THIS colour*/
	padding:inherit;
	margin:auto;
    }
	
		#cssmenu li ul a {
	color:#1668B2;/*makes sub menu nav links THIS colour*/
	padding:inherit;
	margin:auto;
    }
	
	#cssmenu li:hover ul {
      display: inline;

    }
	
	
#contentinner { width:99.8%; float:left;  padding:5px 0 5px 0; background-color:#ffffff;} 

#content { width:92%; float:left; padding:0px 4% 10px 4%; background-color:#FFFFFF; position:relative; z-index:10;}
   

	
#imageblock { display: block; margin: 0 auto; width: 100%; 	padding: 0px;

}
	
#imageblock img { margin: 0 auto; width: 98%; height: auto;

}



h5 { font-size:1.1em; line-height:1.4em; padding-left:50px;}




    
}