/* CSS Document */

/* ........................................
logo and header section starts here
.............................................
 */
#logo_section{overflow:hidden;position:absolute;left:0px;top:0px;z-index:0;width:1003px;height:56px; background:url(../images/logo_section.png);}
#menu{ position:relative;
height:40px;
width:400px;
float:right;
padding-top:18px;
z-index:1
}
#menu li { display:inline;}
#menu li a{color:#FCFCFC; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:14px;}
#menu li a:hover{ color:#FF9900; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size:14px;}

/* header section starts here */
#header_image{overflow:hidden;position:absolute;left:0px;top:55px;z-index:2;width:1003px;height:240px; background:url(../images/headersection.png);}

/* ................................
top container section starts here
.................................... */
#top_container{overflow:hidden;position:absolute;left:0px;top:292px;z-index:3;width:1003px;height:244px; background:url(../images/contaner.png);}
/* web development section starts here */
#top_container_head{position:absolute;left:53px;top:300px;width:206px;height:22px;z-index:4; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#CCCCCC;}
#top_container_head h1{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#CCCCCC;}
#top_container_head_text{position:absolute;left:53px;top:320px;width:244px;height:150px;z-index:5; line-height:15px;}
#top_container_head_text p{font-family:Arial; font-size:12px; color:#CCCCCC;}
#top_container_head_text p a:link,  #top_container_head_text p a:visited { color: #FF9900; text-decoration: none;}
#top_container_head_text p a:hover,  #top_container_head_text pt a:active { color:#FFFFFF; text-decoration: none;}
#getaquote1{overflow:hidden;position:absolute;left:45px;top:471px;z-index:6;width:135px;height:39px;}

/* seo section starts here */
#top_container_head_seo{position:absolute;left:350px;top:300px;width:300px;height:22px;z-index:7; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#CCCCCC;}
#top_container_head_seo h1{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#CCCCCC;}
#top_container_head_text_seo{position:absolute;left:350px;top:320px;width:244px;height:120px;z-index:8;line-height:15px;}
#top_container_head_text_seo p{font-family:Arial; font-size:12px; color:#CCCCCC;}
#top_container_head_text_seo p a:link,  #top_container_head_text_seo p a:visited { color: #FF9900; text-decoration: none;}
#top_container_head_text_seo p a:hover,  #top_container_head_text_seo pt a:active { color:#FFFFFF; text-decoration: none;}
#getaquote2{overflow:hidden;position:absolute;left:340px;top:471px;z-index:9;width:135px;height:39px;}
/* freelancer image */
#freelace_web_designer_image{overflow:hidden;position:absolute;left:778px;top:298px;z-index:10;width:182px;height:227px;}

/* ......................................
page container section starts here
......................................... */
#page_container{position:absolute;left:0px;top:528px;z-index:11; width:1003px; height:450px;}
#LeftBar {
		float: left; 
		width: 350px;
		margin: 0; padding: 0; text-align: left;
		font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #FFFFFF; z-index:12;
		}
			#LeftBar h1 {
				font-size: 20px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;
				color:#FFFFFF; padding: 0 0 10px 47px;  line-height:40px; letter-spacing: 2px; margin-top:15px;
				}		
			ul#services  {
				padding: 0 10px 0 5px; text-align:left; margin: 0 0 15px 42px;
				} 			
			ul#services li {
				list-style-image:; list-style-position: outside; list-style-type: none;
				font-size:12px; line-height:20px;
				border-bottom: 1px solid #333333;
				}		
				ul#services a:link, ul#services a:visited { color:#999999; text-decoration: none; padding-top:5px; display:block;}
				ul#services a:hover, ul#services a:active { color:#FFFFFF; text-decoration: none;}
				
		/* right section */		

#portfolio{position:absolute;left:850px;top:540px;width:130px;height:36px;z-index:13; font-size:32px; color:#FFFFFF;}
#aryan_packers{overflow:hidden;position:absolute;left:480px;top:583px;z-index:14;width:489px;height:97px;}
#nimjay{overflow:hidden;position:absolute;left:480px;top:683px;z-index:15;width:489px;height:97px;}
#shrisai{hidden;position:absolute;left:480px;top:783px;z-index:16;width:489px;height:97px;}

/* ..............................
..........................................
footer section                            
...........................................
.................................
 */	

/* footer Starts */
	
#footer_section{overflow:hidden;position:absolute;left:0px;top:902px;z-index:17;width:1003px;height:78px; background:url(../images/footer.png);}
#footernav{ position:relative;
height:60px;
width:400px;
float: left;
padding-top:30px;
padding-left:40px;
color:#CCCCCC;}
#footernav li{ display:inline;font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#999999;}
#footernav li a{color:#FCFCFC; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px;}
#footernav li a:hover{ color:#FF9900; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size:11px;}
#footer_text{position:absolute;left:680px;top:920px;width:300px;height:14px;z-index:18; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#CCCCCC; padding-top:17px;}
