body, html
{
 width: 100%;
 height: 100%;
 margin: 0px;
 padding: 0px;
 font-family:"Courier New","Times New Roman",Georgia,Serif;
 /*background-image:url('images/block-images/art-content.png');*/
 background-position:center top;
 background-repeat:no-repeat;
 background-color: #1c0803;
 font-size:0.9em;
}

div
{
 padding: 0;
 margin:0;
 display:block;
 position:relative;
}

img
{
	position: relative;
}

p
{
  font-family: "Arial", "Halvetica", "Cambri", Serif; 
}

h1, h2, h3, h4, h5, h6
{
  font-weight:300;
}

h1
{
  font-size:3.46em;
}

h2
{
  font-size:3em;
}

h3
{
  font-size:1.46em;
}

h4, h5, h6
{
  font-size:0.87em;
}

input, textarea
{
	position: relative;
	z-index: 100;
}

a
{
	text-decoration: none;
	color: #7f5b4f;
}

a:link
{
	color: #7f5b4f;
}

a:hover
{
	text-decoration:underline;
}

li a
{
	text-decoration: none;
	color: #3d160c;
	font-weight: 600;
	letter-spacing:1px;
}

li:hover
{
	/*background-image: url(images/texture.png);*/
	color:#FFFFCC;
	text-decoration:none;
}


form div
{
	background-image: url(images/body-background-transparent.png);
	z-index: 15;
	padding: 5px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
}

 acronym, abbr
 {
	text-decoration: none;
	border: none;
	color: #2a1608;
 }
 
 blockquote
 {
	background-image: url(images/quote.png);
	background-repeat:no-repeat;
	background-position: 36px 0px;
}

div.closure
{
 width:100%;
 height: 1px;
 clear: both;
 /*background-color:#D5D4C1;*/
 z-index: 0;
}

/** Menus Lists generic **/
ul.horizontal li
{
 float: left;
 list-style: none;
 margin-left: 1em;
}

ul.horizontal li.leaf, ul.horizontal li.expanded
{
 float: left;
 list-style: none;
 margin-left: 1em;
}

div#header div#page-menu ul.horizontal li.expanded ul.horizontal
{
	position: absolute;
	left: 0;
	color:#D5D4C1;
	top:62px;
	display:block;
	padding-left: 20px;
}

ul.horizontal li.expanded ul.horizontal li a
{
	color:#D5D4C1;
}

li.active a
{
 text-decoration: underline;
}

/** Menu Spesific **/

/** Primary Menu **/
div#primary-menu
{
 width: 450px;
 height: 56px;
 left: 392px;
 top: -109px;
 position: absolute;
}

body#front div#primary-menu
{
 width: 432px;
 height: 56px;
 margin: 60px auto 5px;
 position: relative;
 left:0;
 top:0;
}

div#primary-menu ul
{
 padding:0;
 margin:0;
 width: 450px;
 height: 53px;
 clear: left;
}

div#primary-menu ul li
{
 width: 103px;
 height: 53px;
 display: block;
 margin-left: 31px;
 float: left;
 font-size: 0.93em;
}

div#primary-menu ul li a
{
 background-image:url('images/buttons.png');
 display:block;
 width: 100%;
 height:100%;
 text-indent:-500px;
 overflow:hidden;
}

body#audio div#primary-menu ul li a#audio
{
 background-position: 0 0;
}

body#art div#primary-menu ul li a#art
{
 background-position: -103px 0;
}

body#webdevelopment div#primary-menu ul li a#webdevelopment
{
 background-position: -206px 0;
}

div#primary-menu ul li a#audio
{
 background-position: 0 53px;
}

div#primary-menu ul li a#art
{
 background-position: -103px 53px;
}

div#primary-menu ul li a#webdevelopment
{
 background-position: -206px 53px;
}

div#primary-menu ul li a#audio:hover
{
 background-position: 0 106px;
}

div#primary-menu ul li a#art:hover
{
 background-position: -103px 106px;
}

div#primary-menu ul li a#webdevelopment:hover
{
 background-position: -206px 106px;
}

/** secondary menu **/
div#secondary-menu ul
{
 margin-left:0;
 padding-left:20px;
}

/** Content Spesific **/

/** Header **/
div#header
{
 width:800px;
 height: 134px;
 margin:0 auto;
 z-index: 5;
}

div#header h1
{
  font-size:3.46em;
  font-weight:200;
  margin:18px 0 23px 55px;
  padding:0;
  display:block;
  position:absolute;
}

body#front div#header h1
{
  font-size:3.46em;
  font-weight:200;
  margin:5px 0 23px 55px;
  padding:0;
  display:block;
}

div#header h1:first-letter
{
  vertical-align: top;
}

div#header h1#logo
{
  background-image:url('images/logo.png');
  background-repeat:no-repeat;
  text-indent:-1000px;
  width:683px;
  height:76px;
  overflow: hidden;
}

div#header div#search-box
{ 
  position:absolute;
  top:0;
  right:0;
  width: 163px;
  height:18px;
}

div#header div#page-menu
{
	height:20px;
	left:-56px;
	position:absolute;
	top:103px;
	width:510px;
}

body#front div#header div#page-menu
{
	top:72px;

}


body#front div#header div#page-menu ul
{
	margin: 0;
	padding:0;
	display:block;
	float:right;
}

div#header div#page-menu ul
{
	margin: 0;
	padding:0;
	display:block;
	float:left;
}

div#header div#search-box input
{
 border:solid 1px #000; 
 border-top:none;
 border-right:none;
 font-style:italic;
 color:#888;
 padding:0;
 height:17px;
 float:left;
 margin:0;
 width:143px;
}

div#header div#search-box input:focus
{
 font-style:normal;
 color:#000;
}

div#header div#search, div#header div#search-box form div
{
	font-style:normal;
	color:#000;
	-moz-border-radius-bottomleft:1px;
	-moz-border-radius-bottomright:1px;
	-moz-border-radius-topleft:1px;
	-moz-border-radius-topright:1px;
	background-image:url(images/body-background-transparent.png);
	padding:0px;
	z-index:15;
}


div#header div#search-box input#search-button
{
 border:solid 1px #000; 
 border-top:none;
 border-left:none;
 padding:0;
 margin:0;
 display:block;
 background-image:url('images/search.png');
 width:18px;
 height:17px;
 text-indent:-100px;
 float:right;
 clear:none;
 overflow:hidden;
}

/** Body **/
div#content
{
  width:794px; 
  margin:114px auto 0; 
  background-image:url('images/body-background.png');
  border-bottom:  3px solid #50819b;
  background-repeat:repeat-y;
}

div#body
{
  width: 656px;
  border: 3px solid #50819b;
  background-color: #d5d4c1;
  border-bottom:none;
  float: left;
  margin-top: -50px;
  padding: 0 10px;
}

body#front div#body
{
  width: 768px;
  margin-top: -147px;
}

body#portfolio div#body
{
  width: 768px;
}


body#dev div#body
{
  border-color: #50819b;;
}

div#body p
{
  margin: 16px 35px 16px 70px;
  font-size:inherit;
  line-height:200%;
  color: #180804;
  font-size:0.9em;
}

body.node-type-web-portfolio div#body p
{
	margin: 16px 12px 16px 12px;
	text-align:justify;
}

div#body h1, h2, h3, h4, h5, h6
{
  margin:0.4em 35px;
}
/*
div#body div.item-list
{
 display: block;
 height: auto;
 width: 500px;
 float: right;
}

div#body ul.item-list ul.pager
{
 margin:0;
 padding:0;
 font-size:0.75em;
}

div#body div.item-list ul.pager li
{
 margin:0 0.3em;
 padding:0;
}

div#body div.item-list ul.pager li.pager-first
{
 margin:0 0.6em 0 0.3em;
 color: #4a3b33;
}

div#body div.item-list ul.pager li.pager-previous
{
 margin:0 0.6em 0 0.3em;
 color: #4a3b33;
}

div#body div.item-list ul.pager li.pager-next
{
 margin:0 0.3em 0 0.6em;
}

div#body div.item-list ul.pager li.pager-last
{
 margin:0 0.6em 0 0.3em;
 color: #4a3b33;
}
*/
body#art div#body h1, h2, h3, h4, h5, h6
{
  color: #7e4e3f;
}

body#front div#body h1, h2, h3, h4, h5, h6
{
  color: #7e4e3f;
  text-align: center;
}

body#art div#body h2
{
  font-size:3em;
}

div#body div.content img.imagecache-Site-Portfolio-Screenshot-Page
{
	margin: 10px auto;
	position: relative;
	display: block;
	width: 450px;
	border: 2px solid #50819B;
}
div#body div.content a.site-portfolio-url
{
	font-size: 1.1em;
	color: #5f383e
}
/** admin menu
div#body span.thmr_call
{
	display:block;
	padding:0 30px;
}

div#body ul span.thmr_call
{
	display:inline;
	padding:0 5px;
}

span div.admin-panel div.body p.description
{
	margin: 0 0 3px !important;
}

dl.admin-list dd
{
	margin-left: -20px
}

span#thmr_1
{
	margin-left: 65px;
}

span#thmr_7
{
	margin-left:-65px;
}**/

/** Secondary Menu **/
div#secondary-menu 
{
  background-image:url(images/body-secondary-menu-top.png);
  background-position:1px 0;
  background-repeat:no-repeat;
  float:left;
  width:112px; 
}

div#secondary-menu ul
{
 list-style-image:url('images/bullet-astrick.png');
}

div#secondary-menu ul li
{
 font-size:.7em;
 line-height:2.5em;
 width: 77px;
 color: #180804;
 vertical-align:top;
}

/** PAGES**/
div#body p.attention
{
	color:#533550;
	font-size:large;
	line-height:130%;
	margin-bottom:35px;
	margin-right:70px;
	text-align:justify;
}

/** Footer **/

div#footer
{
 clear:both;
 float:right;
 font-size: 0.7em;
 color: #4a3b33;
 margin: 35px 0 0 0;
 width:100%;
 text-align:right;
 clear:both;
}

div#footer span#signature
{
	float:right;
	clear: both;
}

div#footer span#copyright
{
	float:right;
}

div#footer img#portrat
{
 position:absolute;
 padding:0;
 margin:0;
 left: -245px;
 top: -189px;
 width:275px;
 height:297px;
 z-index:5;
}

body#front div#footer img#portrat
{
 position:absolute;
 padding:0;
 margin:0;
 left: 252px;
 top: -219px;
 width:275px;
 height:297px;
}

body#portfolio div#footer img#portrat
{
	position:absolute;
	padding:0;
	margin:0;
	left: 231px;
	top: -211px;
	width:275px;
	height:297px;
}


/** Portfolio Style **/
div#body div.view-web-portfolio
{
	width: 750px;
	margin: 0 auto;
}

div#body div.view-web-portfolio .views-field-title
{
	text-align: center;
}

div#body div.view-web-portfolio a.imagecache-Site-Portfolio-Screenshot-Teaser
{
	width: 248px;
	height: 186px;
	display: block;
	margin:  0 auto;
	position: relative;
}

div#body div.view-web-portfolio a.imagecache-Site-Portfolio-Screenshot-Teaser img
{
	width: 75%;
	height: 75%;
	display: block;
	margin: auto;
	position: relative;
}
div#body div.view-web-portfolio td
{
	width: 248px;
}

div#body div.view-web-portfolio tr.row-3 td.col-2
{
	/*padding-left:248px;*/
}

div#body div.view-web-portfolio tbody {
border-top:none;
}

/** list type exparament **/
div#body div.view-web-portfolio ul li
{
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	width:248px;

} 

div#body div.view-web-portfolio ul li.views-row-last
{
	margin-left: 248px;
}

/** Portfolio Spesific Style **/
.field-field-site-screenshot
{
	margin-right: -85px;
	width: 500px;
	float: right;
}

/** Formating style **/
div.keeper
{
 float:right;
 width:0px;
 height:224px;
}

div#header-background
{
 position: absolute;
 top:0;
 z-index: 0;
 background-image: url(images/header.png);
 background-repeat: repeat-x;
 height: 134px;
 width: 100%;
 min-width:800px !important;
 left:0px;
}

body#front div#header-background
{
 position: absolute;
 top:-30px;
 z-index: 0;
 background-image: url(images/header.png);
 background-repeat: repeat-x;
 height: 134px;
 width: 100%;
 min-width:800px !important;
}

div#header-background-bottom
{
  background-image:url(images/header-bottom.png);
  height:32px;
  position:absolute;
  top:128px;
  width:50%;
}

body#front div#header-background-bottom
{
  visibility: hidden;
}

div#header-background-bottom div#header-background-bottom-diagnal
{
  background-image:url(images/header-bottom-diagnol.png);
  background-position:left;
  background-repeat:no-repeat;
  background-color:#1c0903;
  height:32px;
  width:48px;
  float:right;
}

div#header-background-bottom div#header-background-bottom-spacer
{
  background-color:#1C0903;
  background-image:url(images/header.png);
  background-position:0 -131px;
  background-repeat:repeat-x;
  float:right;
  height:29px;
  margin-top:3px;
  width:181px;
}

/* Fixing stuff */
.grippie
{
	padding: 0;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 1px;	
	-moz-border-radius: 1px;
	border-radius: 1px;
}

.sticky-header
{
	z-index: 20;
}

tr.odd .form-item, tr.even .form-item 
{
}

/* Views styling */
#views_slideshow_thumbnailhover_breakout_teasers_1
{
	width: 170px;
	float: left;
	border-right: 1px dashed #50819b;
	z-index:100;
	display: block;
	position: relative;
}

#views_slideshow_thumbnailhover_breakout_teasers_1 .views_slideshow_thumbnailhover_div_breakout_teaser
{
	cursor: pointer;
	height: 180px;
}

#views_slideshow_thumbnailhover_breakout_teasers_1 .field-content
{
	width: 170px;
	height: 131px;
}

#views_slideshow_thumbnailhover_breakout_teasers_1 .field-content img
{
	width: 80%;
	height: 80%;
	padding: 10px 0 15px;
	margin-left: 17px;
}
/*
#views_slideshow_thumbnailhover_breakout_teasers_1 div.views-field-title span
{
	display: block;
	font-size: 1em;
	margin: 10px 0 0 0;
}*/

#views_slideshow_thumbnailhover_breakout_teasers_1 div.views_slideshow_thumbnailhover_div_breakout_teaser
{
	width: 170px;
}

div#body div.views_slideshow_thumbnailhover_teaser_section p
{
	margin-left: 35px;
	text-align: justify; 
}

#views_slideshow_thumbnailhover_main_1 div
{
	width: 460px;
	float: right;
}

#views_slideshow_thumbnailhover_image_count_1
{
	width: 180px;
	text-align: right;
	color: #a2a180;
	float: right;
	margin-top: -20px;
}

#views_slideshow_thumbnailhover_controls_1
{
	text-align: center;
}

/** Loading CSS **/
div#loading
{
	position:absolute;
	z-index: 10000; 
}
/*this is what we want the div to look like
when it is not showing*/
div.loading-invisible{
/*make invisible*/
	display:none;
}

	/*this is what we want the div to look like
	when it IS showing*/
div.loading-visible{
	/*make visible*/
	display:block;

	/*position it 200px down the screen*/
	position:absolute;
	top:157px;
	left:0;
	width:100%;
	text-align:center;

	/*in supporting browsers, make it
	a little transparent*/
	opacity:.9;
}

div#loading div
{
	background:#d5d4c1;
	border:medium #50819b solid;
	display:block;
	width: 200px;
	height: 25px;
	margin: 0 auto;
	padding: 25px 0;
}

div#loading div p
{
	margin: 0;
}


div#loading div img
{
	height: 25px;
	width:25px;
	padding-bottom: 25px;
}


/**** Amazon themeing ****/
div.amazon-item
{
	padding-top: 20px;
}

div.amazon-item img
{
	width:33%;
	height:33%;
	margin-right: 20px;
}