/*---------------------------------------------------------


      ___            ___            ___            ___      
     /  /\          /  /\          /  /\          /__/|     
    /  /::\        /  /::\        /  /:/         |  |:|     
   /  /:/\:\      /  /:/\:\      /  /:/          |  |:|     
  /  /:/~/:/     /  /:/  \:\    /  /:/  ___    __|  |:|     
 /__/:/ /:/___  /__/:/ \__\:\  /__/:/  /  /\  /__/\_|:|____ 
 \  \:\/:::::/  \  \:\ /  /:/  \  \:\ /  /:/  \  \:\/:::::/ 
  \  \::/~~~~    \  \:\  /:/    \  \:\  /:/    \  \::/~~~~  
   \  \:\         \  \:\/:/      \  \:\/:/      \  \:\      
    \  \:\         \  \::/        \  \::/        \  \:\     
     \__\/          \__\/          \__\/          \__\/     



---------------------------------------------------------*/

/* &) body

------------------------------------------------------------------ */

body {
	margin:0px 0px 0px 0px;
	background:#000;
	}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333333;
	}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	}

/* &) wrapper

------------------------------------------------------------------ */
#wrapper {	
	margin:0 auto;
	width:915px;
	height:100%;
	}
#rcloud {
	background: fixed url(../images/cloud-right.png) right bottom no-repeat;
	position: fixed;
	bottom:0;
	right:0;
	height: 372px;
	width:528px;	
}
#lcloud {
	background: fixed url(../images/cloud-left.png) left bottom no-repeat;
	position: fixed;
	bottom:0;
	left:-10px;
	height: 315px;
	width: 329px;
	z-index: 20;
	}
#bottom {
	background: url(../images/bg_bottom.jpg) center bottom repeat-x;
	height:48px;
	width:100%;
	position: fixed;
	bottom:0;
	left:0;
	}

/* &) header

------------------------------------------------------------------ */
#header {
	width:915px;
	height:111px;
	float:left;
	}
#header h1 {	
	font-family:Cooper Black, Georgia, "Times New Roman", Times, serif;
	color:#666666;
	font-size:48px;
	background-color:#fff;
	padding-left:25px;
	}
#header .navigation {	
	width:200px;
	height:10px;
	margin-top:45px;
	float:left;
	}
#header .navigation ul {
	margin-top:15px;
	margin-left:-25px;
	}
#header .navigation li {	
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	display:inline;
	list-style:none;
	padding-left:10px;
	}
#header .navigation a {	
	text-decoration:none;
	color:#fff;
	}
#header .navigation a:hover {	
	text-decoration:underline;
	color:#c90a02;
	}
#header .logo {	
	width:467px;
	height:90px;
	margin-left:50px;
	margin-top:5px;
	float:left;
	}
	
/* &) mainbody

------------------------------------------------------------------ */
#mainbody {	
	width:915px;
	height:100%;
	margin-top:10px;
	margin-bottom:75px;
	float:left;
	}
#mainbody a {	
	color:#fff;
	text-decoration:none;
	}
#mainbody a:hover {	
	color:#fff;
	text-decoration:underline;
	}	
	
/* &) polaroid box

------------------------------------------------------------------ */
#blank {	
	width:221px;
	height:201px;
	margin-left:10px;
	margin-top:10px;
	float:left;
	}
#box {	
	width:221px;
	height:201px;
	background-color:#fff;
	margin-left:10px;
	margin-top:10px;
	float:left;
	}
#box .img {	
	background-color:#000;
	width:200px;
	height:134px;
	margin-top:11px;
	margin-left:10px;
	}
#box .view a {
	width:200px;
	height:29px;
	}
#box .view a:hover {
	background: url(../images/boxrollover.jpg) no-repeat;
	width:200px;
	height:29px;
	}
#box p {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	}
#box a {	
	text-decoration:none;
	color:#333333;
	}
#box a:hover {	
	text-decoration:underline;
	color:#333333;
	}	
#bigbox {	
	width:915px;
	height:100%;
	background-color:#000;
	margin-left:10px;
	margin-top:10px;
	float:left;
	}
#bigbox .webexample {	
	width:400px;
	height:100%;
	margin-top:25px;
	margin-left:25px;
	margin-bottom:25px;
	float:left;
	}
#bigbox .vimeo {	
	width:400px;
	height:100%;
	margin-top:25px;
	margin-left:25px;
	margin-bottom:25px;
	float:left;
	}
#bigbox .text {	
	width:400px;
	min-height:100px;
	margin-top:25px;
	margin-left:35px;
	float:left;
	}
#bigbox .text {	
	width:425px;
	min-height:100px;
	margin-top:25px;
	float:left;
	}
#bigbox .text p {
	color:#fff;
	}	
#bigbox .text h1 {
	color:#fff;
	}
	
/* &) left navigation

------------------------------------------------------------------ */
#webnavigation {	
	width:200px;
	min-height:300px;
	height:100%;
	margin-left:50px;
	float:left;
	}
#webnavigation h1 {	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#fff;
	}
#webnavigation ul {
	margin-left:-25px;
	}
#webnavigation li {
	list-style:none;
	color:#fff;
	font-size:14px;
	margin-left:-10px;
	}
#webnavigation a {	
	color:#0fc3e8;
	text-decoration:none;
	}
#webnavigation a:hover {	
	color:#c90a02;
	text-decoration:underline;
	}
#webthumbs {	
	width:350px;
	height:150px;
	float:left;
	}
#webthumbs .title {	
	width:350px;
	height:44px;
	float:left;
	}
#webthumbs .box {
	width:107px;
	height:101px;
	float:left;
	background-color:#fff;
	margin-right:7px;
	}
#webthumbs .box img {	
	width:95px;
	height:85px;
	margin-left:7px;
	margin-top:6px;
	float:left;
	}

/* &) showcase 

------------------------------------------------------------------ */
#webshowcase {	
	width:525px;
	height:100%;
	margin-top:-25px;
	float:left;
	}
#webshowcase h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	font-weight:normal;
	color:#fbb829;
	}
#webshowcase h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:normal;
	color:#ff6600;
	margin-top:-15px;
	}
#webshowcase a {	
	color:#ff6600;
	text-decoration:none;
	}
#webshowcase a:visited {	
	color:#fbb829;
	text-decoration:none;
	}
#webshowcase a:hover {
	color:#ff6600;
	text-decoration:underline;
	}
#webtitle {	
	width:525px;
	height:65px;
	margin-left:-25px;
	float:left;
	}	
#webtitle p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:40px;
	color:#fff;
	text-decoration:underline;
	}
	
/* &) contact

------------------------------------------------------------------ */
#contactinfo {	
	width:525px;
	height:100%;
	margin-top:-75px;
	float:left;
	}
#contactinfo p {	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:75px;
	color:#fbb829;
	}	
#contactinfo a {	
	color:#fbb829;
	text-decoration:none;
	}	
#contactinfo a:hover {	
	color:#fbb829;
	text-decoration:underline;
	}	
#contactinfo h4 {	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:115px;
	color:#ff6600;
	font-weight:normal;
	margin-top:-70px;
	}	

/* &) Topper

------------------------------------------------------------------ */

#topper {	
	width:992px;
	height:180px;
	background: url(../images/tumblr_header.jpg) no-repeat;
	float:left;
	}
#topper .navigation {	
	margin-left:80px;
	margin-top:110px;
	}
#topper .navigation img {
	margin-left:-5px;
	}	
#blog {	
	width:520px;
	height:892px;
	float:left;
	}