/*******************************
 * STYLESHEET HIGH GRAPHICS
 * BY JOHAN HÖÖG
 * 20070809
*******************************/


/*******************************
 * HTML
*******************************/

body {
	width: 805px;
	margin: 0 0 0 0;
	font: x-small "Helvetica", Arial, Verdana sans-serif;
	color: #969696;
	line-height: 140%;
	padding: 0px 0px 0px 0px;
	background: url("../css/bodyBg.gif") repeat #ffffff;
}

body#new {
	width: 805px;
	margin: 0 auto;
	font: x-small "Helvetica", Arial, Verdana sans-serif;
	color: #969696;
	line-height: 140%;
	padding: 0px 0px 0px 0px;
	background: url("../css/body_bg4.png") repeat #000000;
}

/*******************************
 * Unique ID's
*******************************/

div#wrapper_top {
	float: left;
	width: 805px;
	height: 10px;
	margin: 20px 0 0 0;
	background: url("../css/wrapper_top_bg.png") no-repeat top left;
	line-height: 100%;
}

div#wrapper {
	float: left;
	width: 805px;
	/* STUPID IE */
	w\idth: 745px;
	/* /STUPID IE */
	padding: 10px 40px 30px 40px;
	margin: 0 0px 20px 0;
	background: #ffffff;
    background: url("../css/wrapper_bg.png") repeat-y;
}

div#top {
	float: left;
	width: 725px;
	padding: 0 0px 0 0px;
	margin: 0px 0px 0px 0px;
}

div#container {
	float: left;
	width: 730px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

div#containerWide {
	float: left;
	width: 740px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

div.columnFull_flash {
	float: left;
	display: inline;
	width: 725px;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
}

div.columnFull {
	float: left;
	display: inline;
	width: 725px;
	padding: 0 0 25px 0;
	margin: 0 0 25px 0;
	background: url("../css/spacer_color.png") no-repeat center bottom;
}

div.columnFull_mini {
	float: left;
	display: inline;
	width: 725px;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	background: url("../css/spacer_color.png") no-repeat center bottom;
}


div.columnOne {
	float: left;
	display: inline;
	width: 170px;
	padding: 0 0 0 0;
	margin: 0 15px 0 0;
}

div.columnOneOne {
	float: left;
	display: inline;
	width: 355px;
	padding: 0 0 0 0;
	margin: 0 15px 0 0;
}

div.columnTwo {
	float: left;
	display: inline;
	width: 170px;
	padding: 0 0 0 0;
	margin: 0 15px 0 0;
}

div.columnThree {
	float: left;
	display: inline;
	width: 170px;
	padding: 0 0 0 0;
	margin: 0 15px 0 0;
}

div.columnFour {
	float: left;
	display: inline;
	width: 170px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

div.projectCell {
	float: left;
	display: inline;
	width: 160px;
    w\idth: 170px;
	padding: 0px;
	margin: 0 15px 20px 0;
    /*border: 1px solid #cdcdcd;*/
}

div.projectCell img {
    border: 0px;
}

/*******************************
 * CLASSES
*******************************/

.img {
	border: 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.img_logo {
	float: left;
	display: inline;
	border: 0px;
	margin: 16px 0 16px 0;
	padding: 0 0 0 0;
}

.img_yuat {
	float: right;
	display: inline;
	border: 0px;
	margin: 12px 0 0px 0;
	padding: 0 0 0 0;
}

.img_spons {
	margin: 0 0 10px 0;
	border: 0px;
}

.projectImg {
	border: 0px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

.aboutImg {
	border: 0px;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
}

.topSpacerOne {
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

.topSpacerTwo {
	margin: 15px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}

.contentSpacer {
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}


/******************************
 * TEXT CLASSES
*******************************/


h1 {
	font-size: 240%;
	letter-spacing: -2px;
	font-style: normal;
	font-weight: bold;	
	text-transform: uppercase;
	color: #828282;
	padding: 0 0 0 0;
	margin: 0 0 15px 0;
}

h1.inline {
	display: inline;
}

h1.spacer {
	display: inline;
	color: #00aeef;
}

h1.yellow {
	display: inline;
	color: #e6e600;
}

h2 {
	font-size: 110%;
    text-transform: uppercase;
	letter-spacing: 0px;
	font-style: normal;
	font-weight: bold;	
	color: #828282;
	padding: 0 0 0 0;
	margin: 0 0 1px 0;
}

h2.inline {
	display: inline;
}

h3 {
	display: inline;
	font-size: 110%;
    text-transform: uppercase;
	letter-spacing: 0px;
	font-style: normal;
	font-weight: bold;	
	color: #828282;
	padding: 0 0 0 0;
	margin: 0 0 1px 0;
}

h3.black_normal {
	display: block;
	color: #000000;
}

h3.black {
	display: inline;
	color: #000000;
}

h3.normal {
	display: inline;
	font-weight: normal;
}

h3.bold {
	display: inline;
}

h3.spacer {
	display: inline;
	color: #00aeef;
}

h2.front_title {
	margin: 3px 0 1px 0;
}

p {
	font-size: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}


/*******************************
	LINKS
*******************************/


a, a:active, a:visited {
	color: #00aeef;
	text-decoration: none;
}

a:hover {
	color: #00aeef;
	text-decoration: underline;
}

/**********************
 *  FORM PROPERTIES
**********************/


.submit {
	font-family: "Helvetica", Arial, Verdana, sans-serif; 
	width: 50px;
	font-weight: normal;
	border: 0px;
	color: #ffffff;
	margin-top: 5px;
	background-color: #00aeef;
	font-size: 100%;
	padding: 2px;
}
.textField {
	font-family: "Helvetica", Arial, Verdana, sans-serif; 
    color: #828282;
	width: 166px;
	border: 1px solid #ebebeb;
	margin: 2px 0 5px 0;
	font-size: 100%;
	padding: 2px;
	display: block;
}

/*******************************
	LISTS
*******************************/

ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}

li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-image: url("menu_blobb.gif");
	list-style: table;
}

/*******************************
	MENU NAV
*******************************/

div.menuOne {
	float: left;
	display: inline;
	width: 170px;
	padding: 0 0 0 0;
	margin: 0 15px 0 0;
}

div.menuTwo {
	float: left;
	display: inline;
	width: 170px;
	padding: 0 0 0 0;
	margin: 0 15px 0 0;
}

div.menuOne a, div.menuTwo a {
	display: block;
	height: 24px;
	background-repeat: no-repeat;
	cursor: pointer;
}

div.menuOne em, div.menuTwo em {
	display: none;
}

div.menuOne a {
	background-image: url(btn_work.png);
}

div.menuTwo a {
	background-image: url(btn_about.png);
}

div.menuOne a:hover, div.menuTwo a:hover {
	background-position: left bottom;
}