* {margin:0;padding:0}

body{
   min-height: 770px;
   min-width: 1020px;
   margin-bottom:40px;
   font: normal 1em "Times New Roman", Times, serif;
}

#home {
	height: 705px;
	width: 927px;
	margin: 0 auto;
}

#home h1{
	text-indent: -9999px;
	}

#maincontainer{
   width:1010px;
   margin:0 auto;
   background: #FFF url("images/blank-page.jpg") no-repeat 4px 3px;
   position:relative;
   min-height: 770px;
   padding:0;
}

#ricola{
padding-top: 10px;
float: right;
}

#maincontainer.pro{
   background: #FFF url("images/profile.jpg") no-repeat 0px 0px;
}

#maincontainer.where{
   background: #FFF url("images/where.jpg") no-repeat 0px 1px;
}

#maincontainer.ice-cream{
   background: #FFF url("images/ice-cream.jpg") no-repeat 0px 1px;
}

#maincontainer.jobvine{
   background: #FFF url("images/jobvine.jpg") no-repeat 4px 3px;
}

#maincontainer.how{
   background: #FFF url("images/how.jpg") no-repeat 0px 0px;

}

#maincontainer.contact{
   background: #FFF url("images/contact.jpg") no-repeat 0px 0px;
}

#maincontainer.pro #back a,#forward a{
   background: #FFF url("images/profile_left.gif") no-repeat 0px 0px;
   top:0;
   left:0;
}

#maincontainer.pro #back,#back a{
   background: #FFF url("images/profile_left_flip.gif") no-repeat;
   width: 80px;
   height: 620px;
   position:absolute;
   top:25px;
   left:21px;
}

#maincontainer.where #back a,#forward a{
   background: #FFF url("images/where_left.gif") no-repeat 0px 0px;
   top:0;
   left:0;
}

#maincontainer.where #back,#back a{
   background: #FFF url("images/where_left_flip.gif") no-repeat;
   width: 80px;
   height: 620px;
   position:absolute;
   top:25px;
   left:21px;

}

#maincontainer.ice-cream #back a,#forward a{
   background: #FFF url("images/ice-cream_left.gif") no-repeat 0px 0px;
   top:0;
   left:0;
}

#maincontainer.ice-cream #back,#back a{
   background: #FFF url("images/ice-cream_left_flip.gif") no-repeat;
   width: 80px;
   height: 620px;
   position:absolute;
   top:21px;
   left:16px;

}




#back,#back a{
   width: 80px;
   height: 620px;
   position:absolute;
   top:24px;
   left:21px;
   background: #FFF url("images/left_flip.gif") no-repeat;
}

#forward,#forward a{
   background: #FFF url("images/right_flip.gif") no-repeat;
   top:27px;
   right:3px;
   width:80px;
   height: 580px;
   position:absolute;
}

#back a,#forward a{
   background: #FFF url("images/left.gif") no-repeat;
   top:0;
   left:0;
}

#forward a{
	background: #FFF url("images/right.gif") no-repeat
}


#maincontainer.where #forward{
   background: #FFF url("images/where_right_flip.gif") no-repeat 0px 2px;
}

#maincontainer.where #forward a{
	background: #FFF url("images/where_right.gif") no-repeat 0px 2px;
}

#maincontainer.ice-cream #forward{
   background: #FFF url("images/ice-cream_right_flip.gif") no-repeat -3px -4px;
}

#maincontainer.ice-cream #forward a{
	background: #FFF url("images/ice-cream_right.gif") no-repeat -3px -4px;
}





img.hidden{
	display:none;
}




#back a span,#forward a span{
	display: none;
}



#back a:hover,#forward a:hover{
	background:transparent
}

#maincontainer.pro #back a:hover, #maincontainer.pro #forward a:hover{
	background:transparent
}

#maincontainer.where #back a:hover, #maincontainer.where #forward a:hover{
	background:transparent
}

#maincontainer.ice-cream #back a:hover, #maincontainer.ice-cream #forward a:hover{
	background:transparent
}


#leftcolumn{
   float:left;
   width: 400px;
   margin:40px 0 0 100px;
   display:inline;/* ie double margin bug*/
   position:relative;
    z-index:1;
}

.contact #leftcolumn{
   margin:10px 0 0 40px;
}

#leftcolumn a, #contactright a{
   color: #808080;
   font-size: 12px;
}


#rightcolumn{
   float:right;
   width: 450px;
   margin:0 30px 0 0;
   display:inline;
}

#contactright {
	margin:180px 0 0 -50px;
}

#contact_buttons {
	margin:260px 0 0 -50px;
}

#contact_buttons img{
	border: 0px;
}

.twitter{
	display: block;
	height: 34px;
	background: transparent url("images/twitter.gif") no-repeat top left;
	width: 235px;
	float: left;
}

.twitter:hover{
	display: block;
	height: 105px;
	background: transparent url("images/twitter.gif") no-repeat top left;
	width: 235px;
	float: left;
}

.skype{
	display: block;
	height: 34px;
	background: transparent url("images/skype.gif") no-repeat top left;
	width: 235px;
	float: left;
}

.skype:hover{
	display: block;
	height: 105px;
	background: transparent url("images/skype.gif") no-repeat top left;
	width: 235px;
}

.twitter span, .skype span{
	display: none;
}

b{
   font-weight: bold;
}

h1{
   font-size: 20px;
   margin:0 0 0.7em 0;
   text-align: center;
}

h2{
   font-size: 16px;
   text-align: center;
   margin:1.7em 0 0.7em 0;
}



a{
   color: #808080;
   text-decoration: none;
   outline: none;
}

a:hover{
   color: #000;
}

#leftcolumn a{
   color: #808080;
   text-decoration: none;
   outline: none;
}

#leftcolumn a:hover{
   color: #000;
}



img.left{
   float: left;
   margin:0 10px 10px 0;
   display:inline;
}

#contents ul,  #links ul{
   list-style: none;
   text-align: center;
}

#contents li, #links li{
   padding-bottom: 1em;
}

#leftcolumn ul {
	margin-left: 20px;
}

#copyright{
   padding:120px 50px 0 25px;
   font-size: 0.8em;
}

#contents{
   padding-top: 155px;
   font-size: 1em;
   text-align: center;
   width: 400px;
   margin:auto;
}

#links{
   padding-top: 85px;
   font-size: 1em;
   text-align: center;
   width: 400px;
   margin:auto;
}

#smallbook{
   width:718px;
   margin:0 auto;
   background: transparent url("images/booksm.gif") no-repeat 20px 100px;
   position:relative;
   min-height: 616px;
   padding:200px 0 0 0;
   text-align:center;
}

#smallbook p{
   padding-left:150px;
	padding-right:150px;
	padding-top:100px;
	letter-spacing:3px;
	font-size: 1.1em;
}


#profileleft{
	padding:200px 50px 0 25px;
	text-align: left;
}

#profileright{
	padding:40px 54px 0 10px;
	text-align: left;
}

#profilerightfgr{
	padding:74px 54px 0 10px;
	text-align: left;
}

#howright{
	padding:69px 54px 0 10px;
	text-align: right;
}

#profileright p,#whatisleft p, #wheredoleft p, #howtoleft p, #howright p, #greatright p, #currentlyleft p, #profilerightfgr p{
	padding-top: 10px;
	font-size: 0.95em;
}

#leftcolumn p {
	padding-top: 10px;
	font-size: 0.95em;
}

#copyright p {
	padding-top: 0px;
	font-size: 0.95em;
}

#profileright a{
	color: #808080;
}

#profileright a:hover{
	color: #000;
}

#whatisleft{
	padding:180px 10px 0 10px;
	text-align: left;
}


#whatisleft h1,h2, #wheredoleft h1, #howtoleft h1, #greatright h1, #currentlyleft h1{
	text-align: center;
}

#whatisleft h2{
	padding-top: 20px;
	color: #808080;
}

#whatisleft h2:hover{
	color: #000;
}

#whatisright{
	padding:50px 0 0 0;
}

#wheredoleft{
	padding:60px 10px 0 10px;
	text-align: left;
}

#wheredoright1{
	width: 214px;
	padding-top:45px;
	float: left;
}


#wheredoright2{
	width: 191px;
	padding-top:45px;
	float: left;
}

#wheredoright1 img,#wheredoright2 img,#greatright img,#examplesleft img, #examplesright img{
   margin:0;
	padding: 0;
   display:inline;
	border: 0;
}

#howtoleft{
	padding:60px 10px 0 10px;
	text-align: left;
}

#howtoright{
	padding:128px 60px 0 20px;
	text-align: left;
}

#howtoright img{
	padding-left:50px;
}

#greatleft{
	padding:60px 0 0 0;
	text-align: left;
}

#greatright{
	padding:80px 60px 0 20px;
	text-align: left;
}

#examplesleft{
	padding:20px 0 0 0;
	text-align: center;
}

#examplesright{
	padding:60px 60px 0 40px;
	text-align: center;
}

#currentlyleft{
	padding:160px 20px 0 10px;
	text-align: left;
}

#currentlyleft a{
   color: #808080;
}

#currentlyleft a:hover{
   color: #000;
}

#currentlyright{
	padding:100px 60px 0 18px;
	text-align: center;
}