@charset "utf-8";
/* CSS Document */
*:focus{ outline:none}
body{
	margin:0; padding:0px;
	font: normal 12px Georgia, "Times New Roman", Times, serif; color:#6e6d6d; text-align: center;
	background:#000; line-height:22px;
}
div, h1, h2, h3, h4, img, span, label, p, a, ul, li{ margin:0px; padding:0px; border:none; }
#header{ width:100%; height:255px; text-align:center; background:url(../images/bg.header.jpg) repeat-x top; }
#header h1{
	margin:0px auto; padding:57px 0px 0px 0px; width:890px; height:198px;
	background:url(../images/header.jpg) no-repeat top; text-align:left;
}
#header h1 a{
	float:left; margin:0px 0px 0px 47px; padding:0px; width:250px; height:123px;
	background:url(../images/logo_rameshr.jpg) no-repeat;
}
#header h1 a:hover{ background:url(../images/logo_rameshr_blue.jpg) no-repeat; }
/* ------------------- Contents -------------------------------*/
#CBG{ margin:0px auto; width:1025px; text-align:center; }
#container{
	float:left; margin:0px; padding:0px 60px 0px 0px; width:964px; height:100%;
}
#container #menu{ float:right; padding:0px 0px 0px 0px; width:594px; }
/* ------------------- Menu - Start -------------------------------*/
#container #menu ul{ margin:0px 0px 20px 0px; padding:0px 0px 0px 50px; width:543px; height:53px; list-style:none; background:url(../images/bg.menu.gif) no-repeat top; text-align:left; }
#container #menu ul li{ float:left; margin:18px 30px 0px 0px; padding:3px 0px 0px 0px; }
#container #menu ul li.welcome{ float:left; margin:18px 30px 0px 0px; padding:3px 0px 0px 0px; width:87px; height:14px; }
#container #menu ul li.welcome a{ display:block; width:87px; height:14px; background:url(../images/link.welcome.jpg) no-repeat left; }
#container #menu ul li.welcome a:hover{ display:block; width:87px; height:14px; background:url(../images/link.welcome_over.jpg) no-repeat left; }
#container #menu ul li.welcome a.welcomeSelect{ display:block; width:87px; height:14px; background:url(../images/link.welcome_over.jpg) no-repeat left; }
#container #menu ul li.about{ float:left; margin:18px 30px 0px 0px; padding:3px 0px 0px 0px; width:87px; height:14px; }
#container #menu ul li.about a{ display:block; width:87px; height:14px; background:url(../images/link.about.jpg) no-repeat left; }
#container #menu ul li.about a:hover{ display:block; width:87px; height:14px; background:url(../images/link.about_over.jpg) no-repeat left; }
#container #menu ul li.about a.aboutSelect{ display:block; width:87px; height:14px; background:url(../images/link.about_over.jpg) no-repeat left; }
#container #menu ul li.portfolio{ float:left; margin:18px 30px 0px 0px; padding:3px 0px 0px 0px; width:87px; height:14px; }
#container #menu ul li.portfolio a{ display:block; width:87px; height:14px; background:url(../images/link.portfolio.jpg) no-repeat left; }
#container #menu ul li.portfolio a:hover{ display:block; width:87px; height:14px; background:url(../images/link.portfolio_over.jpg) no-repeat left; }
#container #menu ul li.portfolio a.portfolioSelect{ display:block; width:87px; height:14px; background:url(../images/link.portfolio_over.jpg) no-repeat left; }
#container #menu ul li.contact{ float:left; margin:18px 30px 0px 0px; padding:3px 0px 0px 0px; width:87px; height:14px; }
#container #menu ul li.contact a{ display:block; width:87px; height:14px; background:url(../images/link.contact.jpg) no-repeat left; }
#container #menu ul li.contact a:hover{ display:block; width:87px; height:14px; background:url(../images/link.contact_over.jpg) no-repeat left; }
#container #menu ul li.contact a.contactSelect{ display:block; width:87px; height:14px; background:url(../images/link.contact_over.jpg) no-repeat left; }
/* ------------------- Menu - Close -------------------------------*/
#container #welcome{
	float:left; margin:0px; padding:0px 60px 0px 0px; width:964px; height:100%;
	background:url(../images/bg.welcome.jpg) no-repeat left top;
}
#container #about{
	float:left; margin:0px; padding:0px 60px 0px 0px; width:964px; height:100%;
	background:url(../images/bg.about.jpg) no-repeat left top;
}
#container #portfolio{
	float:left; margin:0px; padding:0px 60px 0px 0px; width:964px; height:100%;
	background:url(../images/bg.portfolio.jpg) no-repeat left top;
}
#container #contact{
	float:left; margin:0px; padding:0px 60px 0px 0px; width:964px; height:100%;
	background:url(../images/bg.contact.jpg) no-repeat left top;
}
#container #contents{ float:right; padding:0px 0px 40px 0px; width:594px; }
#container #contents p{ margin-bottom:10px; text-align:justify; }
#container #contents p a{ text-decoration:none; color:#d08714; }
#container #contents p a.readmore{ text-decoration:none; color:#7d581f; }
#container #contents #recentWork{
	float:left; margin:55px 0px 0px 0px; width:542px; height:239px;
	background:url(../images/bg.recentWork.gif) no-repeat 0px 40px; text-align:left;
}
#container #contents #recentWork h1{
	font: bold 14px Georgia, "Times New Roman", Times, serif; text-align: left; color:#585858;
}
#container #contents #recentWork div{ float:left; padding:0px 0px 0px 40px; width:211px; }
#container #contents #recentWork div a{	float:left; margin:35px 0px 0px 0px; width:210px; text-decoration:none; color:#6e6d6d; }
#container #contents #recentWork div h2{
	float:left; margin:5px 0px 0px 0px; width:200px;
	font: normal 20px "Trebuchet MS", Georgia, "Times New Roman"; text-align: left; color:#6e6d6d;
}
#container #contents #recentWork div h3{
	float:left; margin:0px 0px 0px 0px; width:200px;
	font: normal 14px "Trebuchet MS", Georgia, "Times New Roman"; text-align: left; color:#6e6d6d;
}
/* ------------------- Favorites -------------------------------*/
#favoritesBG{ float:left; width:100%;  padding:15px 0px; text-align:center; background:url(../images/bg.favorites.gif) repeat; }
#favoritesBG #favContainer{ margin:0px auto; padding:0px 0px 0px 80px; width:810px; height:100%; }
#favoritesBG #favContainer ul{ float:left; width:200px; list-style:none; text-align:left; }
#favoritesBG #favContainer ul li{ width:140px; border-bottom:1px dashed #2d2d2d; }
#favoritesBG #favContainer ul li.favHeading{
	padding:0px 0px 20px 0px; width:100%;
	border:none; font: normal 18px Georgia, "Times New Roman", Times, serif; color:#adadad; text-align: left;
}
#favoritesBG #favContainer ul li a{ padding:0px 0px 0px 5px; text-decoration:none; color:#666; }
#favoritesBG #favContainer ul li a:hover{ color:#a9a9a9; }

#favoritesBG #favContainer span { float:left; vertical-align:bottom; border:1px solid red; }
/* ------------------- Footer -------------------------------*/
#footer{ float:left; width:100%; height:80px; background:#fff url(../images/bg.footer.gif) repeat-x top; }
#footer p{
	margin:30px auto 0px auto; padding:0px; width:890px;
	font-size:11px; color:#666; text-align:left; line-height:20px;
}
#footer p a{ text-decoration:none; color:#666; }
/* ------------------- About -------------------- -----------*/
#container #contents h2{ margin-bottom:20px; font-size:18px; font-weight:normal; text-align:left; color:#3ea2bb; line-height:24px;}
#container #contents p img{ float:right;}
#container #contents h3{ display:block; margin:20px 0px 10px 20px; font-size:12px; font-weight:normal; text-align:left; color:#fff; }
#container #contents ul{ padding-left:40px; padding-bottom:20px; }
#container #contents ul li{ padding-left:10px; text-align:left; list-style:url(../images/ico.bullet.jpg); }
#container #contents h5{ margin:0px 0px 5px 0px; font-size:16px; font-weight:bold; text-align:left; color:#3ea2bb;}
#container #contents p.resume{ float:left; margin:0px 0px 40px 0px; padding:6px 0px 0px 30px; width:564px; height:30px; background:url(../images/border.resume.gif) no-repeat;}
#container #contents p.resume a{ float:left; padding-left:30px; height:22px; font-size:16px; text-decoration:none; color:#3ea2bb; background:url(../images/ico_pdf.gif) no-repeat; }
/* ------------------- Portfolio -----------------------------*/
#container #contents h4{ display:block; margin:20px 0px 10px 0px; font-size:12px; font-weight:bold; text-align:left; color:#fff; }
#container #contents h6{ float:left; margin:35px 0px 5px 0px; font-size:16px; font-weight:bold; text-align:left; color:#3ea2bb;}
#container #contents ul.portfolioList{ float:left; padding:0px; width:594px; }
#container #contents ul.portfolioList li{ float:left; margin:0px 12px 15px 0px; padding:0px; width:85px; height:85px; list-style:none; border:1px solid #26282a; }
#container #contents ul.portfolioList li a{ text-decoration:none; color:#6e6d6d; }
/* ------------------- Contact ------------------------------*/
#container #contents form{ float:left; margin-top:25px; width:376px; height:370px; }
#container #contents form label{ float:left; margin-bottom:5px; padding-top:5px; width:95px; height:21px; text-align:left; }
#container #contents form span{ float:left; margin-bottom:5px; width:275px; text-align:left; }
#container #contents form span input{ width:272px; height:26px; border:1px solid #444; background:#fff url(../images/bg.textBox.gif) no-repeat; font-family:Georgia, "Times New Roman", Times, serif; }
#container #contents form p.textareaBG{ float:left; padding:10px 0px 0px 0px; width:274px; height:185px; text-align:center; background:url(../images/bg.textarea.gif) no-repeat; }
#container #contents form span textarea{ width:262px; margin-left:5px; height:150px; border:none;}
#container #contents form span.forTextarea{ float:left; margin-top:18px; width:270px; height:42px; background:url(../images/bg.btnReflection.gif) no-repeat left; }
#container #contents form p.textareaBG span.forTextarea input.submit{ float:left; width:94px; height:25px; background:url(../images/btn.submit.gif) no-repeat; border:none; cursor:pointer; }
#container #contents ul.address{ float:right; margin-top:25px; padding:0px; width:200px; height:150px; }
#container #contents ul.address li{ margin:0px; padding:0px; list-style:url(../images/ico.bullet02.jpg); }
#container #contents ul.address li span{ float:left; width:70px; font-weight:bold; }
#container #contents ul.address li a{ text-decoration:none; color:#3f7f99; }