/* CSS Document */

#left-content
{
width: 483px;
cursor: default;
height: 235px;
margin-left: 20px;
margin-top: 10px;
background: url(../images/paper.jpg) no-repeat;
}

#written-content
{
float: left;
width: 420px;
padding-left: 70px;
padding-top: 60px;
color: #330000;
font-weight: bold;
font-size: 14px;
}


#left-content h3
{
color: #990000;
margin-bottom: 3px;
font-size: 17px;
width: 400px;
}

#left-content p
{
width: 380px;
font-size: 13px;
margin-bottom: 2px;
}

#left-content p a
{
color: #006633;
text-decoration:none;
font-size: 14px;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

#written-content p a:hover
{
color: #663300;
text-decoration:none;
}

#hand
{
margin-top: 0px;
position: relative;
width: 378px;
height: 336px;
background: url(../images/hand.jpg);
}


#right-content
{
float: right;
cursor: default;
width: 415px;
margin-right: 32px;
margin-top: -220px;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

* html #right-content
{
margin-right: 15px;
margin-top: -220px;
}

@font-face {
font-family: Scratch;
src: url("../fonts/Scratch.ttf") format("truetype");
}

#right-content h2
{
color: #FFFFCC;
/*font-family: "Scratch", Helvetica, Verdana, Sans-Serif;*/
font-family:Geneva, Arial, Helvetica, sans-serif;
}

#right-content #image_latest img
{
float: left;
margin-top: 6px;
width: 180px;
height: 150px;
border: 1px solid #FFFFCC;
}

#links
{
float:left;
position: relative;
width: 185px;
margin-top: 160px;
margin-left: -180px;
}

#links .style2 a
{
color:#FFFFCC;
font-size: 12px;
font-weight: bold;
position:relative;
padding-right: 5px;
text-decoration: none;
}

#links .style2 a:hover
{
text-decoration:none;
color: #CCCC00;
}

#links .style3 a
{
color:#FFFFCC;
font-size: 12px;
font-weight: bold;
text-decoration:none;
}

#links .style3 a:hover
{
text-decoration:none;
color: #CCCC00;
}

#right-content #info
{
float: right;
width: 220px;
}

#info h4 a
{
color:#CCCC00;
margin-bottom: 3px;
text-decoration: none;
}

#info h4 a:hover
{
color: #00CCCC;
text-decoration: none;
}

#info p
{ 
color: #FFFFFF;
font-size: 12px;
margin-bottom: 15px;
margin-top: 5px;
}

#portfolio_link 
{
float:left;
overflow: hidden;
margin-left: 800px;
margin-top: -335px;
position: relative;
}

* html #portfolio_link
{
margin-left: 380px;
margin-top: -320px;
}

#portfolio_link a
{
float: left;
width: 152px;
height: 52px;
background: url(../images/portfolio_link.jpg) 0 -52px no-repeat;
text-indent: -9999px;

}

#portfolio_link a:hover
{
background: url(../images/portfolio_link.jpg) 0 0 no-repeat;
}


#gallery_link 
{
float:left;
overflow: hidden;
position: relative;
margin-left: 60px;
}

* html #gallery_link
{
margin-left: 30px;
}

#gallery_link a
{
float: left;
width: 290px;
height: 36px;
background: url(../images/cssyorkshireLink.jpg) 0 0px no-repeat;
text-indent: -9999px;
}

#gallery_link a:hover
{
background: url(../images/cssyorkshireLink.jpg) 0 -36px no-repeat;
}


#vault_link 
{
float:left;
overflow: hidden;
position: relative;
margin-left: 15px;
margin-top: 5px;
}

* html #vault_link
{
margin-left: 5px;
margin-top: 5px;
}

#vault_link a
{
float: left;
width: 90px;
height: 35px;
background: url(../images/vaultLink.jpg) 0 0px no-repeat;
text-indent: -9999px;
}

#vault_link a:hover
{
background: url(../images/vaultLink.jpg) 0 -35px no-repeat;
}

#csscontainer_link 
{
float:left;
overflow: hidden;
position: relative;
margin-left: 15px;
margin-top: 5px;
width: 100px;
}


#csscontainer_link a
{
float: left;
width: 100px;
height: 35px;
background: url(../images/css_container.jpg) 0 0px no-repeat;
text-indent: -9999px;
}

#csscontainer_link a:hover
{
background: url(../images/css_container.jpg) 0 -35px no-repeat;
}


#cssdelight_link 
{
float:left;
overflow: hidden;
position: relative;
margin-left: 15px;
margin-top: 5px;
width: 90px;
}


#cssdelight_link a
{
float: left;
width: 90px;
height: 35px;
background: url(../images/delightLink.jpg) 0 0px no-repeat;
text-indent: -9999px;
}

#cssdelight_link a:hover
{
background: url(../images/delightLink.jpg) 0 -35px no-repeat;
}

#psdAd
{
float: left;
margin-left: 537px;
margin-top: -165px;
position: relative;
width: 400px;
height: 179px;
background: url(../images/ad1.jpg) no-repeat;
}



.publishAd
{
float: right;
position: relative;
margin-top: -370px;
margin-right: 210px;
width: 274px;
height: 175px;
background: url(../images/publishad.jpg) no-repeat;
}

#quote
{
float: left;
width: 451px;
height: 101px;
background: url(../images/quote1.jpg) no-repeat;
margin-left: 520px;
margin-top: 25px;
}

* html #quote
{
margin-left: 250px;
margin-top: -96px;
}

#quote p
{
text-indent: -9999px;
}

.style12 
{
color: #C0C081;
font-size: 12px;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

#itop 
{
float:left;
margin-left: 60px;
margin-top: -90px;
overflow: hidden;
}

* html #itop
{
margin-left: 30px;
}

#itop a
{
float:left;
/*width: 116px;
height: 59px;
background: url(../images/top.jpg) 0 -59px no-repeat;*/
text-indent: -9999px;
width: 110px;
height: 50px;
background: url(../images/top1.jpg) 0 0 no-repeat;
}

#itop a:hover
{
background: url(../images/top1.jpg) 0 -50px no-repeat;
}

#ad
{
float: right;
width: 500px;
margin-right: 30px;
margin-top: -40px;
}

#ad p
{
color:#999999;
font-size: 10px;
}

#ad p a
{
text-decoration:none;
color: #666666;
font-size: 10px;
}

#ad p a:hover
{
text-decoration:none;
color: #CCCCCC;
font-size: 10px;
}

.slider
{
width: 370px;
height: 180px;
border: 1px solid #000;
margin-top: 20px;
background-color: #fbfbfb;
}


.slider ul, .slider li,
	.slider2 ul, .slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		border: none;
		}
	.slider2{margin-top:1em;}
	.slider li, .slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:370px;
		height:180px;
		overflow:hidden;
		text-decoration: none;}	
.slider img
{
border: none;
		
		}

.ribbon
{
float: right;
margin-top: -203px;
margin-right: 23px;
position:relative;
background: url(../images/ribbon.png) no-repeat;
width: 192px;
height: 193px;
}

* html .ribbon
{
margin-right: 17px;
}

.rr 
{
float:right;
overflow: hidden;
position: relative;
margin-right: 240px;
margin-top: 5px;
}

* html .rr
{
margin-left: 380px;
margin-top: -320px;
}

.rr a
{
float: right;
width: 120px;
height: 25px;
background: url(../images/screen.jpg) 0 -25px no-repeat;
text-indent: -9999px;

}

.rr a:hover
{
background: url(../images/screen.jpg) 0 0 no-repeat;
}


.rr2
{
float:right;
overflow: hidden;
display: inline;
position: relative;
margin-right: 100px;
margin-top: -24px;
}

* html .rr2
{
margin-left: 380px;
margin-top: -320px;
}

.rr2 a
{
float: right;
width: 120px;
height: 25px;
background: url(../images/visit.jpg) 0 -25px no-repeat;
text-indent: -9999px;

}

.rr2 a:hover
{
background: url(../images/visit.jpg) 0 0 no-repeat;
}

#links_a .style3 a
{
color:#FFFFCC;
font-size: 12px;
font-weight: bold;
text-decoration:none;
}

#links_a .style3 a:hover
{
text-decoration:none;
color: #CCCC00;
}

h4
{
color: #DFDF00;
font-size: 17px;
}


@font-face {
    font-family: Delicious-Roman;
    src: url(../fonts/delicious/Delicious-Roman.otf);
    font-weight: bold;
}


#written-content h3
{
font-family: 'Delicious-Roman', arial, serif;
font-size: 20px;
line-height: 19px; 
}