/*By Joakim Liassides, you may use the following code as you like*/
/*For any question you can contact me at: info@jliassides.com */
/*Thank you for using it*/

html, body{ 
 margin:0; 
 padding:0;  
 font:10px Verdana, sans-serif;
 text-align:center;  
 background-color: #FFFFFF;
} 
#pagewidth{ 
 overflow:hidden;
 width:900px; 
 text-align:left; 
 margin:0 auto;
 padding-top:80px; 
} 
 
#main{
 
 width:600px;
 float:left;
 background-color:#FFFFFF;
 padding-right:40px;
 /*Font/Text Settings*/
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-size: 10pt;
	color: #888888;
	text-align: justify;
	padding: 10px;
	
	/*Background and border color*/
	background-image: -moz-linear-gradient(top, #FFFFFF, #E6E6FA);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.0, #E6E6FA));
	border: 1px solid #D3D3D3;
	background-color: #DDDDDD;
}
#sidebar{
	
	/*General position and size settings*/
	float:right;
	width:200px;	
	/*Font/Text Settings*/
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-size: 10pt;
	color: #888888;
	padding: 10px;
	
	/*Background and border color*/
	background-image: -moz-linear-gradient(top, #FFFFFF, #E6E6FA);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.0, #E6E6FA));
	border: 1px solid #D3D3D3;
	background-color: #DDDDDD;

}

#ad{
	/*Position ans Size*/
	width:90px;
	height:90px;
	margin: 0 0px 30px 0;
	
	
	/*Redius*/
	border:none 0px #ffffff;
	-moz-border-radius-topleft: 45px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:45px;
	-webkit-border-top-left-radius:45px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:45px;
	border-top-left-radius:45px;
	border-top-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:45px;
	
}
.red{
	background-color:#e42b2b;
	float:left;
}

.orange{
	background-color:#ff8400;
	float:right;
}
.violet{
	background-color:#a800ff;
	float:left;
}
.blue{
	background-color:#49a7f3;
	float:right;
}
.green{
	background-color:#41d05f;
	float:right;
}


#ad:hover{
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:25px;
	-webkit-border-top-left-radius:25px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:25px;
	border-top-left-radius:25px;
	border-top-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:25px;

}