/* CSS Document */

body { 
	margin-top: 0;
	margin-bottom: 0;
	font: 9pt/12pt trebuchet ms; 
	color: #7C8583; 
	margin: 0px;
	background: #7C8583 url(../images/bg_tile_02.jpg) repeat-x; 
	}
a.body{
        color: #7C8583;
	text-decoration: underline;
}
a:hover.body{
	color: #7C8583;
	text-decoration: underline;
}
a:visited.body {
        color: #7C8583;
	text-decoration: underline;
}

#container { 
	margin-right: 0;
  	margin-left: 0;
	height: 800px;
	width: 840px;

	}
#sign {
	background: url(../images/sign_whole.jpg) no-repeat top left; 
	position: absolute;
	top: 0;
	width: 344px;
	height: 644px;
	z-index: 3;
 	}

#topright {
	background: url(../images/top.jpg) no-repeat top;
	position: absolute;
	top: 0;
	left: 0;
	width: 840px;
	height: 170px;
	z-index: 1;
 	}
#main_content_area {
	position: absolute; 
	top: 168px;
	left: 345px; 
	width: 443px;
	height: 572px; 
	z-index: 4;
	}
#construction { 
	position: relative;
	top: 100px;
	left: 50px; 
	width: 350px;
	height: 450px; 
	z-index: 5;
	}
#text_pages { 
	position: relative;
	top: 80px;
	left: 13px; 
	width: 430px;
	height: 450px; 
	z-index: 30;
	}
#text_home { 
	position: relative;
	top: 40px;
	left: 13px; 
	width: 430px;
	height: 450px; 
	z-index: 30;
	}


/* FOOTER
----------------------------------------------- */
#footer { 
	background: url(../images/footer.jpg) no-repeat top;
 	position: absolute;
	top: 751px;
	left:0;
	width: 840px;
	height: 57px;
	z-index: 4; 
	}

#footer_text { 
        position: relative;
	top: 20px;
	width: 785px;
	height: 40px;
	font: 8pt/14pt trebuchet ms;
	color: #B6BFBD;
	text-align: right;
	}



/* NAVIGATION
----------------------------------------------- */

#globalnav {
	position: absolute; 
	margin-top: 9px;
	margin-left: 507px;
	width: 275px;
	height: 20px;
	z-index: 5;
	font: 8pt/14pt trebuchet ms;
	color: #B6BFBD;
 	}
a.globalnav{
        color: #B6BFBD;
	text-decoration: none;
}
a:hover.globalnav{
	color: #B6BFBD;
	text-decoration: none;
}
a:visited.globalnav {
        color: #B6BFBD;
	text-decoration: none;
}
#nav_home { 
        position: absolute;
	//background: transparent url(../images/nav_home.jpg) no-repeat;
        top: 340px;
	left: 118px; 
	width: 132px;
	height: 33px;
	z-index: 5; 
	}
#nav_home a:hover {
	position: absolute;
	top: 0;
	left: 0;  
	width: 132px;
	height: 33px;
	background: url(../images/nav_home.jpg) -132px 0 no-repeat;
	z-index: 11;
	}

#nav_about { 
        position: absolute;
        top: 373px;
	left: 118px; 
	width: 132px;
	height: 27px;
	z-index: 6; 
	}
#nav_about a:hover {
	position: absolute;
	top: 0;
	left: 0;  
	width: 132px;
	height: 27px;
	background: url(../images/nav_about.jpg) -132px 0 no-repeat;
	z-index: 12;
	}

#nav_services { 
        position: absolute;
        top: 400px;
	left: 118px; 
	width: 132px;
	height: 28px;
	z-index: 7; 
	}
#nav_services a:hover {
	position: absolute;
	top: 0;
	left: 0;  
	width: 132px;
	height: 28px;
	background: url(../images/nav_services.jpg) -132px 0 no-repeat;
	z-index: 13;
	}
#nav_portfolio { 
        position: absolute;
        top: 428px;
	left: 118px; 
	width: 132px;
	height: 29px;
	z-index: 8; 
	}
#nav_portfolio a:hover {
	position: absolute;
	top: 0;
	left: 0;  
	width: 132px;
	height: 29px;
	background: url(../images/nav_portfolio.jpg) -132px 0 no-repeat;
	z-index: 14;
	}

#nav_contact { 
        position: absolute;
        top: 457px;
	left: 118px; 
	width: 132px;
	height: 30px;
	z-index: 9; 
	}
#nav_contact a:hover {
	position: absolute;
	top: 0;
	left: 0;  
	width: 132px;
	height: 30px;
	background: url(../images/nav_contact.jpg) -132px 0 no-repeat;
	z-index: 15;
	}
#nav_links { 
        position: absolute;
	//background: transparent url(../images/nav_links.jpg) no-repeat;
        top: 487px;
	left: 118px; 
	width: 132px;
	height: 30px;
	z-index: 10; 
	}
#nav_links a:hover {
	position: absolute;
	top: 0;
	left: 0;  
	width: 132px;
	height: 30px;
	background: url(../images/nav_links.jpg) -132px 0 no-repeat;
	z-index: 16;
	}

/* PORTFOLIO PAGES
----------------------------------------------- */
#portfolio_main_sites {
	position: absolute; 
	top: 36px;
	left: 90px; 
	width: 166px;
	height: 108px; 
	z-index: 20;
	background: url(../images/port_main_sites.jpg) -166px 0 no-repeat;	
}
#portfolio_main_sites a:hover{
	position: absolute; 
	top: 0;
	left: 0; 
	width: 166px;
	height: 108px; 
	z-index: 21;
        background: url(../images/port_main_sites.jpg) 0 0 no-repeat;
	}
#portfolio_main_apps {
	position: absolute; 
	top: 36px;
	left: 270px; 
	width: 166px;
	height: 108px; 
	z-index: 22;
	background: url(../images/port_main_apps.jpg) -166px 0 no-repeat;	
}
#portfolio_main_apps a:hover{
	position: absolute; 
	top: 0;
	left: 0; 
	width: 166px;
	height: 108px; 
	z-index: 23;
        background: url(../images/port_main_apps.jpg) 0 0 no-repeat;
	}
#portfolio_main_comm {
	position: absolute; 
	top: 158px;
	left: 90px; 
	width: 166px;
	height: 108px; 
	z-index: 22;
	background: url(../images/port_main_commerce.jpg) -166px 0 no-repeat;	
}
#portfolio_main_comm a:hover{
	position: absolute; 
	top: 0;
	left: 0; 
	width: 166px;
	height: 108px; 
	z-index: 23;
        background: url(../images/port_main_commerce.jpg) 0 0 no-repeat;
	}
#portfolio_main_commun {
	position: absolute; 
	top: 158px;
	left: 270px; 
	width: 166px;
	height: 108px; 
	z-index: 22;
	background: url(../images/port_main_community.jpg) -166px 0 no-repeat;	
}
#portfolio_main_commun a:hover{
	position: absolute; 
	top: 0;
	left: 0; 
	width: 166px;
	height: 108px; 
	z-index: 23;
        background: url(../images/port_main_community.jpg) 0 0 no-repeat;
	}
#portfolio_main_cm {
	position: absolute; 
	top: 280px;
	left: 90px; 
	width: 166px;
	height: 108px; 
	z-index: 22;
	background: url(../images/port_main_cm.jpg) -166px 0 no-repeat;	
}
#portfolio_main_cm a:hover{
	position: absolute; 
	top: 0;
	left: 0; 
	width: 166px;
	height: 108px; 
	z-index: 23;
        background: url(../images/port_main_cm.jpg) 0 0 no-repeat;
	}
#portfolio_main_ban {
	position: absolute; 
	top: 280px;
	left: 270px; 
	width: 166px;
	height: 108px; 
	z-index: 22;
	background: url(../images/port_main_banners.jpg) -166px 0 no-repeat;	
}
#portfolio_main_ban a:hover{
	position: absolute; 
	top: 0;
	left: 0; 
	width: 166px;
	height: 108px; 
	z-index: 23;
        background: url(../images/port_main_banners.jpg) 0 0 no-repeat;
	}
#portfolio_main_wed {
	position: absolute; 
	top: 402px;
	left: 270px; 
	width: 166px;
	height: 108px; 
	z-index: 22;
	background: url(../images/port_main_weddings.jpg) -166px 0 no-repeat;	
}
#portfolio_main_wed a:hover{
	position: absolute; 
	top: 0;
	left: 0; 
	width: 166px;
	height: 108px; 
	z-index: 23;
        background: url(../images/port_main_weddings.jpg) 0 0 no-repeat;
	}
#port_titleandimage {
	position: absolute; 
	top: 36px;
	left: 10px; 
	width: 340px;
	height: 280px; 
	z-index: 7;
	}
#port_thumbnails {
	position: absolute; 
	top: 275px;
	left: 13px; 
	width: 200px;
	height: 50px; 
	z-index: 9;
	}
#port_text {
	position: absolute; 
	top: 323px;
	left: 12px; 
	width: 320px;
	height: 241px; 
	z-index: 8;
	}
#port_rightnav_apps {
	/*background: url(../images/port_nav_apps.jpg) no-repeat;*/
	position: relative; 
	padding: 2px 10px 10px 10px;
	top: 10px;
	left: 350px; 
	width: 100px;
	height: 568px; 
	z-index: 6;
	font: 7pt/14px trebuchet ms; 
	color: #7C8583;
	font-weight: bold; 
	}

/* COMMON PAGE ITEMS
----------------------------------------------- */

#breadcrumbs {
	position: absolute; 
	top: 5px;
	left: 14px;
	width: 275px;
	height: 20px;
	z-index: 7;
	font: 11px/14px trebuchet ms; 
	color: #7C8583;
 	}
a.breadcrumbs{
        color: #7C8583;
	text-decoration: underline;
}
a:hover.breadcrumbs{
	color: #7C8583;
	text-decoration: underline;
}
a:visited.breadcrumbs {
        color: #7C8583;
	text-decoration: underline;
}