@charset "utf-8";
/* CSS Document */


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background:#710906;
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6, p, ul, li{margin:0px; padding:0px; text-align:left; font-weight:normal;}
img, form, input{border:0; margin:0px; padding:0px; outline:none;}
a { text-decoration:none; cursor:pointer; outline:none; }
input, textarea { font:12px/15px Arial, Helvetica, sans-serif;color:#7f7f7f;}
.img_left{ float:left;}
.img_right{ float:right;}
.clear { clear:both;}


/* inner page bg */
.bg { background:#710906 url(../images/inner_bg.jpg) top left repeat-x;}

.container { width:960px; margin:0px auto 0px auto;}

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

.banner-content { float:left; width:960px; height:500px; background:url(../images/ban-img.png) 0px 20px no-repeat; padding:0px 0px 40px 0px;}
	.welcome-text { float:right; padding:80px 0px 30px 0px; width:445px; text-align:left;}
	.welcome-text h1 { width:335px; height:38px; float:left; background:url(../images/welcome_text.png) no-repeat;}
	.welcome-text p { line-height:22px; clear:both; margin:5px 0px 5px 5px;}
	
	
	.hire-me { float:left;}
	.hire-me h2 { font-size:22px; color:#fff; margin:5px 0px 10px 5px; float:left;  font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
	.hire-me .link { margin:2px 0px 2px 5px; float:left; margin:0px 0px 0px 0px; clear:both;}
	.hire-me .link img { vertical-align:middle; padding:2px 0px;  float:left;}
	.hire-me .link a {color:#000; float:left;  vertical-align:middle; margin:0px 0px 0px 5px; }
	
	.contact-text { float:right; width:176px; height:102px; text-align:left;}
	.contact-text a { background-position:top; height:102px; width:176px; display:block; float:left;}
	.contact-text a.ban1 { width:176px; height:102px; background:url(../images/my-portfolio.png) bottom no-repeat;}
	/*.contact-text a.ban1 { background:url(../images/logo_design_ban.png) no-repeat; margin:0px 8px 0px 0px; }
	.contact-text a.ban2 { background:url(../images/web_design_ban.png) no-repeat;margin:0px 8px 0px 0px; }
	.contact-text a.ban3 { background:url(../images/psdtoxhtml_ban.png) no-repeat; }*/
	.contact-text  a:hover { background-position:top;}
	.contact-text p { text-align:right; font-size:11px; padding:10px 0px; float:right; width:544px;}
	
	
/*  portfolio page */
.port-content { float:left; width:960px; padding:40px 0px 20px 0px;}
	h2.logodesign { float:left; background:url(../images/por_title_portfolio.png) 15px 0px no-repeat; width:960px; height:50px; margin:0px; padding:0px;}
	h2.logodesign  a.top { text-align:right; float:right; color:#000; text-decoration:underline; font-size:12px; } 
	h2.webdesign { float:left; background:url(../images/por_title_web_design_development.png) 15px  0px   no-repeat; width:960px; height:50px; margin:0px; padding:0px;}
	h2.webdesign  a.top { text-align:right; float:right; color:#000; text-decoration:underline; font-size:12px; } 
	h2.p2hdesign { float:left; width:960px; height:50px; margin:0px; padding:0px; }
	h2.p2hdesign  a.top { text-align:right; float:right; color:#000; text-decoration:underline; font-size:12px; } 
	h2.contactus {float:left; background:url(../images/por_title_contactus.png) 15px  0px   no-repeat; width:960px; height:50px; margin:0px; padding:0px;}
	h2.contactus  a.top { text-align:right; float:right; color:#000; text-decoration:underline; font-size:12px; } 
	
	
	
	.thumb_images { float:left; width:940px; padding:0px 10px;}
	.thumb_images p { font-size:12px; text-align:left; line-height:18px;}
	.thumb_images a { text-align:right; float:right; color:#000; text-decoration:underline;}
		.img_box { background:url(../images/thumb_bg.png) no-repeat; height:143px; width:440px; float:left; padding:5px; margin:0px 10px 40px 10px;}
	
/* footer */
.footer { width:1020px; clear:both; margin:0px auto; border-top:10px solid #590604;}
.footer_cont p { text-align:right;  padding:10px 20px 20px 0px; color:#000;}
	
	
	/* form */
.contact_form { width:600px; text-align:center; float:left;}
.contact_form .title { width:190px; float:left; text-align:right; padding:0px 10px 0px 0px; margin:0px 0px px 0px; line-height:25px;}
.contact_form .detail { width:400px; float:left; text-align:left; margin:0px 0px 10px 0px;}
.contact_form input{ border:1px solid #4d0503!important; background:#600604!important; padding:3px; font-size:11px; color:#000; width:300px; height:25px; font-size:12px;}
.contact_form textarea { border:1px solid #4d0503!important; background:#600604!important; padding:3px; font-size:11px; color:#000; width:300px; height:100px; font-size:12px;}

.contact_form input.submit { background:#430302!important; border:1px solid #4d0503!important; width:90px; height:35px; line-height:30px; color:#fff; font-size:16px; cursor:pointer;} 
.contact_form input.submit:hover {background:#000!important;}