/********** CSS Document for Webdevelopment4ri.com *******************/
/********** Date:30.01.2009 ******************************************/

body{
	background-color:#3B3B3B; 
	color:#A4A4A4; 
	padding:0px; 
	margin:0px; 
	font:13px/17px Verdana, Arial, Helvetica, sans-serif;
}

div, ul, li, h1, h2, h3, h4, img{
	margin:0px; padding:0px;
}

p{
	margin-top:0px;
	margin-bottom:20px;
}

ul{
	list-style-type:none;
}

/*----TOP PANEL----*/
#header_container{height:285px; position:relative; margin:0 auto; padding:0px; background-image:url(images/header_slice.gif); background-repeat:repeat-x; background-position:top;}

#header{width:755px; height:299px; position:relative; margin:0 auto; padding:0px 9px 0px 14px;}

#header img{height:86px; width:450px; position:absolute; top:0; left:161px; padding:0px;}

#header ul{width:94px; height:145px; padding:23px 29px 20px 40px; position:absolute; top:96px; left:0px; background:url(images/ul.gif) 0 0 no-repeat;}

#header ul li{background:url(images/bullet1.gif) 0 7px no-repeat #ccc; border-bottom:#929292 dotted 1px; font:12px/24px Verdana, Helvetica, sans-serif; font-weight:bold; color: #000; padding-left:10px; background-color:transparent;}

#header ul li.contact{border:none;}

#header ul li.selected{
	background:url(images/bullet2.gif) 0 7px no-repeat #ccc; 
	border-bottom:#929292 dotted 1px; 
	font:12px/24px Verdana, Helvetica, sans-serif; 
	font-weight:bold; 
	color: #000; 
	padding-left:10px;
	background-color:transparent;
}

#header ul li a{
	font-family:"Trebuchet MS";
	font-size:12px; 
	font-weight:bold; 
	text-decoration:none; 
	background:#ccc; color:#212121;
	background-color:transparent;
}

#header ul li a:hover{background:#ccc; color:#d94403; text-decoration:none; background-color:transparent;}
#header h1{padding:0px 0px 0px 0px; position:absolute; top:96px; left:164px;}



/*----BODY1 PANEL----*/
#body1{
	width:778px; 
	height:50px; 
	position:relative; 
	margin:0 auto; 
	background:url(images/from_shadow.jpg) 0 100% no-repeat;
}


h2{
	display:block; 
	background:#3B3B3B; 
	color:#FBD61A; 
	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
	
}

h3{
	font-family:Tahoma, Arial, Verdana;
	font-size:13px;
	font-weight:bold;
	color:#F5F5F5;
	padding-top:15px;
}
/*----/BODY1 PANEL----*/

/*----BODY MIDDLE PANEL----*/
#bodymiddlePan{
	width:602px;
	position:relative;
	margin:0 auto;
	padding:0 88px;
	clear:both;
	left: -10px;
	top: -12px;
}
#bodymiddlePan p.lasttext{padding:0 0 25px 0;}
#bodymiddlePan p span{background:#3B3B3B; color:#fff;}
/*----BODY MIDDLE PANEL----*/

/*----BODY BOTTOM PANEL----*/
#bodyBottomPan{
	width:690px; 
	background:url(images/body_shadow.gif) 0 0 no-repeat; 
	position:relative; 
	margin:0 auto; 
	padding:54px 0 0 88px; 
	clear:both;
}
/*----Info Panel----*/
#infoPan{width:187px; height:192px; background:url(images/infopanelbg.jpg) 0 100% no-repeat #3B3B3B; float:left; margin:0 28px 0 0; color:#524201; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}
#infoPan h2{width:163px; height:40px; background:url(images/infopaneltop.jpg) 0 0 no-repeat #3B3B3B; color:#fff; font:32px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:30px 0 0 24px;}
#infoPan p{padding:10px 0 0 24px; line-height:17px;}
#infoPan p.view{width:66px; height:18px; padding:10px 0 0 24px;}
#infoPan p.view a{width:66px; height:18px; display:block; background:url(images/infoview-normal.gif) 0 0 no-repeat #F0C40E; color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#infoPan p.view a:hover{background:url(images/infoview-hover.gif) 0 0 no-repeat #F0C40E; color:#fff; text-decoration:none;}
/*----/Info Panel----*/

/*----Services Panel----*/
#servicesPan{width:187px; height:192px; background:url(images/servicespanelbg.jpg) 0 100% no-repeat #3B3B3B; color:#212121; float:left; margin:0 28px 0 0; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}
#servicesPan h2{width:163px; height:40px; background:url(images/servicespaneltop.jpg) 0 0 no-repeat #3B3B3B; color:#fff; font:32px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:30px 0 0 24px;}
#servicesPan p{padding:10px 0 0 24px; line-height:17px;}
#servicesPan p.view{width:66px; height:18px; padding:10px 0 0 24px;}
#servicesPan p.view a{width:66px; height:18px; display:block; background:url(images/servicesview-normal.gif) 0 0 no-repeat #B8B8B8; color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#servicesPan p.view a:hover{background:url(images/servicesview-hover.gif) 0 0 no-repeat #B8B8B8; color:#fff; text-decoration:none;}
/*----/Services Panel----*/

/*----Schedule Panel----*/
#schedulePan{width:187px; height:192px; background:url(images/schedulepanelbg.jpg) 0 100% no-repeat #3B3B3B; color:#fff; float:left; margin:0 28px 0 0; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}
#schedulePan h2{width:163px; height:40px; background:url(images/schedulepaneltop.jpg) 0 0 no-repeat #3B3B3B; color:#fff; font:32px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:30px 0 0 24px;}
#schedulePan p{padding:10px 0 0 24px; line-height:17px;}
#schedulePan p.view{width:66px; height:18px; padding:10px 0 0 24px;}
#schedulePan p.view a{width:66px; height:18px; display:block; background:url(images/scheduleview-normal.gif) 0 0 no-repeat #E45D5D; color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#schedulePan p.view a:hover{background:url(images/scheduleview-hover.gif) 0 0 no-repeat #E45D5D; color:#fff; text-decoration:none;}
/*----/Schedule Panel----*/



/*----FOOTER PANEL----*/
#footermainPan{
	height:80px; 
	background:url(images/footerbg.gif) 0 0 repeat-x #3B3B3B; 
	position:relative; margin:0 auto;  
	color:#fff; 
	font:13px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; 
	clear:both; 
	padding:30px 0 0;
}

#footerPan{width:778px; position:relative; margin:0 auto;}

#footerlogoPan{display:block; width:215px; height:40px; position:absolute; top:0px; left:456px;}

#footerPan ul{width:546px; position:absolute; top:0px; left:0px;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#fff; background: url(images/footermenubg.gif) 0 0 repeat-x #3B3B3B; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.templateworld{width:250px; background:#3B3B3B; color:#fff; display:block; position:absolute; top:80px; left:10px;}
#footerPan ul.templateworld li a{background:#3B3B3B; display:block; color:#fff; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPan p.copyright{
	font-size:11px;
	width:430px; background: url(images/copyrightbg.gif) 0 0 repeat-x #3B3B3B; 
	color:#fff; 
	position:absolute; 
	top:23px; 
	left:10px;
}

#footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:49px; left:5px;}
#footerPanhtml a{width:65px; height:24px; display:block; background:url(images/html-normal.gif) 0 0 no-repeat #3B3B3B; color:#fff; font-size:13px; line-height:23px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 5px;}
#footerPanhtml a:hover{background:url(images/html-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff;}
#footerPancss{width:58px; height:24px; display:block; position:absolute; top:50px; left:80px;}
#footerPancss a{width:49px; height:24px; display:block; background:url(images/css-normal.gif) 0 0 no-repeat #3B3B3C; color:#3B3B3B; font-size:13px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 10px;}
#footerPancss a:hover{background:url(images/css-hover.gif) 0 0 no-repeat #3B3B3B; color:#3B3B3C; text-decoration:none;}

/**********Form********/

.TextField{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px;
	border:1px solid #feda00;
	margin-bottom:10px;
	background-color:#FFFFFF;
	width:290px;
}

.TextArea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px;
	border:1px solid #feda00;
	margin-bottom:10px;
	background-color:#FFFFFF;
	width:200px;
	height:100px;
	overflow:auto;
}

.Label{
	width:110px;
	padding-bottom:10px;
}