/* CSS Document */

/**
 * Default Theme Screen Styles
 *
 * @requires font, grids CSS
 *
 * Sheet organization:
 *  1)  Basic HTML elements
 *  2)  Font Sizing / Colours
 *  3)  Reusable classes
 *  4)  Page layout containers
 *  5)  Content blocks in specific layout containers
 *  6)  Navigation and menus
 *  7)  Browser hacks
 *  8)  jQuery and jQuery UI and Cufon Changes
 *  9)  Right-to-left language styles
 */

/** *******************************************************************
 * 1) Basic HTML elements
 **********************************************************************/
body {overflow:hidden;text-align:left;}
html {overflow:hidden;}
/** *******************************************************************
 * 2) Font Sizing / Colours
 **********************************************************************/
h1 {font-weight:bold;}
h2 {line-height:1.2em;}
#content p {line-height:1.5em;}
/** *******************************************************************
 * 3) Reusable classes
 **********************************************************************/
.padding {padding:30px;}
.ra 	{text-align:right;}
.r-content {margin-top:300px;}
/** *******************************************************************
 * 4) Page layout containers
 **********************************************************************/

 
/** *******************************************************************
 * 5) Content blocks in specific layout containers
 **********************************************************************/
#scroll {width:1280px;height:768px;overflow:hidden;position:relative;}
#container {width:2200px;height:2600px;position:relative;background:url(../img/bg.jpg);}
	#teaser {position:absolute;left:345px;top:400px;height:300px;width:960px;}
 	#content {position:absolute;left:740px;top:1500px;width:864px;}
	#about {position:absolute;left:0px;top:800px;height:500px;width:864px;}
	
#nav {top:90px;left:-300px;position:fixed;z-index:999;display:none;}
	#navopen {position:fixed;top:90px;left:0;width:40px;height:60px;z-index:999;zoom:1;}
		#navopen a {display:block;width:30px;height:130px;background:url(../img/nav-open.png) no-repeat;zoom:1;}
.sidebar .padding {padding:0 0 0 20px;}
/** *******************************************************************
 * 6) Navigation and menus
 **********************************************************************/
#nav {padding:5px 5px 5px 0;}
#nav ul {margin:0;}
#nav ul li {background:#000;padding:4px 8px 4px 30px;color:#fff;margin-bottom:1px;}
 	#nav ul li a {color:#fff;font-weight:bold;text-transform:uppercase;text-decoration:none;}
	#nav a:hover {color:#d83029;}
	
.viewproduction {display:block;width:400px;height:300px;cursor:pointer;}
.facebook {display:block;cursor:pointer;position:absolute;z-index:999;right:290px;bottom:0;height:50px;width:200px;text-indent:-999em;}
/** *******************************************************************
 * 7) Browser hacks
 ************************
 **********************************************/

 
 /** *******************************************************************
 * 8) jQuery and jQuery UI and Cufon Changes
 **********************************************************************/
 
	
 /** *******************************************************************
 * 9) Right-to-left language styles
 **********************************************************************/