@charset "utf-8";
/* CSS Document */
body{
	background:url(../images/body_bg.png) repeat;
	background-attachment:fixed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#454545;
	line-height:22px;
	padding:0px;
	margin:0px auto;}
img{
	border:0px;}

div ,ul, li, form, input, textfield, h1, h2, h3, h4, h6{
	padding:0px;
	margin:0px;}
a{
	outline:none;}
.alink{
	color:#446917;
	text-decoration:underline;}
.alink:hover{
	text-decoration:none;}
.phone{
	color:#446917;}
h1{
	font-size:14px;
	font-weight:bold;
	color:#ffffff;}	
h2{
	font-size:25px;
	font-weight:bold;
	text-shadow:2px 2px 2px #fff;}
h3{
	font-size:24px;
	font-weight:bold;
	color:#446917;
	padding:0px 0px 15px 0px;}
h4{
	font-size:14px;
	font-weight:normal;
	color:#ffffff;}
	
.clr{
	clear:both;}
.bg_trans{
   opacity: 0.1; /* 90% opacity for all modern browsers */
   filter: alpha(opacity=10); /* 90% opacity for IE */}
.image_border{
 	border:#FFFFFF 5px solid;}
	

		
/*----------------------------------------------------WRAPPER WIDTH 100% OPEN----------------------------------------------------------*/
#wrapper{
	width:100%;
	margin:0 auto;
	padding:0px;}
/*----------------------------------------------------WRAPPER WIDTH 100% CLOSE----------------------------------------------------------*/

/*----------------------------------------------------TOP BAR WITH ITS COLORS BAR OPEN---------------------------------------------------*/
#top_bar{
	background:url(../images/img_top.png) repeat-x;
	width:100%;
	float:left;
	height:18px;
	z-index:2;}
#top_bar .color_bar{
	background:url(../images/img_top_color.png) no-repeat;
	width:224px;
	height:18px;	
	z-index:1;
	position:relative;
	float:right;
	padding-right:200px;}
/*----------------------------------------------------TOP BAR WITH ITS COLORS BAR CLOSE--------------------------------------------------*/

/*----------------------------------------------------CONTENT BACKGROUND WIDTH AND ITS CONTENTS OPEN-------------------------------------*/
#content_background{
	width:950px;
	margin:0 auto;
	padding:40px 0px 0px 0px;}
#header{
	padding:0px;
	margin:0px;}
#header .title{
	background:url(../images/title.png) no-repeat;
	width:230px;
	height:72px;}
	
/*Left Side Content Open*/
#left_side{
	float:left;
	width:350px;}
#left_side #title{
	padding:0px;
	margin:0px;}
#left_side #navigation{
	padding:15px 0px 0px 0px;
	margin:0px;}
#left_side #navigation .mainnav{
	padding:0px;
	margin:0px;
	text-decoration:none;}
#left_side #navigation .mainnav li{
	list-style:none;
	padding:5px 0px;}
	
/*----------------------------Navigation for home button start----------------------------*/	
#left_side .nav_home a{
	background:#c03027;
	opacity: 0.5; /* 90% opacity for all modern browsers */
    filter: alpha(opacity=50); /* 90% opacity for IE */
	display:block;
	width:170px;
	color:#ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:36px;
	font-weight:bold;
	text-decoration:none;
	padding:15px 0px 15px 8px;
	outline:none;
	letter-spacing:-2px;}
#left_side .nav_home a:hover, #left_side .nav_home a.active{
	background:#c03027;
	opacity: 0.9; /* 90% opacity for all modern browsers */
    filter: alpha(opacity=90); /* 90% opacity for IE */}	
/*----------------------------Navigation for home button end----------------------------*/	
	
/*----------------------------Navigation for portfolio button start----------------------------*/		
#left_side .nav_portfolio a{
	background:#3fa3c2;
	opacity: 0.5; /* 90% opacity for all modern browsers */
    filter: alpha(opacity=50); /* 90% opacity for IE */
	display:block;
	width:220px;
	color:#ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:36px;
	font-weight:bold;
	text-decoration:none;
	padding:15px 0px 15px 8px;
	outline:none;
	letter-spacing:-2px;}
#left_side .nav_portfolio a:hover, #left_side .nav_portfolio a.active{
	background:#3fa3c2;
	opacity: 0.9; /* 90% opacity for all modern browsers */
    filter: alpha(opacity=90); /* 90% opacity for IE */}	
/*----------------------------Navigation for portfolio button end----------------------------*/	

/*----------------------------Navigation for about_me button start----------------------------*/		
#left_side .nav_about a{
	background:#5ca820;
	opacity: 0.5; /* 90% opacity for all modern browsers */
    filter: alpha(opacity=50); /* 90% opacity for IE */
	display:block;
	width:170px;
	color:#ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:36px;
	font-weight:bold;
	text-decoration:none;
	padding:15px 0px 15px 8px;
	outline:none;
	letter-spacing:-2px;}
#left_side .nav_about a:hover, #left_side .nav_about a.active{
	background:#5ca820;
	opacity: 0.9; /* 90% opacity for all modern browsers */
    filter: alpha(opacity=90); /* 90% opacity for IE */}	
/*----------------------------Navigation for about_me button end----------------------------*/	

/*----------------------------Navigation for blog button start----------------------------*/
#left_side .nav_blog a{
	background:#9a9ab8;
	opacity: 0.5; /* 90% opacity for all modern browsers */
    filter: alpha(opacity=50); /* 90% opacity for IE */
	display:block;
	width:130px;
	color:#ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:36px;
	font-weight:bold;
	text-decoration:none;
	padding:15px 0px 15px 8px;
	outline:none;
	letter-spacing:-2px;}
#left_side .nav_blog a:hover, #left_side .nav_blog a.active{
	background:#9a9ab8;
	opacity: 0.9; /* 90% opacity for all modern browsers */
    filter: alpha(opacity=90); /* 90% opacity for IE */}	
/*----------------------------Navigation for blog button end----------------------------*/	

/*----------------------------Navigation for contact button start----------------------------*/	
#left_side .nav_contact a{
	background:#ce7d0f;
	opacity: 0.5; /* 90% opacity for all modern browsers */
    filter: alpha(opacity=50); /* 90% opacity for IE */
	display:block;
	width:200px;
	color:#ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:36px;
	font-weight:bold;
	text-decoration:none;
	padding:15px 0px 15px 8px;
	outline:none;
	letter-spacing:-2px;}
#left_side .nav_contact a:hover, #left_side .nav_contact a.active{
	background:#ce7d0f;
	opacity: 0.9; /* 90% opacity for all modern browsers */
    filter: alpha(opacity=90); /* 90% opacity for IE */}
/*----------------------------Navigation for contact button start----------------------------*/

/*Face book Like this open*/
.FB_like{
	padding-top:15px;}
/*Face book Like this close*/
/*Left Side Content End*/

/*Right Side Content Start*/	
#right_side{
	float:right;
	width:600px;
	padding:0px;
	margin:0 auto;}	
#right_side #my_description{
	padding-bottom:30px;
	margin:0px;}
#right_side #my_description .head{
	font-weight:bold;
	font-size:36px;
	color:#446917;
	text-shadow:1px 1px 1px #fff;
	padding:5px 0px 5px 0px;}	
#right_side #my_description .description{
	font-size:18px;
	font-weight:normal;
	padding:5px 8px 0px 0px;
	text-align:justify;}
#right_side #my_description .description a{
	color:#527a22;
	text-decoration:underline;}
#right_side #my_description .description a:hover{
	text-decoration:none;}
#right_side .template_thumb{
	z-index:2;	
	padding:0px;
	margin:0px;
	top:-200px;
	left:0px}
#right_side .green_map{
	z-index:1;
	position:absolute;
	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 410px;}	
#right_side .temp_adjust{
	padding:0px;
	margin:0px;}

#right_side .con_header_img{
	z-index:1;
	position:absolute;
	padding-left:0px;}
#rignt_side .resume{
	float:right;
	bottom:0px;}	
#right_side .split{
	z-index:2;
	padding:35px 0px 0px 0px;}	
.link{
	float:left;
	padding:8px 0px 0px 0px;
	margin:0px;}
.link a{
	background:#333333;
	color:#CCCCCC;
	font-weight:bold;
	text-decoration:none;
	padding:5px;}
.link a:hover{
	background:#446917;
	color:#FFFFFF;
	text-decoration:none;}


/*Inner pages start*/	
#inner_page{
	padding:0px;
	margin:0px;}
#inner_page .con_header_img{
	z-index:1;
	position:absolute;
	padding-left:0px;}	
#inner_page .split{
	z-index:2;
	padding:43px 0px 0px 0px;
	margin:0px;}	
#inner_page #resume{
	float:right;
	padding:0px 20px 0px 0px;
	margin:0px;}
#inner_page #resume .resume_header{
	padding-top:8px;
	font-size:16px;
	font-weight:bold;}


#inner_page .inner_page_content{
	padding:10px 20px 0px 0px;
	margin:0px;
	text-align:justify;}


#inner_page .inner_page_content .sub_header{
	padding-top:20px;
	font-size:16px;
	font-weight:bold;}
	

#inner_page .inner_page_content .portfolio_pad{
	padding:10px 0px;
	margin:0px;}
	
#inner_page .img_gallery{
	padding:0px 0px 0px 0px;
	margin:22px 0px 0px 0px;}
#inner_page .img_gallery .left_img{
	float:left;
	padding:0px;
	margin:7px 20px 7px 0px;}
	
#pagination{
	text-align:center;
	vertical-align:middle;
	padding:5px 0px 0px 0px;
	margin:0px;}
#pagination a{
	background:#262626;
	color:#FFFFFF;
	padding:3px 5px;
	margin:0px 1px;
	text-decoration:none;}
#pagination a:hover{
	background:#666666;
	color:#ffffff;
	padding:3px 5px;
	margin:0px 1px;}
#pagination .current{
	background:#bd2e25;
	color:#FFFFFF;
	padding:3px 5px;
	margin:0px 1px;}
 #pagination .disabled{
	background:#262626;
	color:#FFFFFF;
	padding:3px 5px;
	margin:0px 1px;}
/*Inner pages end*/
/*Right Side Content End*/

/*footer Content Open*/
#footer{
	width:100%;
	padding:65px 0px 0px 0px;}
#footer .footer_img{
	float:right;
	background:url(../images/img_footer.png) no-repeat;
	width:529px;
	height:142px;
	padding-right:250px;}	
#footer #footer_bg{
	background:#1a1a1a;
	padding: 0px;
	margin-top:120px;
	-margin-top:0px;
	height:460px;}
	
#footer .footer_content{
	width:950px;
	margin:0 auto;}
	
#footer #getin{
	float:left;
	padding:35px 0px 0px 0px;
	font-size:12px;
	color:#FFFFFF;}
#footer #getin .email{
	background:url(../images/img_mail.png) no-repeat;
	width:48px;
	height:48px;
	padding:0px 0px 0px 55px;}
#footer #getin .email a{
	color:#FFFFFF;
	text-decoration:none;}
#footer #getin .email a:hover{
	color:#446917;
	border-bottom:1px dotted #446917;}

#footer #getin .skype{
	background:url(../images/img_skype.png) no-repeat;
	width:48px;
	height:48px;
	padding:0px 0px 0px 55px;}
#footer #getin .skype a{
	color:#FFFFFF;
	text-decoration:none;
        line-height:48px;}
#footer #getin .skype a:hover{
	color:#446917;
	border-bottom:1px dotted #446917;}

#footer #getin .phone{
	background:url(../images/img_phone.png) no-repeat;
	color:#FFFFFF;
	width:48px;
	height:48px;
	padding:0px 0px 0px 55px;}
#footer #getin .phone a{
	color:#FFFFFF;
	text-decoration:none;
        padding-top:5px;}
#footer #getin .phone a:hover{
	color:#446917;
	border-bottom:1px dotted #446917;}	
		
#footer #contact_form{
	float:left;
	padding:10px 0px 0px 210px;
	-padding:50px 0px 0px 140px;}
#footer  #contact_form .text_field{
	background:url(../images/img_text_field.png) no-repeat;
	width:281px;
	height:42px;
	line-height:42px;
	color:#CCCCCC;
	padding:0px 0px 0px 10px!important;
	margin:3px 0px;
	border:0px;}	

#footer #contact_form .astrik{
	color:#e50083;
	font-size:18px;
	font-weight:bold;
	vertical-align:top;
	padding-left:10px;}	
#footer #contact_form .msg_field{
	background:url(../images/img_msg_field.png) no-repeat;
	width:283px;
	height:154px;
	vertical-align:top;
	text-align:justify;	
	padding:10px;
	margin:auto;	
	border:0px}

textarea{
	background:transparent;
	width:245px;
	height:130px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	color:#CCCCCC;
	margin-left:2px;

	border:0px;}
.button_img{
	background:url(../images/img_but.png) no-repeat;
	width:122px;
	height:32px;
	border:0px;
	color:#CCCCCC;
	font-size:12px;
	font-weight:normal;
	outline:none;		
	padding-bottom:5px;
	-padding-bottom:0px !important;	} 

	
#footer #services{
	float:left;
	padding:10px 0px 0px 135px;}
#footer #services .ser_list{
	padding:0px;
	margin:0px;}
#footer #services .ser_list ul{
	padding:0px;
	margin:0px;}
#footer #services .ser_list li{
	background:url(../images/bullet.png) 0px 12px no-repeat;
	list-style:none;	
	padding:5px 0px 5px 10px;}
#footer #services .ser_list li a{
	color:#CCCCCC;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;}
#footer #services .ser_list li a:hover{
	color:#446917;
	border-bottom:1px dotted #446917;}	
/*footer Content End*/