/*reset*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin: 0; padding: 0; text-align: right}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,bold,th,var{font-style:normal;font-weight:normal}
caption,th {text-align:left}
q:before,q:after{content:''}
abbr,acronym {border:0}
body{font:13px Arial, Helvetica, sans-serif; text-align:center}
table {font-size:inherit}
select, input, textarea {font:99%  Arial, Helvetica, sans-serif;}
pre, code {font:115% monospace}
img, a img {border: none}
table {margin-bottom: 1.2em; font-size: 1em; text-align: center}
form {margin: 0}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px}
.floatleft {float:left;}
.floatright {float:right; margin:0 0 15px 15px; clear:both}
.screen-readers {position:absolute;left:-9999px;top:-9999px;z-index: 2}

html, body {height: 100%; margin: 0 0 1px; padding: 0}
body { text-align:centre; padding:0 0; color:#333333}	
	
/*GENERAL LINKS BEHAVIOUR*/
a:link, a:visited {color:#333333; text-decoration:none}
a:hover, a:active{color:#333333; text-decoration:underline}

/*SPECIFIC LINKS BEHAVIOUR*/
.navbar a:link {color:#FFF}
.navbar a:visited {color: #FFF}
.navbar a:hover {color: #FFF; text-decoration:underline}
.navbar a:active {color: #FFF}

.bottomtext a:link {color:#FFF; font-weight:bold}
.bottomtext a:visited {color: #FFF}
.bottomtext a:hover {color: #FFF; text-decoration:underline}
.bottomtext a:active {color: #FFF}

/*GENERAL TEXT*/
p, h1, h2, h3, h4, h5, h6{margin: 0 0;text-align: left}
h1{font-size:140%; text-align: center;font-weight:bold;color:#333333; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif}
h2{font-size: 140%;	font-weight: bold;	text-align: left;color: #999}
h3{font-size:140%; text-align: left;font-weight:bold;color:#333333}
h4, h5{font-size:120%}
hr{display:none}

/*MAIN LAYOUT*/
.head-wrapper { font-size:100%;	 padding:0 0 0 0;background: url(../images/skin/header-background2.png) repeat-x 0 0; height:119px}
.head { width:940px;  margin:0 auto; padding:0 0; float:left; display:inline}
.maintext{
	font-size: 110%;
	text-align: left;
}
.maintextlink{
	text-align: left; font-weight:bold
}
.contact{
	font-size: 110%;
	text-align: left;
	margin-left: 20px
}
   li.maintext {}	
.titles{font-size:140%;	font-weight:bold; text-align:center; color:#333}
.bottomtext{font-size: 100%; color: #FFF; text-align: left}
.bottom_titles{font-size: 140%;	font-weight: bold;	text-align: left;color: #999}
.gallery_titles{font-size: 140%; font-weight: bold;	text-align: center;color: #fff; margin:0px 0px 0px 0px}
.content {margin-left:185px; margin-top:14px; width:695px;  height:100%; display:inline;} 
.maintable {border-spacing: 10px; text-align:left}
.homecontent {margin-left:25px; margin-top:14px; width:855px;  height:100%; display:inline; text-align:center} 

.bottomtable {margin-bottom: 1.2em;	font-size: 1em;	text-align: center; border-spacing: 20px;}
.bottom-wrapper {font-size:100%; text-align:center; padding:0 0 0 0;background: url(../images/skin/header-background2.png) repeat-y 0 0; height:100%}
.bottom-text {margin-left: 25px; width: 830px; font-size:100%; text-align:center; padding:0 0 0 0; height:100%}

#titlebar {font-size:100%;background: url(../images/skin/titlebar.png); margin-top: 18px; height:20px; text-align:center; repeat 0 0 } 
#all {width:100%; height:100%; margin:0px 0px 0px 0px; ; z-index:0}

#logo {width:200px; float:left; margin:8px 0px 0px 23px}

#wrapper {margin:0px auto;
	text-align:center;
	width: 880px;
	padding:0 0;
	position: relative}
	
	#container {background: url(../images/skin/header-background3.png) repeat-y 0 0;
	margin:0px ;
	text-align:center;
	width: 540px;
	padding:0 0;
	position: relative}
	
#wrapper2 {background: url(../images/skin/header-background3.png) repeat-y 0 0;
	margin:0px auto;
	text-align:center;
	width: 880px;
	padding:0 0;
	position: relative}
		
#bar {font-size:100%; padding:10px 0px 0px 0px;background: url(../images/skin/bar.png); height:30px; text-align:center}

#footer {text-align:center; width: 880px; padding:0 0 0 0; position: relative}
		
/*TOP MENU DIV*/
#topmenu ul {display:inline; margin:0 0 0 0}
#topmenu li {margin:0 0 5px 0;
	float:right;
	vertical-align: top;
	text-align: right;
	margin-left: 0px;
	display:inline;
	font-size:100%;
	font-weight:bold}
#topmenu a {display:block; margin-right:0px; margin-left:0px;  height:25px; width:90px}
#topmenu span {position:absolute;left:-9999px;top:-9999px;z-index: 2}
#topmenu {height:25px;
	width:450px;
	float:right;
	background:none;
	margin:16px 6px 0 0px}

/*TOP MENU BUTTONS*/
#links 
{ display:block; width: 91px; height: 50px; background: url("../images/skin/links.png") no-repeat 0 0;}

#home 
{ display:block; width: 91px; height: 50px; background: url("../images/skin/home.png") no-repeat 0 0;}

#blog 
{ display:block; width: 83px; height: 40px; background: url("../images/skin/blog-button.png") no-repeat 0 0;}
#facebook 
{ display:block; width: 40px; height: 40px; background: url("../images/skin/facebook_badge.png") no-repeat 0 0;}
#pinterest 
{ display:block; width: 40px; height: 40px; background: url("../images/skin/pinterest_badge.png") no-repeat 0 0;}
#etsy 
{ display:block; width: 72px; height: 40px; background: url("../images/skin/etsy_badge.png") no-repeat 0 0;}
  
#contact 
{ display: block; width: 91px; height: 25px; background: url("../images/skin/contact.png") no-repeat 0 0;}
  
  #profile 
{ display: block; width: 91px; height: 25px; background: url("../images/skin/profile.png") no-repeat 0 0;}
  
  #press 
{ display: block; width: 91px; height: 25px; background: url("../images/skin/press.png") no-repeat 0 0;}
  
 /*TOP MENU ROLLOVER*/  
  #links:hover, #home:hover, #contact:hover, #press:hover, #profile:hover {background-position: 0 -25px; text-align: left}
  
   #blog:hover, #facebook:hover, #etsy:hover, #pinterest:hover {background-position: 0 -40px; text-align: left}
  
/*LEFT MENU*/
#leftmenu ul {  display:inline; margin:0 0 0 0; }
#leftmenu li {  margin:15px 0px 0; float:left; vertical-align: top; text-align: center ;margin-left: 0px;display:inline; font-size:140%; font-weight:bold}
#leftmenu a {display: block; margin-right: 0px;	margin-left: 0px; height: 48px;	width: auto}
#leftmenu span {position:absolute;left:-9999px;top:-9999px;z-index : 2}
#leftmenu {height: auto; width: 160px;	margin:13px 0 0 25px; float: left}

/*LEFT MENU BUTTONS*/

#landscapes
{ display: block; width: 150px; height: 48px; background: url("../images/skin/landscapes.png") no-repeat 0 0}
  
 #fantasy-art
  { display: block; width: 160px; height: 48px; background: url("../images/skin/fantasy.png") no-repeat 0 0}
  
 #design
  { display: block; width: 160px; height: 48px; background: url("../images/skin/design.png") no-repeat 0 0}
  
 #portraits
  { display: block; width: 160px; height: 48px; background: url("../images/skin/portraits.png") no-repeat 0 0}
  
 #book_illustration
  { display: block; width: 160px; height: 48px; background: url("../images/skin/book.png") no-repeat 0 0}

    #landscapes_title
{ display: block; width: 150px; height: 48px; background: url("../images/skin/landscapes_title.png") no-repeat 0 0}
  
 #fantasy-art_title
  { display: block; width: 160px; height: 48px; background: url("../images/skin/fantasy_title.png") no-repeat 0 0}
  
 #design_title
  { display: block; width: 160px; height: 48px; background: url("../images/skin/design_title.png") no-repeat 0 0}
  
 #portraits_title
  { display: block; width: 160px; height: 48px; background: url("../images/skin/portraits_title.png") no-repeat 0 0}
  
 #book_illustration_title
  { display: block; width: 160px; height: 48px; background: url("../images/skin/book_title.png") no-repeat 0 0}

  
  
 /*LEFT MENU ROLLOVER*/  
 #landscapes:hover, #fantasy-art:hover, #design:hover, #book_illustration:hover, #portraits:hover {background-position: 0 -48px; text-align: left}

 /*SOCIAL BAR*/ 
#social ul {display:inline; margin:0 0 0 0}
#social li {margin:0 0 5px 0;
	float:right;
	vertical-align: top;
	text-align: right;
	margin-left: 0px;
	display:inline;
	font-size:100%;
	font-weight:bold}
#social a {margin-right:0px; margin-left:0px;  height:40px; }
#social span {position:absolute;left:-9999px;top:-9999px;z-index: 2}
#social {height:40px;
	width:245px;
	float:right;
	background:none;
	margin:20px 23px 0 10px}
	
	

	
/* ----- float fix ----- */
 .head-wrapper:after, .head:after, .content-wrapper:after, .content:after, .footer-wrapper:after, .footer:after, .box:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 	margin-top: auto;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
 .head-wrapper, .head, .content-wrapper, .content, .footer-wrapper, .footer, .box {display:block}
/*  \*/
 .head-wrapper, .head, .content-wrapper, .content, .footer-wrapper, .footer, .box {min-height:1%}
 * html .head-wrapper, * html .head, * html .content-wrapper, * html .content, * html .footer-wrapper, * html .footer, * html .box {height:1%}
 /*  */
/* ----- end float fix ----- */