html {
	font-family: Sans-serif;
}

body.fullwidth div#container {
     width: 100%;
}

body {
     font-size: .75em;
     text-align: center;
     color: #333;
     background: #fff url(../images/bg_circles-test.gif) no-repeat center top;
}

div#header {
     height: 212px;
     background: url(../images/i4logo-test.gif) no-repeat left top;     
}

/* inserts invisible hyperlink behind i4 logo, however does not work as it obscures the rest of the page.
	div#header a#linky {
	display:block;
	width:100px;
	height:100px;
	position: left top;
	top:20px;
	left:450px;

} */

div#header-in {
     width: 936px;
     height: 192px;     
     padding: 5px 0 0 20px;
}

div.lcol div.content {
     margin: 0 0 0 210px;
}

#content-container.about {
     float: left;
     height: 276px;
     width: 750px;
     margin-top: 5px;
     background-color: #EE1D24;
}

#content-container {
     float: left;
     width: 750px;
     margin-top: 5px;
     background-color: #EE1D24;
}

#content-container-finding {
     float: left;
     width: 750px;
     height: 276px;
     margin-top: 5px;
     background-color: #EE1D24;
}

#content-container-home {
     float: right;
     width: 635px;
     margin-top: 5px;
     background: Verdana;
}

#content-container-getstart {
     float: right;
     width: 760px;
     height: 350px;
     margin-top: 5px;
     padding: 10px 0px 0px 0px;
}

#content-container-getstart a {
		color: black;
		text-decoration: none;
}

#content-container-getstart a:hover {
		color: red;
		text-decoration: none;
}

#content-home-flag {
     float: right;
     height: 154px;
     width: 300px;
     margin-top: 5px;
	 background: url(../images/photos/gbflag.jpg) no-repeat right top;
}

#content-container-maximise {
     float: left;
     width: 750px;
     height: 276px;
     margin-top: 5px;
	background: #EE1D24;
}

#content-container-contact {
     float: left;
     width: 730px;
     height: 300px;
     margin-top: 5px;
	 background: #EE1D24 url(../images/photos/contact-us.jpg) no-repeat right top;
}

#content-container-seminar {
     float: left;
     width: 750px;
     height: 276px;
     margin-top: 5px;
     background-color: #EE1D24;     
}

#content-container-london {
     float: left;
     width: 750px;
     height: 276px;
     margin-top: 5px;
     background-color: #EE1D24;     
}

#content-in-visa {
	float: left;
	background: url(../images/photos/visa-assessment.jpg) no-repeat;
	background-position: 350px 80px;
}

#content-in-left-home {
     width: 300px;
     height: 275px;
     float: left;
}

#content-in-left-contact {
     width: 345px;
     margin: 0;
     padding: 1px 10px 10px 20px;
}

#content-in-right-home {
     float: right;
     width: 335px;
     margin-right: 0;
     margin-top: 0;
     margin-bottom: 0;
}

#content-in-left {
     width: 375px;
     margin: 0;
     padding: 0px 0px 0px 20px;
}

#content-in-right {
     float: right;
     width: 335px;
     margin-right: 0;
     margin-top: 0;
     margin-bottom: 0;
}

#content-in-left-home {
     float: left;
     padding: 18px;
     width: 335px;
     margin-right: 0;
     margin-top: 0;
     margin-bottom: 0;
}

.redbackground {
     background-color: #EE1D24;
}

div.lcol div.column {
     float: left;
}

#content-wrap div.content div.content-in p {
     padding-right: 150px;
     margin: 0 0 10px;
}

div#container {
     width: 976px;
     margin: 24px auto 0;
     padding: 0;
}


div#bgcontainer {
     float: left;
     background: url(../images/bg-container.gif) repeat-y left top;
     width: 969px;
     text-align: left;
     padding-right: 4px;
     padding-left: 3px;
}

div#incontainer {
     float: left;
     background: url(../images/bg-leftside-ext-test.gif) repeat-y left bottom;
}

div#topimage {
     float: right;
}

div#content-wrap {
     padding: 0;
}

div.content-in {
     padding: 20px 10px 20px 20px;
}

div.bottomtext {
    font-size: 28px;
    color: #fff;
    line-height: 29px;
	float: left;
	
	margin-top: 10px;
	margin-bottom: 10px;
	letter-spacing: 2px;
	padding-top: 10px;
	padding-left: 40px;
	padding-bottom: 10px;
}

div.column {
     width: 200px;
}

div.column-in {
     padding: 10px 0 10px 60px;
}

div#footer {
     width: 966px;
     height: 80px;
     text-align: left;
     padding-right: 5px;
     padding-left: 5px;
     margin: 0 auto;
     background: url(../images/bg-footer-end.gif) no-repeat;
     clear: both;
}

div#footer-refer {
     width: 966px;
     height: 80px;
     text-align: left;
     padding-right: 5px;
     padding-left: 5px;
     margin: 0 auto;
     background: url(../images/bg-footer-end-refer.gif) no-repeat;
     clear: both;
}


div#footer-in {
     padding: 20px;
}

div#image-placement-right {
	float: right;
	text-align: center;
}

div#image-placement-left {
	float: left;
	text-align: center;
	border: 5px solid Verdana;
}

/********** FONTS *****************/

#content-in-left-contact p a {
	color: white;
}

#table.stat td{
	color: #fff;
}

#startup-container-agency-right p {
	 color: #fff;
     padding-left: 70px;
     margin-bottom: 20px;
     padding-bottom: 5px;
     padding-top: 5px;
     font-weight: 400;
     font-style: normal;
     width: 400px;
     height: 100px;
}

#content-in-home-contact p a {
	color: #fff;
}

#content-in-left-contact p {
	color: white;
	text-align: center;
	font-size: 15px;
	padding-right: 10px;
}

#content-in-right p, #startup-container p {
    color: #05173D;
}

#content-in-right h3 {
     color: #fff;
     font-size: 18px;
     line-height: 23px;
}

#content-in-right h2 {
     color: #fff;
     font-size: 28px;
     line-height: 33px;
}

#header-in h2 {
     color: #fff;
     font-size: 38px;
     margin-top: 80px;
     margin-left: 200px;
     line-height: 42px;
     width: 460px;
     font-weight: 400;
     font-style: normal;
}

#header-in h2.homeheader {
     color: #fff;
     font-size: 19px;
     margin-top: 66px;
     margin-left: 200px;
     line-height: 23px;
     width: 460px;
}

#header-in h3 {
     color: #fff;
     font-size: 30px;
	 margin-left: 190px;
     line-height: 25px;
}

/********** NAVIGATION *****************/

ul#topnav {
     margin-left: 190px;
     margin-top: 12px;
}

#topnav li {
	 vertical-align:text-top;	
     display: inline;
     list-style-type: none;     
     padding-right: 10px;
}

#topnav li a {
	padding-top:12px;
	padding-bottom:3px;
	padding-right:12px;	
	padding-left:12px;
    border: thin solid #fff;
}

ul#sidenav {
     margin-left: 10px;
}

#sidenav li {
     list-style-type: none;
     padding-bottom: 5px;
}

#sidenav li a {
     display: block;
     border: thin solid #fff;
     text-align: center;
     padding-top: 5px;
     padding-bottom: 5px;
     padding: 5px;
}

#sidenav li a:link, #sidenav li a:visited, #topnav li a:link, #topnav li a:visited {
     color: #fff;
     background-color: #036;
     text-decoration: none;
	 vertical-align:text-top;
}

#sidenav li a:hover, #topnav li a:hover {
     color: #fff;
     background-color: #369;
     text-decoration: none;
     vertical-align:text-top;
}

a.active, #sidenav li a.active, #topnav li a.active {
     background-color: #f00;
     vertical-align:text-top;
}

/********** GETTING STARTED SECTION *****************/
#startup-container {
     padding: 20px;
     background-color: #036;
     margin-right: 14px;
}

#startup-container-predep {
     padding: 10px 0px 0px 20px;
     width: 700px;
     height: 400px;
     margin-right: 14px;     
}

#startup-container-uksim {
     padding: 10px 0px 0px 20px;
     width: 700px;
     height: 500px;
     margin-right: 14px;     
}

#startup-container-londorient {
     padding: 10px 0px 0px 20px;
     width: 720px;
     margin-right: 14px;     
}

#startup-container-gym {
     padding: 10px 0px 0px 20px;
     width: 700px;
     height: 700px;
     margin-right: 14px;       
}

#seminar-button p.button a {
     color: #fff;
     background-color: #f00;
     display: block;
     padding: 10px;
     width: 150px;
     float: none;
     text-align: center;
     font-size: 14px;
     text-decoration: none;
     margin-top: 20px;
     margin-bottom: 10px;
}

#join-button p.button a {
     color: #fff;
     background-color: #003366;
     display: block;
     padding: 10px;
     width: 150px;
     float: none;
     text-align: center;
     font-size: 14px;
     text-decoration: none;
     margin-top: 20px;
     margin-bottom: 10px;
}

#startup-container p.button a {
     color: #fff;
     background-color: #f00;
     display: block;
     padding: 10px;
     width: 150px;
     float: none;
     text-align: center;
     font-size: 14px;
     text-decoration: none;
     margin-top: 20px;
     margin-bottom: 10px;
}

#startup-container-predep p.button a {
     color: #fff;
     background-color: #f00;
     display: block;
     padding: 10px;
     width: 150px;
     float: none;
     text-align: center;
     font-size: 14px;
     text-decoration: none;
     margin-top: 20px;
     margin-bottom: 10px;
}

#startup-container-uksim p.button a {
     color: #fff;
     background-color: #f00;
     display: block;
     padding: 10px;
     width: 150px;
     float: none;
     text-align: center;
     font-size: 14px;
     text-decoration: none;
     margin-top: 20px;
     margin-bottom: 10px;
}

#startup-container-londorient p.button a {
     color: #fff;
     display: block;
     padding: 10px;
     width: 150px;
     float: none;
     text-align: center;
     font-size: 14px;
     text-decoration: none;
     margin-top: 20px;
     margin-bottom: 10px;
}

#startup-container-gym p.button a {
     color: #fff;
     background-color: #f00;
     display: block;
     padding: 10px;
     width: 150px;
     float: none;
     text-align: center;
     font-size: 14px;
     text-decoration: none;
     margin-top: 20px;
     margin-bottom: 10px;
}

#startup-container h2 {
     color: #fff;
     padding-left: 70px;
     margin-bottom: 20px;
     padding-bottom: 5px;
     padding-top: 5px;
     font-weight: 400;
     font-style: normal;
}

#startup-container-predep h2 {
     color: #fff;
     padding-left: 70px;
     margin-bottom: 20px;
     padding-bottom: 5px;
     padding-top: 5px;
     font-weight: 400;
     font-style: normal;
}

#startup-container-uksim h2 {
     color: #fff;
     padding-left: 70px;
     margin-bottom: 20px;
     padding-bottom: 5px;
     padding-top: 5px;
     font-weight: 400;
     font-style: normal;
}

#startup-container-londorient h2 {
     color: #fff;
     padding-left: 70px;
     margin-bottom: 20px;
     padding-bottom: 5px;
     padding-top: 5px;
     font-weight: 400;
     font-style: normal;
}

#startup-container-gym h2 {
     color: #fff;
     padding-left: 70px;
     margin-bottom: 20px;
     padding-bottom: 5px;
     padding-top: 5px;
     font-weight: 400;
     font-style: normal;
}


#startup-container-predep p {
     color: #fff;
     padding-left: 70px;
     margin-bottom: 20px;
     padding-bottom: 5px;
     padding-top: 5px;
     font-weight: 400;
     font-style: normal;
}

#startup-container-uksim p {
     color: #fff;
     padding-left: 70px;
     margin-bottom: 20px;
     padding-bottom: 5px;
     padding-top: 5px;
     font-weight: 400;
     font-style: normal;
}

#startup-container-londorient p {
     color: #fff;
     padding-left: 70px;
     margin-bottom: 20px;
     padding-bottom: 5px;
     padding-top: 5px;
     font-weight: 400;
     font-style: normal;
}

#startup-container-gym p {
     color: #fff;
     padding-left: 70px;
     margin-bottom: 20px;
     padding-bottom: 5px;
     padding-top: 5px;
     font-weight: 400;
     font-style: normal;
}

ul#startup li {
     padding: 18px 10px 18px 70px;
/*   color: #fff; */
     font-size: 14px;
     margin: 5px 0 5px 10px;
     color: #05173D;
}

ul#startup li a {
     color: #05173D;
}

div#content-in-left.bluebackground {
     padding: 18px 0 18px 18px;
     width: 350px;
}

#startup-container-agency-right {
	float: right;
	width: 300px;
	height: 200px;
	background: #003266;
}

#startup-container-agency-left {
	float: left;
	width: 700px;
}

li.pre-departure-help {
     background: url(../images/icons/NewIcons/pre-departure-help.gif) no-repeat;
}

li.london-orientation-meeting {
     background: url(../images/icons/NewIcons/london-orientation-meeting.gif) no-repeat;
}

li.uk-bank-account {
     background: url(../images/icons/NewIcons/uk-bank-account.gif) no-repeat;
}

li.international-calling-card {
     background: url(../images/icons/NewIcons/international-calling-card.gif) no-repeat;
}

li.uk-mobile-sim-card {
     background: url(../images/icons/NewIcons/uk-mobile-sim-card.gif) no-repeat;
}

li.gym {
     background: url(../images/icons/NewIcons/gym.gif) no-repeat;
}

li.uk-tax {
     background: url(../images/icons/NewIcons/uk-tax.gif) no-repeat;
}

li.money-tranzfers {
     background: url(../images/icons/NewIcons/money-tranzfers.gif) no-repeat;
}

li.red-button {
     background: url(../images/icons/NewIcons/red-button.gif) no-repeat;
}

#startup li a {
     color: #fff;
     background-image: none;
}

#startup li a:hover {
     background-image: none;
     color: red;
     font-weight: 400;
     font-style: normal;
}

.largeblue {
     font-size: 16px;
     font-weight: 700;
}

.largered {
     font-size: 16px;
     font-weight: 700;
     color: #f00;
}

h2.pre-departure-help {
     background: url(../images/icons/NewIcons/pre-departure-help.gif) no-repeat left center;
}

h2.uk-tax-advice {
     background: url(../images/icons/NewIcons/uk-tax.gif) no-repeat left center;
}

h2.money-tranzfers {
     background: url(../images/icons/NewIcons/money-tranzfers.gif) no-repeat left center;
}

h2.international-calling-card {
     background: url(../images/icons/NewIcons/international-calling-card.gif) no-repeat left center;
}

h2.uk-mobile-sim-card {
     background: url(../images/icons/NewIcons/uk-mobile-sim-card.gif) no-repeat left center;
}

h2.london-a-z-guide {
     background: url(../images/icons/NewIcons/gym.gif) no-repeat left center;
}

h2.uk-bank-account {
     background: url(../images/icons/NewIcons/uk-bank-account.gif) no-repeat left center;
}

h2.london-orientation-meeting {
     background: url(../images/icons/NewIcons/london-orientation-meeting.gif) no-repeat left center;
}

h2.three-mobile {
     background: url(../images/icons/NewIcons/mobile.gif) no-repeat left center;
}



/********** HEADER IMAGES *****************/

div#header-in.uk-bank-accounts {
     background: url(../images/header-backgrounds/uk-bank-accounts.jpg) no-repeat right bottom;
}

div#header-in.arriving-in-london {
     background: url(../images/header-backgrounds/arriving-in-london.jpg) no-repeat right bottom;
}

div#header-in.refer-a-mate {
     background: url(../images/header-backgrounds/refer-a-mate.jpg) no-repeat right bottom;
}

div#header-in.about-us {
     background: url(../images/header-backgrounds/about-us.jpg) no-repeat right bottom;
}

div#header-in.contact-us {
     background: url(../images/header-backgrounds/contact-us.jpg) no-repeat right bottom;
}

div#header-in.getting-started {
     background: url(../images/header-backgrounds/getting-started.jpg) no-repeat right bottom;
}

div#header-in.international-calling-card {
     background: url(../images/header-backgrounds/international-calling-card.jpg) no-repeat right bottom;
}

div#header-in.uk-mobile-sim-card {
     background: url(../images/header-backgrounds/uk-mobile-sim-card.jpg) no-repeat right bottom;
}

div#header-in.london-a-z-guide {
     background: url(../images/header-backgrounds/london-a-z-guide.jpg) no-repeat right bottom;
}

div#header-in.uk-tax-advice {
     background: url(../images/header-backgrounds/uk-tax-advice.jpg) no-repeat right bottom;
}
div#header-in.free-seminar {
	 background: url(../images/header-backgrounds/free-seminar.jpg) no-repeat right bottom;

}

div#header-in.finding-work {
     background: url(../images/header-backgrounds/finding-work.jpg) no-repeat right bottom;

}

div#header-in.home {
     background: url(../images/photos/gbflag.jpg) no-repeat bottom right;

}

/**************** DROP MENU ****************/

.topbutton {
	background: url(../images/icons/topbutton.gif) no-repeat right;
	padding: 9px 0px 0px 50px;
	width: 155px; 
	height: 33px; 
	text-align: left;
}

.topbutton a {
	margin: 0 0 0 30px;
	text-decoration: none;
	color: white;
	font-size: 17px;
}

.topbutton a:hover {
	color: #ff0000;
	text-decoration: none;
}

.topminusone {
	background: url(../images/icons/topminusone.gif) no-repeat right; 
	padding: 0px 0px 0px 50px; 
	margin: -13px 0 0px 0;
	width: 150px;
	height: 25px; 
	text-align: left;	
}

.topminusone a {
	margin: 0 0 0 30px;
	text-decoration: none;
	color: white;
	font-size: 15px;
}

.topminusone a:hover {
	font-weight: normal;
	color: #ff0000;
	text-decoration: none;
}

.centerbutton {
	background: url(../images/icons/centerbutton.gif) no-repeat right; 
	padding: 0px 0px 0px 50px; 
	width: 150px;
	height: 25px;
	text-align: left;	
}

.centerbutton a {
	margin: 0 0 0 30px;
	text-decoration: none;
	color: white;
	font-size: 15px;
}

.centerbutton a:hover {
	font-weight: normal;
	color: #ff0000;
	text-decoration: none;
}

.bottombutton {
	background: url(../images/icons/bottombutton.gif) no-repeat right; 
	margin: -2px 0px 0px 0px;
	padding: 0px 0px 0px 50px; 
	width: 150px; 
	height: 30px; 
	text-align: left;	
}

.bottombutton a {
	font-weight: normal;
	margin: 0 0 0 30px;
	text-decoration: none;
	color: white;
	font-size: 15px;
}

.bottombutton a:hover {
	color: #ff0000;
	text-decoration: none;
}

#topnavbar td {
	vertical-align: middle;
	width: 150px; 
	height: 33px; 	
	background: url(../images/icons/topnavbutton.gif) no-repeat right;	
}

#topnavbar a {
	text-decoration: none;
	color: white;
	font-size: 15px;
	background-color: #05173D;
}

#topnavbar a:hover {
	color: #ff0000;
}

#join-us-now-bottom {
	width: 155px; 
	height: 33px; 	
	background: url(../images/icons/topbutton.gif) no-repeat right;	
	padding: 8px 0 0 0;
}

#join-us-now-bottom a {
	margin: 0 0 0 43px;
	text-decoration: none;
	color: white;
	font-size: 15px;
	background-color: #05173D;
}

#join-us-now-bottom a:hover {
	color: #ff0000;
}

#back-button {
	width: 155px; 
	height: 33px; 	
	background: url(../images/icons/topbutton.gif) no-repeat right;	
	padding: 8px 0 0 0;
}

#back-button a {
	margin: 0 0 0 60px;
	text-decoration: none;
	color: white;
	font-size: 15px;
	background-color: #05173D;
}

#back-button a:hover {
	color: #ff0000;
}

#purchase-button {
	width: 191px; 
	height: 53px; 	
	background: url(../images/icons/purchasebutton.gif) no-repeat right;	
	padding: 8px 0 0 0;	
}

#purchase-button a {
	padding: 0 0 0 60px;
	text-decoration: none;
	color: white;
	font-size: 15px;
}

#purchase-button a:hover {
	color: #ff0000;
}