/* CSS Document */

/*
-----------------------------------------------
Nomad Productions 
Copyright 2006 Simon Lawson
Designer: Candy Gourlay | candy@mediagrafika.net
URL:      http//:nomadproductions.co.uk; http//:nomadproductions.biz, http//:nomadproductions.org.uk
Date:     September 2006
----------------------------------------------- */

body {
  margin:0px;
  padding:0px;
  font: 1.2em Verdana, Arial, sans-serif;
  text-align:center;
  font-size/* */:/**/medium;
  font-size: /**/medium;
  background:#000000 url(../images/basic_logo.gif) top right no-repeat;
  /*if it appears too far to the right, move bg image to content div*/
  }
a:link {
	text-decoration:underline; 
	color:#339999; 
	font-weight:bold;
	}
a:visited {
	color:#CC3300;
	}
a:hover {
	text-decoration:none;
	color:#CC6600;
	}
a image {
	border-width:0;
	}

 /* Content
----------------------------------------------- */
@media all {
  #content {
    width:800px;
    margin:0 auto;
    padding:0;
    text-align:left;
	  }
  #main {
    margin: 142px 45px 0px 0px;
	width:400px;
    float:right;
	background-color:#eed;
	padding:2% 6%;
	color:#333333;
    }
   html>body div#main {margin-right:90px;}
   
  #sidenav {
    width:200px;
    float:left;
	}
  
}
@media handheld {
  #content {
    width:90%;
    }
  #main {
    width:100%;
    float:none;
    }
  #sidebar {
    width:100%;
    float:none;
    }
  }
 
 /* Sidenav elements 
----------------------------------------------- */
/*vertical nav on left-hand side*/

#sidenav ul {list-style:none; margin:270px 0 0 0; padding:0px;}

#sidenav li {	
	line-height:16px; 
	text-align:left;
	padding: 0.5em 0px 0.5em;
	border-bottom: 1px solid #CC3300;
		}

#sidenav ul ul {margin:0;padding-left:20px;}

#sidenav li li {border-bottom:none; }
		
#sidenav a {display: block; text-decoration:none; color:#FFFFFF;font-weight:normal;}

#sidenav a.active, #sidenav a:hover {
	background-color:#FF0000; 
	}
/*classes that set background images for sidenav*/

.about {
background-image:url(../images/chickenfoot.jpg);
background-position: top left;
background-repeat: no-repeat;
}
.production {
background-image:url(../images/zoe.jpg);
background-position: top left;
background-repeat: no-repeat;
}
.tv {
background-image:url(../images/mikey.jpg);
background-position: top left;
background-repeat: no-repeat;
}
.radio {
background-image:url(../images/radiovision.jpg);
background-position: top left;
background-repeat: no-repeat;
}
.training {
background-image:url(../images/reporting2.jpg);
background-position: top left;
background-repeat: no-repeat;
}
.consultancy {
background-image:url(../images/leper2.jpg);
background-position: top left;
background-repeat: no-repeat;
}
.portfolio {
background-image:url(../images/hungry-girl.jpg);
background-position: top left;
background-repeat: no-repeat;
}
.links {
background-image:url(../images/river-xing.jpg);
background-position: top left;
background-repeat: no-repeat;
}
.contact {
background-image:url(../images/IDBethlehem.jpg);
background-position: top left;
background-repeat: no-repeat;
}

/*horizontal nav at bottom of page*/
#navbar {
	background-color:#FF0000;
	float:left;
	clear:both;
	margin:0px 0px 50px 0px;
	color:#ffffff;
	width:100%;		
	} 

#navbar ul {margin:0 auto; padding:0 0 0 100px;}

#navbar li {
	list-style:none; float:left; margin-top:0px; padding-top:0px; 
	width:100px; 
	font-size:12px; line-height:20px; text-align:center;
	}
		
#navbar a {display: block; text-decoration:none; color:#FFFFFF; font-weight:bold;}

#navbar a.active, #navbar a:hover {
	font-size:14px; 
	}

/* Classes for positioning images  
----------------------------------------------- */
.imageright {float:right; padding:20px 0px 10px 20px; margin:0;}
.imageleft {float:left; padding:10px 20px 10px 0px; margin:0;}

/* Classes for portfolio page
-----------------------------*/
.portfolio_head {font:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;
font-size:small; line-height:.2em;}
.portfolio_subhead {font:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:small; 
line-height:.2em}
.portfolio_text {font:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:small;
line-height:.2em}
.portfolio_image {margin:0 0 10px 0; padding:0; border:thin solid black;}

/* Footer for copyright notice
----------------------------------------------- */
#footer {
	float: right; 
	clear:both; 
	text-align:right;
	font:Arial, Helvetica, sans-serif; 
	font-size:x-small; 
	color:#CCCCCC;
	margin-top:30px; 
	padding: 0px 50px 30px 0px; 
	}