/* ccs style sheet */

/* --------------general-------------------- */
strong {font-weight:bold;}
.bold {font-weight:bold;}
em {font-style:italic;}

abbr,acronym {border-bottom:1px dotted #000; cursor:help;} /*indicating to users that more info is available */
p, fieldset {margin-bottom:0.8em;line-height:1.2em;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;	padding:0px; margin:0px;}

.noUnderline {text-decoration:none;}

.blackLine {border-bottom:1px solid #29373f;margin-top:10px;}
#ft a {text-decoration:none;}

/* --------------headings------------------- */
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.1em;  
}
h2 {
	font-size:1.2em;
	font-weight:bold; 
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:0.6em 0 0.4em 0;
}


/* ----------------text--------------------- */
.intro {font-size:1.2em;line-height:1.2;color:#856702; font-weight:bold;}
.introLarge {font-size:1.4em;line-height:1.2;color:#856702; font-weight:normal;}
.small {font-size:0.8em;}
.medium {font-size:1.0em;}
.large {font-size:1.3em;}
.xlarge {font-size:1.5em;}


/* -----------------lists------------------- */
blockquote,ul,ol,dl {margin:1em;}
ol,ul,dl {margin-left:1em;}
ol li {list-style: decimal outside;}
ul li {list-style: none;}
.standardlist {list-style:disc;margin-left:10px;}


/* ----------------------------forms------------------------------- */

input {width:18em;border:solid 1px #cccccc;height:18px;color:#5b5a5b;}
textarea {width:18em;border:solid 1px #cccccc;color:#5b5a5b;}
label {width:7.5em;float:left;}

.login {width:10em;}
.searchInput {width:12em;height:1.2em;border:solid 1px #1b83b7;color:#5b5a5b;}

.resetInput {
	width:auto;
	height:auto;
	/*border:none;*/
	padding:0;
	margin:0;
}

.form {
	margin:4px 0 2px 0;
	padding:0px;
}
.form li {padding: 2px 0;margin: 2px 0 0 0px;}

/* -------------set heights--------------- */

.height-100 {
	height:100px;
}
.height-250 {
	height:250px;
}

/* -----------set padding and margins------------- */
.padding-30 {padding-top:30px;}	
.padding-20 {padding-top:20px;}
.padding-10 {padding-top:10px;}
.padding-5 {padding-top:5px;}
.padding-2 {padding-top:2px;}
.padding-right-30 {padding-right:30px;}
.padding-bottom-10 {padding-bottom:10px;}
.padding-bottom-0 {padding-bottom:0px;}
.padding-left-10 {padding-left:10px;}
.padding-left-25 {padding-left:25px;}
.margin-bottom-0 {margin-bottom:0px;}
.margin-bottom-5 {margin-bottom:5px;}
.margin-bottom-15 {margin-bottom:15px;}
.margin-top-30 {margin-top:30px;}
	

/* -------------------set widths------------------- */
.width-20 {width:20px;}
.width-80 {width:80px;}
.width-90 {width:90px;}
.width-430 {width:430px;}
.width-520 {width:520px;}


/* ---------------------colours-------------------- */
.red {color:#FF0000;}
.black {color:#000000;}
.grey {color:#7b7c7e;}
.white {color:#ffffff;}
.turquoise {color:#0697c9;}
.green {color:#a8ae00;}
.darkgreen {color:#856702;}
.blue {color:#0178bc;}
.orange {color:#ec7703;}

/* ---------------------nav--------------------- */
#nav {
	padding:0px 0 0 0px;
	margin:0 0 0px 20px;
}
#nav ul {
	margin:0 0 0 10px;
}	
#nav li  {
	padding:1px 0 1px 0px;
}
#nav li a {
	font: 1.6em Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	display:block;
	height:auto;	
	padding:0px;
	color:#7b7c7e;
}
#nav li a:hover {
	color:#a8ae00;	
}

#nav li a.navActive {
	color:#a8ae00;
}

/*--------------other styles-----------------------*/
#notes {
	padding:0 0 0 650px;
}
#main {
	padding:0 0 10px 7px;
}
#share {
	padding:0 0 20px 25px;
}
#contact {
/*	padding:230px 0 0 0;*/
	padding:43px 0 0 0;
}
.nestedPadding {
	padding:0 0px 0 20px;
}

/*-------------- about us page ---------------------*/
#about {
	background:url(images/pages-bg.jpg) no-repeat;
	height: 370px;
	padding:115px 150px 0px 125px;
	margin-left:7px;
	width:480px;
}
#blah {
	padding:0 0 0px 25px;
}

/*--------------- useful stuff -----------------*/
#stuff {
	background:url(images/stuff-bg.jpg) no-repeat;
	height: 370px;
	padding:55px 120px 0px 20px;
	margin-left:7px;
}
#stuff a {
	color:#7b7c7e;
}
#stuff a:hover {
	color:#a8ae00;
}
/*-------------- contact us page ---------------------*/
#contactPg {
	background:url(images/contact-bg.jpg) no-repeat;
	padding:55px 100px 0px 40px;
	margin-left:7px;
}
#keyContacts {
	padding:0 0 0px 40px;
}

/*-----------------portfolio--------------------*/
.portfolio {
	font-size:0.85em;width:170px;height:auto;display:block;background-image:none;padding:15px 0 0 0;
}
.portfolioActive {
	font-size:0.85em;width:170px;height:auto;display:block;background:url(images/portfolio-nav-bg.gif) no-repeat;padding:15px 0 0 0;
}
.portfolioActive p {
	color:#a8ae00;
}
/*-------------- slider - about us page -------------*/
#box {
  padding: 0 0 10px 5px;
  height: 280px;
  width: 450px;
  background: #ffffff;
  margin: -290px 0 0 0;  
}
#box-outer {
 overflow: hidden;
 height: 290px;
 margin: 0px 0 0 0;
}

/*-------------- slider - contact us page -------------*/
#box2 {
  padding: 0 0 10px 5px;
  height: 250px;
  width: 750px;
  background: #ffffff;
  margin: -260px 0 0 0;  
}
#box-outer2 {
 overflow: hidden;
 height: 260px;
 margin: 0px 0 0 0;
}

/*-------------- slider - portfolio page -------------*/
#box3 {
  padding: 10px 0 10px 30px;
  height: 350px;
  width: 420px;
  background: #ffffff;
  margin: -350px 0 0 0;  
}
#box-outer3 {
 overflow: hidden;
 height: 360px;
 margin: 0px 0 0 0;
}

/*----------------- notes pull down --------------------*/

            .loginbox 
            {
            	margin: 0px auto;
            	width:25px;
            	text-align:left;
                position: relative;
            }

            #contactFormContainer
            {
            	position:absolute;
            	left:53px;
            	float:right;
            }
            #contactForm
            {
            	height:60px;
            	width:230px;
				/*border:solid #e4e4a8 1px;*/
            	display:none;
				padding:10px 10px 0 20px;
				/*background-color:#F5F5E1;*/
				background:url(images/paper-bg.gif) no-repeat;
				text-align:center;
            }
                    
            #contactLink
            {
            	/*height:24px;
            	width:69px;*/
            	/*background-image:url('slidein_button.png');*/
            	display:block;
            	cursor:pointer;
				padding:0 0 0 650px;
            }
/*--------------------xmas page--------------------------*/
#xmas {
	background:url(images/snow-bg.jpg) no-repeat;
	padding:0px 0px 0px 20px;
	margin-left:7px;
	margin-top:0px;
	width:750px;
}
/*------------------world cup pg--------------------------*/
#worldcup {
	background:url(images/football-bg.jpg) no-repeat;
	padding:0px 0px 0px 20px;
	margin-left:7px;
	margin-top:0px;
	width:750px;
}