/* --------------------------------------------------
Standard Stylesheet for 'most' browsers!
website:	www.aspducation.co.uk 
version:	2007.08
-------------------------------------------------- */

/* Remove default margins & paddings
-------------------------------------------------- */
* {margin: 0; padding: 0;}

/* Base styles & typography
-------------------------------------------------- */
body {background: #000000 url(../images/background.gif) repeat-x; font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: normal; font-size: 75%; line-height: 150%; color: #000;}

h1	{font-family: Arial, Helvetica, sans-serif; font-size: 250%; font-weight: bold;}
h2	{font-family: Arial, Helvetica, sans-serif normal; font-size: 200%; color: #f49900; font-weight: normal; text-transform: lowercase;}
h3	{font-family: Arial, Helvetica, sans-serif; font-size: 120%; color: #f49900; font-weight: normal; margin-bottom: 10px;}
h4	{font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #000; font-weight: normal; margin-bottom: 5px;}

p {margin-bottom: 20px;}

ul {margin-bottom: 20px;}
li {margin-left: 20px;}

img {border: 0;}
img.imgleft {float: left; margin: 0 10px 10px 0;}
img.imgright {float: right; margin: 0 0 10px 10px;}

a 		{color: #000; text-decoration: none;}
a:hover	 	{color: #666; font-weight: normal; text-decoration: underline;}

label {width: 175px; display: block; float: left; text-align: right; margin-right: 15px;}
input, textarea, select {width: 200px; float: left; margin-bottom: 15px;}
input.button {width: 100px;}
input.nostyle {float: none; display: inline;}

span.error {color:#FF0000; padding-left: 20px;}

hr.cleaner {clear: both; height: 1px; margin: -1px 0px 0px 0px; padding: 0px; border: none; visibility: hidden;}

/* Structure and DIV specific styling
-------------------------------------------------- */
#header {background: url(/img/home/header.jpg); width: 790px; height: 167px; float: left;}
#header h1, #header h2, #header h3	{display: none;}
#logo {margin: 30px 0px 10px 35px; height: 88px; width: 331px;}

#menu {float: right; margin-top: 0px; width: 616px; height: 32px; font-size: 95%;}
#menu ul	{margin: 0px; padding: 0px; list-style: none;}
#menu li 	{display: inline; margin: 0px; padding: 0px; text-align: center; float: left;}
#menu li a	{margin: 0px; text-decoration: none; width: 121px; height: 25px; float: left; display: block; background-position: bottom; padding-top: 7px; color: #C05000;}
#menu li a:hover	{color: #FFF; text-align: center; background-position: top; font-weight: normal;}
#menu #menu1 a {background-image: url(../images/menu/link2.gif);}
#menu #menu2 a {background-image: url(../images/menu/link2.gif);}
#menu #menu3 a {background-image: url(../images/menu/link3.gif);}
#menu #menu4 a {background-image: url(../images/menu/link4.gif); width: 122px;}
#menu #menu5 a {background-image: url(../images/menu/link5.gif); width: 123px;}

#main {background: #FFF url(../images/main.gif) repeat-y; width: 850px; margin: 0px auto;}

#container {background: url(../images/sides.gif) no-repeat; width: 790px; min-height: 660px; padding: 0px 30px;}

#contentwrapper {float: left; width: 790px; background: url(../images/pageback.gif) top repeat-x; font-family: Arial, Verdana, Tahoma,  sans-serif;}



.cleaner {clear: both;}

#contenttop {float: left; background: url(../images/generic/contenttop.gif) no-repeat top; width: 760px; padding-top: 20px; padding-left: 30px;}

#mainrpt {float: left; background: url(../images/generic/main_rpt.gif) repeat-y; width: 790px; padding-bottom: 20px;}

#rightcolumn {width: 210px; float: left; padding-left: 50px;}
#rightcolumn ul {margin: 0px; padding: 0px;}
#rightcolumn li {list-style: none; margin: 0px;}
#rightcolumn h3 {font-size: 120%; font-weight: bold; margin: 10px 0px 5px 0px;}

#leftcolumn {width: 470px; float: left;}
#leftcolumn h3 {font-size: 120%; font-weight: bold; margin: 10px 0px 5px 0px;}
#leftcolumn img {border: 5px solid #ccc;}
#leftcolumn h2, #rightcolumn h2 {margin-bottom: 20px;}

#footer {float: left; background: url(/img/home/footer.gif) no-repeat; width: 790px; display: inline;}
#footermain {float: left; background: #000 url(/img/home/footer_rpt.gif) repeat-y; width: 790px;}
#footerbottom {float: left; width: 790px; background: url(/img/home/footer_bottom.gif) no-repeat; height: 23px; margin-top: 3px;}
#footermain p {color: #FFFFFF; float: left; font-size: 75%; line-height: 160%; padding: 15px 0px 0px 20px; margin: 0;}
#footermain a {color: #FFF; text-decoration: underline;}
#footer h3 {float: left; display: inline; text-indent: -5000px;}
/* ------------------ Home Page CSS ------------------ */

#aboutusblock {width: 260px; float: left;}
#aboutus {display: inline; float: left; background: url(/img/home/aboutus.gif); width: 230px; height: 171px; padding: 15px 10px 0px 20px; font-size: 115%;}
#aboutus a {float: right; font-size: 95%; color: #666666;}
#aboutus h2 {margin-bottom: 20px; padding-top: 10px;}
.promotion {float: left; background: url(/img/home/promotion.jpg); width: 180px; height: 70px; padding-left: 80px; padding-top: 7px; font-size: 85%; text-indent: -5000px;}
#video {float: left; background: url(/img/home/videospace.jpg); width: 530px; height: 263px;}
#top3 {float: left; background: url(/img/home/top3.gif) no-repeat; width: 525px;}
#top3 h3 {margin: 0px; padding: 0px; text-indent: -5000px; display: none;}
#top3main {float: left; background: url(/img/home/top_rpt.gif) repeat-y; display: inline; width: 525px;}
#profilelink {float: left; display: inline; background: #000 url(/img/home/porfoliolink.gif) no-repeat bottom; width: 515px; color: #FFFFFF; text-align: right; padding: 5px 10px 10px 0px; font-weight: bold;}
#profilelink a {color: #FFFFFF; font-weight: bold; font-size: 120%;}
#profilelink a:hover {color: #999999; font-weight: bold;}
#iconbox {float: left; display: inline; margin-top: 13px;}
.icon {float: left; display: inline; width: 150px; margin-left: 20px; padding: 0px 0px 0px 0px; text-align: center;}
.icon p {margin-bottom: 10px; padding: 0px; font-size: 95%;}
.icon a:hover {text-decoration: underline; color: #333333;}
#latestnews {float: left; background: url(/img/home/latestnews.gif) no-repeat; width: 265px; height: 210px; }
#latestnews img {margin-right: 10px;}
#latestnewsmain {float: left; background: url(/img/home/news_rpt.gif) repeat-y; display: inline; width: 265px;}
#latestnewsfooter {float: left; background: url(/img/home/news_footer.gif) no-repeat; width: 265px; height: 19px;}
#latestnews h2 {margin: 15px 0px 10px 20px; padding: 0px; font-size: 150%; color: #333333;}
.newsitem {float: left; display: inline; width: 230px; margin-left: 20px; margin-bottom: 0px !important; margin-bottom: -15px;}
.newsitem h4 {font-weight: normal; border-top: solid 1px #FFF; padding-top: 5px; margin-top: 3px;}
.newsitem p {padding: 0px; font-size: 95%; color: #333333; margin: 0px 0px 10px 0px;}
/* ------------------ About Us CSS ------------------ */

.photoblock {color: #666666; width: 230px; height: 60px; margin: 0px; padding-top: 10px;}
.photoblock h4 {padding: 0px; margin: 0px; color: #333333;}
.photoblock p {margin: 0px; padding: 0px; font-size: 90%;}
.photoblock img {margin-right: 5px; margin-top: -10px;}
#findus li {list-style-type: square;}
#findus ul {margin: 0px 20px;}
/* ------------------ Portfolio CSS ------------------ */

#portfoliolinks {font-size: 130%; margin: 20px 10px 0px 25px; text-align: center; width: 740px;}
#portfoliolinks a {margin: 0px 20px; font-weight: bold; color: #f49900;}
#primarybar {background: url(/img/portfolio/primary.jpg); float: left; color: #000066;}
#secondarybar {background: url(/img/portfolio/secondary.jpg); float: left; color: #990000;}
#indepbar {background: url(/img/portfolio/indep.jpg); float: left; color: #333300;}
#primarybara {float: left; padding-top: 95px; padding-bottom: 62px; width: 750px;}
#secondarybara {float: left; padding-top: 47px; padding-bottom: 77px; width: 750px;}
#indepbara {float: left; padding-top: 35px; padding-bottom: 116px; width: 750px;}
#primarybar, #secondarybar, #indepbar {padding-left: 40px; font-weight: bold; font-size: 190%; width: 750px;}
#primarybar a:hover, #secondarybar a:hover, #indepbar a:hover {font-weight: bold;}
#profilecontenttop {background: url(/img/portfolioinner/contenttop.gif) no-repeat; float: left; width: 790px;}
#profilemainrpt {background: url(/img/portfolioinner/main_rpt.gif) repeat-y; float: left; width: 790px; padding-bottom: 10px;}
#profilemainrpt  p {padding: 20px; width: 750px;}
.thumbnailblock {float: left; display: inline; width: 248px; height:	259px; margin: 20px 0px 0px 13px;}
.thumbnail {background: url(/img/portfolio/thumbnail.gif) no-repeat top; text-align: center; width: 238px; height:	239px;}
.thumbnail img {display: inline; width: 210px; height:	180px; margin: 20px 5px 5px 14px; float: left;}
.button {display: block; width: 228px; height: 25px; text-align: center; font-size: 95%;}
.buttonbar {text-align: center; float: left; width: 228px; height: 29px; margin-left: 5px; margin-top: -10px; display: inline;}
.primary .button, .primary .buttonbar   {background: url(/img/portfolio/primarybutton.gif) no-repeat; color: #FFFFFF;}
.primary .buttonbar a, .secondary .button a, .secondary .buttonbar a, .indep .button a, .indep .buttonbar a {color: #FFFFFF;}
.secondary .button, .secondary .buttonbar  {background: url(/img/portfolio/secondarybutton.gif) no-repeat; color: #FFFFFF;}
.indep .button, .indep .buttonbar {background: url(../images/portfolioinner/indepbutton.gif) no-repeat; color: #FFFFFF;}
.imgloader {background-color:#FFF; background-image: url(/images/portfolio/ajax-loader.gif); background-repeat: no-repeat; background-position: center center;}