html, body{

	margin: 0px;
	padding: 0px;
	background-image: url(design_images/webdesigner_page_bg.jpg);
	background-color: #DADCC3;
	height: 100%;
	text-align: center;

}

#top {
	position:absolute;
	right:135px;
	top:0px;
	width:200%;
	height:160px;
	background-image:url(design_images/webdesigner_top_bg_860.jpg);
	background-position:right;
	background-repeat:no-repeat;
	z-index: 1;
	overflow: visible;
	visibility: visible;

}

#mainbody{
	position:relative;
	width:750px;
	z-index:11;
	border: 1px none #000000;
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
	}
	

#logo{
	position:absolute;
	left:495px;
	top:36px;
	width:300px;
	height:45px;
	z-index:2;
	background-image: url(design_images/webdesigner_logo.jpg);
	border: 1px none #000000;
	background-repeat: no-repeat;
	visibility: visible;
	}
	
#menu{
	position:absolute;
	left:330px;
	top:81px;
	width:465px;
	height:26px;
	z-index:5;
	border: 1px none #000000;
	visibility: visible;
	}	

#menu ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;	
}		
#menu ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
    float:left;
}
	
#poza{
	position:absolute;
	left:0px;
	top:36px;
	width:330px;
	height:405px;
	z-index:6;
	background-image: url(design_images/web_design_photo_bg.jpg);
	border: 1px none #000000;
	background-repeat: no-repeat;
	visibility: visible;
	}
	
#page{
	position:absolute;
	left:0px;
	top:107px;
	width:750px;
	z-index:4;
	background-image: url(design_images/webdesigner_main_bg.jpg);
	border: 1px none #000000;
	background-repeat: repeat-y;
	overflow: visible;
	text-align:right;
	float: right;
	visibility: visible;
	}	
	

#josborder{
	width:750px;
	height:61px;
	z-index:3;
	background-image: url(design_images/webdesigner_bottom.jpg);
	border: 1px none #000000;
	background-repeat: no-repeat;
	visibility: visible;
	overflow: visible;
	float: right;
	}		

#credits {
	width:750px;
	height:20px;
	z-index: 3;	
	border: 1px none #000000;
	overflow: visible;
	background-color: #DADCC3;
	visibility: visible;
	float: right;	
}	
#copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	font-weight: normal;
	color: #AFB09D;
	float: right;
	text-align:right;
	padding-right: 78px;

}

#credits ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;	
}		
#credits ul li {
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
	display: block;
    float:left;
}
#credits a {
	color: #AFB09D;
	font-weight: normal;
	text-decoration: none;
}
#credits a:hover {
	color: #A62D38;
	text-decoration:underline;
}
#credits p {
	color: #A62D38;
}

	
#content{
	width:420px;
	z-index:3;
	overflow: visible;
	background-image: url(design_images/web_designer_content_bg.jpg);
	border: 1px none #000000;
	background-repeat: no-repeat;
	text-align:right;
	float: right;
	}		
	
#heading1 {
	width:180px;
	height:40px;
	z-index:3;
	border: 1px none #000000;
	background-repeat: no-repeat;
	background-position:left bottom;
	overflow: hidden;
	padding-top:43px;
	padding-right:60px;
	float: right;
}

.h1index {
	background-image: url(webdesigner_images/index_heading_1.jpg);
}

.h1profile {
	background-image: url(profile_images/profile_heading_1.jpg);
}
.h1work {
	background-image: url(work_images/work_heading_1.jpg);
}

.h1contact {
	background-image: url(contact_images/contact_heading_1.jpg);
}

#heading2 {
	width:180px;
	height:40px;
	z-index:3;
	border: 1px none #000000;
	background-repeat: no-repeat;
	background-position:left;
	overflow: hidden;
	padding-right:60px;
	float: right;
}

.h2index {
	background-image: url(webdesigner_images/index_heading_2.jpg);
}

.h2profile {
	background-image: url(profile_images/profile_heading_2.jpg);
}
.h2work {
	background-image: url(work_images/work_heading_2.jpg);
}

.h2contact {
	background-image: url(contact_images/contact_heading_2.jpg);
}

#graphic_text {
	width:360px;
	height:170px;
	z-index:3;
	border: 1px none #000000;
	background-repeat: no-repeat;
	background-position:left;
	visibility: visible;
	padding-right:60px;
	float: right;
}

.gtindex {
	background-image: url(webdesigner_images/web_design_synopsis.jpg);
}

.gtprofile {
	background-image: url(profile_images/web_design_agency.jpg);
}
.gtwork {
	background-image: url(work_images/web_design_work.jpg);
}

.gtcontact {
	background-image: url(contact_images/web_design_contact.jpg);
}


#text {
	width:330px;
	z-index:3;
	border: 1px none #000000;
	overflow: visible;
	padding-right:78px;
	text-align: right;
	float: right;	
}

#textleft {
	position: absolute;
	top: 460px;
	right: 20px;
	width: 200px;
	text-align: justify;

}

#textleft a {
	color: #7C98AE;
	text-decoration: none;

}

#portfolio{
	width:330px;
	z-index:3;
	border: 1px none #000000;
	overflow: visible;
	padding-right:78px;
	float: right;	
}

p {
	/*font-family: Georgia, "Times New Roman", Times, serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;*/
	/*font-size: 12px;
	font-size: .70em;*/
	font: 75%/140% arial, verdana, sans-serif;	
	font-weight: normal;
	letter-spacing: 0;	
	color: #97988a;
	/*text-align:justify;*/

}	

a {
	color: #A62D38;
	font-weight: normal;
	text-decoration:underline;
}
	
a:hover {
	color: #B0AD73;
	text-decoration:none;
	}	
		
.accessible	{display:none}

.blue {
	font: 95%/140% Georgia, Times, serif;	
	color: #7C98AE;
	font-weight: bold;

}		


/* ---  Portfolio---*/

.portfolio {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
	float: right;
	text-align: right;
}


.portfolio li.buton a, .portfolio li.buton a:visited {
	width: 290px;
	height: 68px;
	font: 75%/140% arial, verdana, sans-serif;	
	color: #97988a;	
	display: block;
	margin: 3px 0;
	text-decoration: none;
	padding: 0px;
	background: url(design_images/lista_bg.gif) no-repeat;
	border: 1px dashed #e7e7e7;
	}


.portfolio li.buton a:hover {
	background-image:  url(design_images/lista_bg.gif);
	background-position: 0 -68px;
	background-color: #F8F8F3;
	color: #B6352F;
	/*border: 1px solid #e7e7e7;*/
}
.portfolio img {
	margin:4px;
	vertical-align: middle;
	border: none;
	padding: 4px;
	background: url(design_images/thumbs_bg.gif) no-repeat;	
	margin-left: 20px;
}
.portfolio a:hover img {
background-position: 0 -58px;	
}

.nextpage {
	width: 100%;
	margin-top: 5px;
	margin-left: 0;
	padding-left: 0;
	display: inline;	
	list-style: none;
	float: right;	

}

.nextpage li {
	margin: 2px;	
	padding: 0;
	list-style: none;
	display: block;
    float: right;
}

.nextpage li.page a, .nextpage li.page a:visited  {
	width: 15px;
	height: 15px;
	font: 70%/140% arial, verdana, sans-serif;	
	color: #97988a;	
	display: block;
	margin: 0px 0;	
	text-decoration: none;
	text-align: center;
	background-color: #F2F3EB;
	border: 1px solid #e7e7e7;	

}
.nextpage li.curent a, .nextpage li.curent a:visited  {
	width: 15px;
	height: 15px;
	font: 70%/140% arial, verdana, sans-serif;	
	color: #97988a;	
	display: block;
	margin: 0px 0;	
	text-decoration: none;
	text-align: center;
	background-color: #FDFDFD;
	border: 1px solid #e7e7e7;	

}
.nextpage li.page a:hover {
	background-color: #CCD6E0;
	color: #FFFFFF;
	border: 1px solid #7C98AE;	


}