/*
Author Name : Shaikh Rahil
Author Site : http://www.wrappercode.com
Style Name  : Radha Illustration
Site URL    : http://www.radhaillustration.com
Version     : 2.0
Last Update : 19th Nov 2008
Comments    : New Style created from scratch.
*/




body{font-size:11px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color:#393939;background:url(../images/body-bg.gif);}


*{
	margin:0;
	padding:0;
}

p{
	padding-bottom:10px;
}

img{
	border:0;
}

ul{
	padding-bottom:0px;
}

li{
	list-style:none;
}

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

a:hover{
	text-decoration:none;
	color:#8E0000;
}



.clear{
	clear:both;
}



.wrapper-code{
	width:747px;
	margin:0 auto;
	background: url(../images/body-bg.png) no-repeat;
	display:table;
}

.header{
	margin:0 0 0 120px;
	width:485px;
	height:54px;
	padding:0px 0 0 0;
}

.online{
	padding:20px 0 0 0;
	text-align:right;
	font-weight:bold;
}

.online span{
color:#787878;
font-weight:normal;}

.logo{
	float:left;
	width:192px;
	padding:10px 0 0 0;
}

	.logo h1 a{
		width:192px;
		height:42px;
		display:block;
	background:url(../images/radha-logo.gif) left top no-repeat;
	text-indent:-9999px;
	}




.all-content{
	clear:both;
	width:747px;
	float:left;
}

.left-section{
	float:left;
	width:110px;
	padding:30px  0 0px 0px;
}

.home-section{
	float:left;
	width:400px;
	height:580px;
	padding:30px 50px 10px 50px;
	line-height:12px;
	text-align:center;
}


.about-section{
	float:left;
	width:414px;
	height:538px;
	padding:30px 10px 10px 0px;
	line-height:12px;
	text-align:justify;
	line-height:110%;
}


.links-section{
	float:left;
	width:404px;
	height:538px;
	text-align:justify;
	padding:30px 50px 10px 50px;
	line-height:12px;
	background: url(../images/links-monster.jpg) no-repeat;
	background-position:right 225px;
}

.contact-section{
	float:left;
	width:404px;
	height:539px;
	padding:30px 50px 10px 50px;
	line-height:12px;
	background:url(../images/monster.jpg) no-repeat;
	background-position: bottom right;
}

.portfolio-section{
	float:left;
	width:504px;
	height:538px;
	padding:30px 0px 10px 0px;
	line-height:12px;
}

.wrapper-code a{
	text-decoration:underline;
	color:#787878;
}

.wrapper-code a:hover{
	text-decoration:none;
	color:#8E0000;
}

.img-right img{
	padding-left:10px;
}

.right-section{
	float:left;
	width:130px;
	padding-top:30px;
	
	
}

.main-links{
	float:left;
	padding:0 0 0px 50px;
}

a.about {
	width:116px;
	height:11px;
	background:transparent url(../images/b-about.gif) no-repeat top left;
}
	


	
a.about:hover {background-position:0px -15px;}

.footer {
	clear:both;
	width:600px;
	padding:5px 0 0 0;
	text-align:right;
	
}

.division{
	float:left;
	width:200px;
}

.pad-bottom img{
	padding-bottom:5px;
	padding-top:5px;
}

.leo{
	margin-top:135px;
}

				/*HOVER MENU FOR INNER PAGES */
				
#navbar-home{
margin-left:55px;}

#navbar-home ul.home{
	float:left;
	
}

#navbar-home ul.home li{
	float:left;
	margin-right:5px;
}

#navbar{
	margin-left:10px;
}

#navbar ul.about{
	margin-left:36px;
}



#navbar li {
	margin-bottom:10px;
}

#navbar ul li ul{
	padding:10px 0 0 0;
	margin:0;
}

#navbar ul li ul li{
	padding:0 0 0px 0;
	margin:0;
	border:0px solid red
}

#navbar ul li ul li.pad-top{
margin-top:10px;
}

#navbar ul li ul li.pad-top2{
margin-top:3px;
}






															/*HOME*/


															/*ABOUT RADHA*/


.left-section-about{
	float:left;
	width:154px;
	padding:30px  0 0px 0px;
}



.right-section-about{
	float:left;
	width:115px;
	padding-top:30px;
}

#about #navbar{
	padding-left:38px;
}




.left-section-about p, .right-section-about p{
	padding:0;
}

															/*PORTFOLIO*/
															

.portfolio-header{
	text-align:right;
	padding-right:5px;
	}															

															/*CONTACT RADHA*/

input, textarea, select{
	padding: 5px;
	border: 1px solid #D7D7D7;
	margin: 00;
	font:11px tahoma;
	color:#000000;
	width:300px
}

input[type="image"]{ 
border: 0px solid #D7D7D7;
width:76px
}

input[type="image"]:hover{ 
border: 0px solid #8F0000;
}  

input:hover, textarea:hover{
	border: 1px solid #8F0000;
	background-color:#F7F3F7;
	color: #393839;
}

.star{
	background:url(../images/star.gif) no-repeat;
	background-position:0px 5px;
	vertical-align: top;
	padding:8px 0 10px 10px;
}

.star2{
	padding:8px 0 10px 10px;
}

#dynloadarea{
	width:500px; 
	height: 500px; 
	margin: 0px; 
	text-align:center;
}

#thumbnails{
	border-top:1px solid #CECECE;
	width:503px;

}

#thumbnails ul {
	width:482px;
	float:left;
	margin:0px 0px 5px 0px;
	padding:5px 0 10px 18px;
}

#thumbnails ul li{
	float:left;
	margin-right:5px;
}