/*
	PRODEVELOPER CSS
	CREATED: 14.05.08
	MODIFIED: 23.06.08
	AUTHOR: ANDY FIELD
*/

/*
	COLOURS
	LINE:#e9e7e5
	BACKGROUND:#f6f4f2
	BROWN GREY:#46423f
	DARK BLUE:#002957
	DARK GREY:#888
	NAV BROWN:#503c2d
	RED:#bf3000
	SIDEBAR TINT:#fcfbfb
*/

/* RESET
******************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
}

a img,:link img,:visited img {
	border: none;
}

:link,:visited {
	text-decoration: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img { 
	border: 0;
}

address,abbr,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

img {
	border: none;
}

ol,ul,dl {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6,pre,code {
	font-size: 100%;
	font-weight: normal;
	line-height: 100%;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
}

/* BASE
******************************************/

html>body {
	font-size: 12px;
}

body {
	background:#f6f4f2;
	color:#222;
	font-family: Arial,Helvetica,"Lucida Grande",sans-serif;
	font-size: 75%;
	line-height: 1.5em; 
	text-align:center;
}

input,select,textarea {
	font-family: Arial,Helvetica,"Lucida Grande",sans-serif;
	font-size:100%;
	padding:.2em;
	vertical-align:middle;
}

#skip {
	height: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
	text-indent: -3000em;
	width: 0;
}

a:link,
a:visited {
	color: #036;
	text-decoration: none;
}

a:hover,
a:active {
	color: #bf3000;
	text-decoration: underline;
}

.clearme {
	clear: both;
	height: 0;
}

strong {
	font-weight: bold;
}

a.external:link {
	background:url(/assets/externallinks.png) right 0 no-repeat;
	padding:0 15px 0 0;
}

a.external:visited {
	background:url(/assets/externallinks.png) right -200px no-repeat;
	padding:0 15px 0 0;
}

a.external:hover,
a.external:active {
	background:url(/assets/externallinks.png) right -100px no-repeat;
	padding:0 15px 0 0;
}

/* TYPOGRAPHY
******************************************/

p,dl,ol,ul,th,td {
	font-size:1em;
	line-height: 1.5em;
}

p,dl,ol,ul {
	margin:0 0 1.5em 0;
}

p.small {
	font-size: 0.916667em;
	line-height: 1.636364em;
	margin:0 0 0.9em 0;
}

h1 {
	color:#002957;
	font-size: 1.833333em;
	font-weight:bold;
	line-height: 0.818182em;
	margin:0 0 0.9em 0;
}

h1 span {
	color:#888;
}

h1 span.byline {
	color:#002957;
	font-weight:normal;
}

h2 {
	color:#002957;
	font-size: 1.416667em;
	font-weight:bold;
	line-height: 1.058824em;
	margin:0 0 0.692308em 0;
}

h3 {
	color:#002957;
	font-size: 1.25em;
	font-weight:bold;
	line-height: 1.2em;
	margin:0 0 0.5625em 0;
}

#sidebar h3 {
	color:#46423f;
}

ul {
	list-style-type:none;
	margin-right:4em;
	margin-left:3em;
}

ul li {
	background:url(../assets/bullet.png) 0 50% no-repeat;
	padding:0 0 0 12px;
}

ol li {
	margin:0 0 0.6em 0;
}

span.alert {
	color:#bf3000;
}

#footer p {
	color:#5f5a56;
	font-size: 0.916667em;
	line-height: 1.636364em;
	margin:0;
}

/* DECORATION
******************************************/

dl#urllist dt {
	color:#002957;
	font-size: 1.25em;
	font-weight:bold;
	line-height: 1.2em;
}

dl#urllist dd {
	margin:0 0 0.6em 0;
}

/* MICROFORMATS
******************************************/

p.cname {
	margin:0;
}

p.adr {
	margin:0 0 0.75em 0;
}

/* HOMEPAGE
******************************************/

dl.boxout {
	float:left;
	margin-right:20px;
	margin-left:0;
	width:240px;
}

dl.end {
	margin-right:0;
}

dl.boxout dt {
	color:#002957;
	font-size: 1.25em;
	font-weight:bold;
	line-height: 1.2em;
	margin:0 0 0.5625em 0;
}

dl.boxout dd {
	background:#fcfbfb;
	border:1px solid #e9e7e5;
	padding:110px 10px 20px 10px;
	width:218px;
}

dl.boxout dd.ione {
	background:#fcfbfb url(../assets/ione.jpg) 0 0 no-repeat;
}

dl.boxout dd.itwo {
	background:#fcfbfb url(../assets/itwo.jpg) 0 0 no-repeat;
}

dl.boxout dd.ithree {
	background:#fcfbfb url(../assets/ithree.jpg) 0 0 no-repeat;
}

a.fom {
	background:#fff url(../assets/fombtn.png) 0 0 no-repeat;
	clear:left;
	display:block;
	height:50px;
	position:relative;
	text-indent:-3000em;
	width:760px;
	z-index:1000;
}

a.fom:hover {
	background:#fff url(../assets/fombtn.png) 0 -50px no-repeat;
}


/* HEADER
******************************************/

#logo a {
	background:#fff url(../assets/logo.png) 0 0 no-repeat;
	display:block;
	height:140px;
	left:-76px;
	position:relative;
	text-indent:-3000em;
	width:465px;
	z-index:1000;
}


ul#nav {
	background:#503c2d url(../assets/nav.png) 0 0 no-repeat;
	float:left;
	height:35px;
	margin:0;
	width:760px;
}

ul#nav li {
	background:none;
	display:inline;
	padding:0;
}

ul#nav li a {
	display:block;
	float:left;
	height:35px;
	position:relative;
	text-indent:-3000em;
	z-index:1000;
}

a.home {
	background:#503c2d url(../assets/nav.png) 0 0 no-repeat;
	width:60px;
}

a.home:hover,
#home a.home {
	background:#503c2d url(../assets/nav.png) 0 -35px no-repeat;
}

a.prodeveloper {
	background:#503c2d url(../assets/nav.png) -60px 0 no-repeat;
	width:151px;
}

a.prodeveloper:hover,
#prodeveloper a.prodeveloper  {
	background:#503c2d url(../assets/nav.png) -60px -35px no-repeat;
}

a.about {
	background:#503c2d url(../assets/nav.png) -211px 0 no-repeat;
	width:109px;
}

a.about:hover,
#about a.about {
	background:#503c2d url(../assets/nav.png) -211px -35px no-repeat;
}

a.institutions {
	background:#503c2d url(../assets/nav.png) -320px 0 no-repeat;
	width:145px;
}

a.institutions:hover,
#institutions a.institutions {
	background:#503c2d url(../assets/nav.png) -320px -35px no-repeat;
}

a.contact {
	background:#503c2d url(../assets/nav.png) -465px 0 no-repeat;
	width:138px;
}

a.contact:hover,
#contact a.contact {
	background:#503c2d url(../assets/nav.png) -465px -35px no-repeat;
}

#colourband {
	background:#e98b38 url(../assets/colourband.png) 0 0 no-repeat;
	font-size:0; /* IE 6 */
	height:3px;
}

/* SIDEBAR
******************************************/

#sidebar ul {
	margin-right:0;
	margin-left:0;
}

#sidebar img {
	margin:0 0 1.5em 0;
}

/* FORM
******************************************/

input.long,
textarea.long {
	width:20em;
}

fieldset {
	border-top:1px solid #e9e7e5;
	padding:1.5em 0 0 0;
}

label {
	display:block;
	float:left;
	text-align:right;
	padding:0 1em 0 0;
	width:12em;
}

label span {
	color:#bf3000;
	font-weight:bold;
}

input.submitbtn {
	margin:0 0 0 13em;
}

input.error {
	border:2px solid #bf3000;
}

label.error { 
	float:none; 
	color:#bf3000;
	padding:0 0 0 13em;
	text-align:left;
	width:auto;
}

/* LAYOUT
******************************************/

#header,
#content,
#contenthome,
#footer {
	margin:0 auto;
	text-align:left;
	width:760px;
}

#headerwrappr {
	background:#fff url(../assets/headerbg.png) 0 0 repeat-x;
	height:175px;
}

#contentwrappr {
	background:#fbf9f7 url(../assets/contentwrapprbg.png) 0 0 repeat-y;
}

#content {
	background:#fff url(../assets/contentbg.png) right 0 repeat-y;
	padding:2em 0 2em 0;
}

#home #contentwrappr {
	background:#fff;
}

#home #content {
	background:#fff;
	padding:2em 0 2em 0;
}

#main {
	float:left;
	width:500px;
}

#sidebar {
	float:right;
	width:260px
}

#spad {
	padding:0 0 0 80px;
}

#footerwrappr {
	background:#f6f4f2;
	border-top:1px solid #e9e7e5;
	padding:1em 0 2em 0;
}