body{font-family:"Rockwell", Arial, Helvetica, sans-serif; margin:0; padding:0; background:#fff;}
@font-face { font-family: 'Rockwell', Arial;
src: url('fonts/Rockwell.eot');
src: local('Rockwell'), local('Rockwell'), url('fonts/Rockwell.woff') format('woff'), url('fonts/Rockwell.ttf') format('truetype');}
.clear{ clear:both; height:0px; width:100%;}
a{ text-decoration:none; outline:none;}

.container{ margin:0 auto; width:100%; height:auto;}
.section{ margin:0px; height:820px; width:100%; float:left;}
.centerpad{ width:100%; margin:0 auto;}
.header{ width:100%; height:90px; background:#252425; border-bottom:#df3227 solid 2px;}
#logo{ float:left; margin-top:18px;}
#nav_outer{float:right; width:1000px; margin-top:5px;}
ul.navigation{ float:right; list-style-type:none; width:100%; margin:0px;}
ul.navigation img{ float:left; border:none; margin-right:60px; }
ul.navigation li{ float:left; margin-left:8px; margin-top:30px;}
ul.navigation li a{ font-size:14px; text-shadow:#000 1px 1px 0px; color:#fff; padding:12px 15px; font-family: 'Rockwell', Arial; margin-top:5px; }
ul.navigation li a:hover{  border-bottom: none; border-radius:3px; color:#fff; background:#c8493b; text-shadow:#181818 1px 1px 0px;}
.contets{ width:980px; height:350px; padding-top:100px; background: url(../images/about_banneR.png) right 100px no-repeat ;}
.contets h1.headings{ color:#000000; margin-bottom:20px;}
.contets p{ color:#676666; font-size:13px; padding-right:330px; line-height:22px;}
#header_inner{width:1000px; margin:0 auto; }
#logo{ width:364px;
float:left;
}
#quickcontact{ float:right; background:url(../images/quickcontact_bg.png) no-repeat;
width:288px; height:33px;
color:#f0f0f0;
margin-top:16px; margin-right:10px;
padding:18px 0px 0px 39px;
font-size:13px; text-shadow:#181818 1px 1px 0px;}
#quickcontact a{ color:#f0f0f0;}
#quickcontact a:hover{ color:#c83232; }

/**************HOME***************/
#section1{ background:url(../images/home_bg.jpg) left top no-repeat;	}
#banner{ width:1026px; height:184px; margin:auto; padding:120px 0px 20px 85px; float:left;}
#border{width:1000px; background:url(../images/border.png) no-repeat center top; height:28px; margin:auto; text-align:center; font-size:12px; padding:40px 0px 0px 0px;}
ul.slideshow li
          {display: block;
            position: absolute;}
ul.slideshow li.show{}
ul.slideshow{list-style: none outside none; 
            height:184px;
            width:1116px;
            overflow: hidden;}
/**************ABOUT***************/
#section2{ background:url(../images/profile.jpg) no-repeat top right; }
#section2 h1{ font-family: 'Rockwell', Arial; color:#c0392b; font-size:30px; font-weight:normal;}
#section2 .contets{ color:#191919; font-size:15px; line-height:24px; width:700px; margin:auto; padding:220px 300px 0px 0px; height:250px; }
#section2 .contets a{ color:#000; font-size:20px;}
#section2 .contets a:hover{ color:#fff; text-decoration:overline; background:#bd3428; }

/**************PORTFOLIO***************/
#section3{ background:url(../images/portfolio.jpg); }
.portfolio{ width:980px; margin:auto; height:140px;  line-height:24px; padding:150px 0px 0px 0px; font-size:15px;}
.portfolio h1{ font-family: 'Rockwell', Arial; color:#c0392b; font-size:30px; font-weight:normal; }
.portfolio a{ color:#000; font-size:20px;}

/**************SKILLS***************/
#section4{ background:url(../images/photoshop.jpg) no-repeat top center;}
.skills { width:930px; margin:auto; height:420px; line-height:24px; padding:180px 0px 0px 0px; font-size:15px;}
.skills h1{ font-family: 'Rockwell', Arial; color:#c0392b; font-size:30px; font-weight:normal; margin-bottom:20px; text-shadow:#000 1px 1px 0px;}
.skills p{ font-size:13px; line-height:22px;}

#skillset1{ float:left; width:450px; }
.title{ font-size:20px; }
#skillset1 img{ border:#2e2e2e solid 5px; float:left; padding:8px; border-Radius:8px; margin:10px 30px 6px 0px; width:92px; height:92px;}
#skillset2{ float:left; width:300px; padding-left:20px; color:#bcbcb4 }
#skillset2 ul { margin-left:8px; padding-left:0px;}

/**************Career***************/
#section5{ background:url(../images/career.gif)right no-repeat}
.personal { width:1000px; margin:auto; height:450px; line-height:24px; padding:130px 0px 0px 0px; font-size:15px;}
.personal h1{ font-family: 'Rockwell', Arial; color:#c0392b; font-size:30px; font-weight:normal; margin-bottom:20px; }
.personal p{ font-size:13px; line-height:22px;}
#personalset1{ float:left; width:600px; }
.title{ font-size:20px; }
#personalset1 img{ border:#dddddd solid 5px; float:left; padding:8px; border-Radius:8px; margin:10px 30px 6px 0px;}
#personalset2{ float:left; width:400px; padding-left:60px; }

/**************CONTACT***************/
#section6{ }
.contact { width:900px; margin:auto; height:550px; line-height:24px; padding:120px 70px 0px 20px; font-size:15px;}
.contact h1{ font-family: 'Rockwell', Arial; color:#c0392b; font-size:30px; font-weight:normal; margin-bottom:20px;}
.contact p{ font-size:13px; line-height:22px;}
#contset1{ float:left; width:400px; }
#contset1 a{ color:#c0382b;}
.title{ font-size:20px;}
#contset1 img{ border:#dddddd solid 5px; float:left; padding:8px; border-Radius:8px; margin:10px 30px 6px 0px;}
#contset2{ float:left; width:430px; padding-left:20px; }


.login_section_textfield{	
	border:#dadada solid 1px;
	background:#fff;
	border-radius:3px; 
	width:234px;
	padding-left:5px;
	height:30px;
}
.login_section_textfield_text_area{	
	border:#dadada solid 1px;
	background:#fff;
	border-radius:5px;
	width:334px;
	height:130px; padding-left:5px;
}
#contactForm{ width:270px;}
#contactForm label{ color:#000000; font-size:12px;}
#contactForm input{ width:360px; height:30px; background:#000000; color:#FFFFFF; border:none; padding:2px 5px; margin-bottom:7px;}
#contactForm input:active, #contactForm input:focus{ background:#FFFFFF; color:#000000;}
#contactForm textarea{ width:360px; height:100px; background:#000000; color:#FFFFFF; border:none; padding:5px 5px; margin-bottom:7px; overflow: auto;}
#contactForm textarea:active, #contactForm textarea:focus{ background:#FFFFFF; color:#000000;}
#contactForm input#submit{ width:100px; height:30px; cursor:pointer; background:url(../images/send.jpg) no-repeat; }
#msg{ width:370px; margin-bottom:5px; color:#CC0000; font-size:13px; }

.adrsBox{ width:386px; height:386px; background:url(../images/black_circle.png) no-repeat;}
.adrsBox p.adrs{font-family:Arial, Helvetica, sans-serif; font-size:15px; padding-top:105px; line-height:22px; text-align:center; color:#FFFFFF;}
.adrsBox h4{ margin-top:35px; margin-left:20px; color:#FFFFFF; font-weight:normal; font-size:15px; background:url(../images/phone-icon.jpg) left no-repeat; padding-left:20px; float:left;}
.adrsBox h4 a{ color:#FFFFFF;}
.adrsBox span{ width:192px; height:28px; display:block; margin-top:110px; margin-left:95px;}
.adrsBox span a.social{ display:block; width:28px; height:28px; margin-right:13px; background:url(../images/social-icons.png) no-repeat; float:left;}
.adrsBox span a#FB{ background-position:0px 0px;} 
.adrsBox span a#FL{ background-position:-41px 0px;} 
.adrsBox span a#TW{ background-position:-82px 0px;} 
.adrsBox span a#YT{ background-position:-123px 0px;} 
.adrsBox span a#VM{ background-position:-164px 0px; margin-right:0px;} 

.adrsBox span a#FB:hover{ background-position:0px -28px;} 
.adrsBox span a#FL:hover{ background-position:-41px -28px;} 
.adrsBox span a#TW:hover{ background-position:-82px -28px;} 
.adrsBox span a#YT:hover{ background-position:-123px -28px;} 
.adrsBox span a#VM:hover{ background-position:-164px -28px; }