@CHARSET "UTF-8";

/*MAIN CSS*/
body{
	background: #fff url(../images/glass.jpg) no-repeat center top; 
	text-align:left; 
	font-size: 14px;
	font-weight:100;
	margin:0 auto; 
	min-width:960px;
	font-family:'a_OldTyperRegular', Verdana, Geneva, Arial, Helvetica, sans-serif;
	overflow:auto;
}

article{
	/*border:solid 1px #000;*/
	width: 576px;
	text-align:left;
	font-size:18px;
	position:absolute;
	left:40%;
	top:60px;
	height:429px;
	padding: 10px;
	margin:0px;
}

nav{
	position: absolute;
	top:510px;
	min-width:960px;
	left:40%;
	margin-left:-290px;
}

aside{
	/*border:solid 1px #000;*/
	width:384px; 
	text-align:right;
	font-size:18px;
	position:absolute;
	right:60%;
	top:60px;
	height:429px;
	padding: 10px 10px 0px 0px;
	margin:0px;
}

h1{
	font-size:30px;
	font-weight:100;
	margin:11px 0px;
	padding:0px;
}

h2{
	font-size:24px;
	font-weight:100;
	margin: 9px 0px;
	padding:0px;
}

br{
	margin:0px;
	padding:0px;
}

.short{
	size:150px;
	background: url(../images/1x150trans.png) repeat center top;
	border: solid #000 1px;
	padding: 5px;
	margin: 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	font-family:monospace;
	font-size:12px;
}

.long{
	size: 250px;
	background: url(../images/1x150trans.png) repeat center top;
	border: solid #000 1px;
	padding: 5px;
	margin: 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	font-family:monospace;
	font-size:12px;
}

.orange{
	color:#f90;
}

.black{
	color:#000;
}

.white{
	color:#fff;
}

.textLeft{
	text-align:left;
}

.textRight{
	text-align:right;
}

.topper{
	vertical-align:top;
	padding-top:0px;
}

.leftWhiteWash{
	background:url(../images/whiteWash.png) repeat-x; 
	height:429px;
	width:40%;
	min-width:384px;
	position:absolute; 
	padding:0px;
	top:60px;
	left:0;  
	z-index:-1;
}

.rightOrangeCrush{
	background:url(../images/orangeCrush.png) repeat-x; 
	height:429px;
	width:60%;
	min-width:576px;
	position:absolute; 
	padding:0px;
	top:60px;
	right:0;  
	z-index:-1;
}

.sgiLogoismo{
	position:absolute;
	top:5px;
	left:1080px;
	padding:0px;
	z-index:4;
}
/*MENU STUFF: */
.menuItem a{
	font-size:26px;
	padding:0px 20px;
	color:#000;
	text-decoration:none;
}

.menuItem a:hover{
	color:#666;
}
/*MENU STUFF END: */

/*HOME PAGE STUFF: */
.homePadARoonie{	
	font-size:28px;
	font-weight:100;
	color:#fff;
	padding: 35px 0px 50px 110px;
}

.theFrazzleBump{
	margin-right: -70px;
	position:absolute;
	top:100px;
	right:60%;
}

.placingTheHomeArrow{
	margin-right: -114px;
	position:absolute;
	top:112px;
	right:60%;
}

.placingTheWhyArrow{
	margin-right: -107px;
	position:absolute;
	top:143px;
	right:60%;
}

.placingTheSoString{
	margin-right: -50px;
	position:absolute;
	top:420px;
	right:60%;
}

.theFrazzleExtenderBump{
	margin-right: -70px;
	position:absolute;
	top:246px;
	right:60%;
}

.buddySystemBump{
	position:absolute;
	top:299px;
	width:150px;
	right:60%;
	margin-right:-400px;
}

.beardedWonder{
	color:#fff;
	font-size:10px;
	position:absolute;
	top:395px;
	right:60%;
	margin-right:-250px;
}

/*HOME PAGE END*/

/*CONTACT PAGE */
.placingTheContactArrow{
	margin-right: -55px;
	position:absolute;
	top:150px;
	right:60%;
}
/*CONTACT PAGE END */

/*WHY WE DO THIS*/
.theLean{
	margin-right: 30px;
	position:absolute;
	top:70px;
	right:60%;
}

.straightNarrow{
	width:200px;
}
/*WHY WE DO THIS END*/

footer{
	overflow:auto;
	border-top:3px #333 solid;
	position:absolute;
	min-width:960px;
	background:#fff;
	opacity:.70;
	top:640px;
	width:100%;
	margin: 15px 0px 0px 0px; 
	height:150px; 
	color:#f60;
	text-align:left; 
	font-size:12px;
	font-weight:lighter;
	padding:10px;
	z-index:3;
}

/*FLOATS*/
.clear{clear:both;}
.right{float:right;}
.left{float:left;}

.fish{
	margin-right: 10px;
	position:absolute;
	top:50px;
	right:30%;
	float:left;
}

.feedFish{
	float:right;
	color:#f60;
	font-size: 24px;
	margin-top: 10px;
}

.private{
	border-radius:5px;
	-moz-border-radius:5px;
	position:relative;
	background:#fff;
	opacity:.50;
	height:230px;
	width:280px;
	padding:5px;
	
}

.linkStyle{
	color: #555;
	text-decoration:none;
}