/* CSS Document - Marc Ruiz */    

html {
}

div#backgroundBG{
	position:absolute; padding:0px; margin:0 auto; 
	width:100%; height:100%; top:0px; left:0px;
	background-image:url(images/outerbg2.png);
	background-repeat:repeat-x}
	
div#backgroundBG-2  {
	position:absolute; padding:0px; margin:0 auto; 
	width:100%; height:100%; top:0px; left:0px;
	background-image:url(images/main-BG-top.jpg);
	background-repeat:repeat-x}
	
div#backgroundBG-3{
	position:absolute; padding:0px; margin:0 auto; 
	width:100%; height:100%; top:0px;  background-position:center; background-image:url(images/background-glow.png);
	background-repeat:no-repeat;}
	

p#containertext {
	font-family:Arial, Helvetica, sans-serif,; font-size:13px;  margin-right:20px; margin-left:0px; margin-top:6px; margin-bottom:0px;}
	
div#centercontainer {
	padding:0px;margin:0px;
	width:974px;top:0px; left:0px; height:100%;
	position:relative;margin:0 auto;}

div#header {
	width:974px; height:159px; top:0px; left:0px;}

div#logo {
	width:341px; height:149px; top:0px; left:0px;}
	
div#header-services {
	width:964px; height:149px; top:0px; left:0px; background-image:url(images/services-wood-header.png); background-repeat:no-repeat;}




/* NAV AREA */
div#main-nav {
	position:absolute; width:568px; height:21px; top:52px; left:350px;}
	
ul#main-nav{
}

ul#main-nav a{
display:block;text-indent:-9999px;
text-decoration:none; overflow:hidden;
width:100%; height:100%;}


ul#main-nav li {
    display:inline;}

li#main-nav1{
	position:absolute; width:123px; height:52px;top:0px; left:0px;
	background-image:url(images/main-nav-whatsnew-a.jpg); background-repeat:no-repeat;}
li#main-nav1 a.active {background-image:url(images/main-nav-whatsnew-b.png); background-repeat:no-repeat;}
li#main-nav1 a.hover {background-image:url(images/main-nav-whatsnew-b.png); background-repeat:no-repeat;}

li#main-nav2{
	position:absolute; width:110px; height:52px;top:0px; left:125px;
	background-image:url(images/main-nav-portfolio-a.jpg); background-repeat:no-repeat;}
li#main-nav2 a.active {background-image:url(images/main-nav-portfolio-b.png); background-repeat:no-repeat;}
li#main-nav2 a.focus {background-image:url(images/main-nav-portfolio-b.png); background-repeat:no-repeat;}

li#main-nav3{
	position:absolute; width:93px; height:52px;top:0px; left:237px;
	background-image:url(images/main-nav-freebies-a.jpg); background-repeat:no-repeat;}
li#main-nav3 a.active {background-image:url(images/main-nav-freebies-b.png); background-repeat:no-repeat;}

li#main-nav4{
	position:absolute; width:109px; height:52px;top:0px; left:332px;
	background-image:url(images/main-nav-services-a.jpg); background-repeat:no-repeat;}
li#main-nav4 a.active {background-image:url(images/main-nav-services-b.png); background-repeat:no-repeat;}

li#main-nav5{
	position:absolute; width:129px; height:52px;top:0px; left:438px;
	background-image:url(images/main-nav-contactinfo-a.jpg); background-repeat:no-repeat;}
li#main-nav5 a.active {background-image:url(images/main-nav-contactinfo-b.png); background-repeat:no-repeat;}

/* LOWERTABS */
div#lowertabs {position:relative; width:974px; height:98px; top: 400px; right:10px; } 
div#lowertabs-bg {position:absolute; width:917px; height:108px; top:10px; right:20px; background-image:url(images/lowertabs-bg.png); background-repeat:no-repeat;} 
div#lowertabs-A {position:absolute; width:329px; height:98px; top:10px;left:35px;
                 background-image:; background-repeat:no-repeat;}
div#lowertabs-B {position:absolute; width:329px; height:98px; top:10px;left:300px;
                 background-image:; background-repeat:no-repeat;}
div#lowertabs-C {position:absolute; width:329px; height:98px; top:10px;left:630px;
                 background-image:; background-repeat:no-repeat;} 

/* FOOTER */
div#footer-index {
	position:relative; width:974px; height:33px; top: 385px; right:10px;
	background-image:url(images/footer-line.png); background-repeat:no-repeat;}
	
div#footer{
	position:relative; width:974px; height:33px; top:30px; right:10px;
	background-image:url(images/footer-line.png); background-repeat:no-repeat;}
	
div#footer-2{
	position:relative; width:974px; height:33px; top:50px; right:10px;
	background-image:url(images/footer-line.png); background-repeat:no-repeat;}
	
div#footer-black {
	position:relative; width:100%px; height:860px; top: 0px; right:0px;
	background-image:url(images/main-BG-bottom.png); background-repeat:repeat;}
	


div#footer-white {
	position:relative; width:100%px; height:860px; top: 0px; right:0px;
	background-image:url(images/main-BG-bottom.png); background-repeat:repeat;}
		
				 
/* INDEX */

div#content-container{
	position:absolute; width:980px; height:100%px; top:85px; left:0px;}
	
div#index-content {
	position:absolute; width:336px; height:353px; top:63px; left:3px;}
	
div#index-flash {
	position:absolute; width:593px; height:430px; top:26px; left:360px;}

div#index-verse-flash {
	position:relative; width:969px; height:162px; top:415px; left:0px;}



/* FREEBIES */

div#footer-freebies{
	position:relative; width:974px; height:33px; top:30px; right:360px;
	background-image:url(images/footer-line.png); background-repeat:no-repeat;}
	
div#footer-freebies-long{
	position:relative; width:974px; height:72px; top:10px; right:360px;
	background-image:url(images/footer-line-long.png); background-repeat:no-repeat;}
	


div#freebies-content {
	position:absolute; width:593px; height:100%px; top:26px; left:360px;}
	
div#freebies-nav {
	position:absolute; width:336px; height:353px; top:63px; left:3px;}
	
div#freebies-wala to{
	position:absolute; width:568px; height:21px; top:52px; left:350px;}
	
ul#freebies-nav{
}

ul#freebies-nav a{
display:block;text-indent:-9999px;
text-decoration:none; overflow:hidden;
width:100%; height:100%;}


ul#freebies-nav li {
    display:inline;}

li#freebies-nav1{
	position:absolute; width:332px; height:102px;top:0px; left:0px;
	background-image:url(images/freebies-nav-freewallpapers-a.png); background-repeat:no-repeat;}
li#freebies-nav1 a.active {background-image:url(images/freebies-nav-freewallpapers-b.png); background-repeat:no-repeat;}
li#freebies-nav1 a.hover {background-image:url(images/freebies-nav-freewallpapers-b.png)); background-repeat:no-repeat;}

li#freebies-nav2{
	position:absolute; width:332px; height:102px;top:105px; left:0px;
	background-image:url(images/freebies-nav-outoftheboxads-a.png); background-repeat:no-repeat;}
li#freebies-nav2 a.active {background-image:url(images/freebies-nav-outoftheboxads-b.png); background-repeat:no-repeat;}
li#freebies-nav2 a.focus {background-image:url(images/freebies-nav-outoftheboxads-b.png); background-repeat:no-repeat;}

li#freebies-nav3{
	position:absolute; width:332px; height:103px;top:210px; left:0px;
	background-image:url(images/freebies-nav-inspirations-a.png); background-repeat:no-repeat;}
li#freebies-nav3 a.active {background-image:url(images/freebies-nav-inspirations-b.png); background-repeat:no-repeat;}

div#wallpaper-buttons {
	width:586px; height:293px; top:0px; left:0px;
	background-image:url(images/freewallpapers/wallpaper-header.png); background-repeat:no-repeat;}
	
div#wallpaper-button-1024{
	position:absolute; width:208px; height:66px;top:143px; left:285px;
	background-image:url(images/freewallpapers/wallpaper-1024-a.png); background-repeat:no-repeat;}
div#wallpaper-button-1024 a.active {background-image:url(images/freewallpapers/wallpaper-1024-b.png); background-repeat:no-repeat;}

div#wallpaper-button-1680{
	position:absolute; width:208px; height:66px;top:144px; left:90px;
	background-image:url(images/freewallpapers/wallpaper-1680-a.png); background-repeat:no-repeat;}
div#wallpaper-button-1680 a.active {background-image:url(images/freewallpapers/wallpaper-1680-b.png); background-repeat:no-repeat;}

div#wallpaper-button-1680 a,div#wallpaper-button-1024 a
{display:block;text-indent:-9999px;text-decoration:none; overflow:hidden;width:100%; height:100%;}  
	
/* SERVICES */	

div#content-container{
	position:absolute; width:980px; height:100%px; top:85px; left:0px;}
	
div#services-content {
	position:relative; width:964px; height:840px; top:63px; left:0px; background-color:#FFFFFF;}
	
div#services-list{position:absolute; top:0px; right:5px;}

p#services {
	font-family:Arial, Helvetica, sans-serif,; font-size:13px; margin-right:320px; margin-left:40px; margin-top:0px;}
	
div#footer-services {
	position:relative; width:974px; height:33px; top:850px; right:10px;
	background-image:url(images/footer-line.png); background-repeat:no-repeat;}
	
div#footer-black-services {
	position:relative; width:100%px; height:1127px; bottomn:0px; right:0px;
	background-image:url(images/main-BG-bottom-services.png); background-repeat:repeat;}
	
	
/* PORTFOLIO */

div#content-container{
	position:absolute; width:980px; height:100%px; top:85px; left:0px;}

div#portfolio-nav {
	position:absolute; width:332px; height:456px; top:63px; left:3px; background-image:url(images/portfolio/portfolio-clientlist-bg.jpg); background-repeat:no-repeat;}	
	
div#portfolio-header {
	position:absolute; width:624px; height:113px; top:22px; left:360px; 
	background-image:url(images/portfolio/portfolio-header-bg.jpg); background-repeat:repeat;}
	
div#portfolio-flash {
	position:absolute; width:593px; height:386px; top:139px; left:360px;}

div#footer-portfolio {
	position:relative; width:974px; height:33px; top: 490px; right:0px;
	background-image:url(images/footer-line.png); background-repeat:no-repeat;}	
	
/* PORTFOLIO */

div#clientlist{
   position:relative; width:570px; height:167px; top:0px; left:0px;
   background-image:url(images/portfolio/portfolio-clientlist-bg.png); background-repeat:no-repeat;}

div#recentprojects-1 a, div#recentprojects-2 a,div#recentprojects-3 a,div#recentprojects-4 a,div#recentprojects-5 a,
div#client-1 a,div#client-2 a,div#client-3 a,div#client-4 a,div#client-5 a,div#client-6 a,div#client-7 a,div#client-8 a,div#client-9 a,div#client-10 a,div#client-11 a,div#client-12 a,
div#client-13 a,div#client-14 a,div#client-15 a,div#client-16 a,div#client-17 a
{display:block;text-indent:-9999px;text-decoration:none; overflow:hidden;width:100%; height:100%;}  

div#recentprojects{position:absolute; width:124px; height:15px; top:47px; left:30px;}
   
div#client-1{position:absolute; width:282px; height:19px; top:61px; left:15px;
					background-image:url(images/portfolio/portfolio-clientlist-list-1-a.png); background-repeat:no-repeat;}
					div#client-1 a.active {background-image:url(images/portfolio/portfolio-clientlist-list-1-b.png); background-repeat:no-repeat;}					
div#client-2{position:absolute; width:282px; height:19px; top:76px; left:15px;
					background-image:url(images/portfolio/portfolio-clientlist-list-2-a.png); background-repeat:no-repeat;}
					div#client-2 a.active {background-image:url(images/portfolio/portfolio-clientlist-list-2-b.png); background-repeat:no-repeat;}
div#client-3{position:absolute; width:282px; height:19px; top:91px; left:15px;
					background-image:url(images/portfolio/portfolio-clientlist-list-3-a.png); background-repeat:no-repeat;}
					div#client-3 a.active {background-image:url(images/portfolio/portfolio-clientlist-list-3-b.png); background-repeat:no-repeat;}
div#client-4{position:absolute; width:282px; height:19px; top:106px; left:15px;
					background-image:url(images/portfolio/portfolio-clientlist-list-4-a.png); background-repeat:no-repeat;}
					div#client-4 a.active {background-image:url(images/portfolio/portfolio-clientlist-list-4-b.png); background-repeat:no-repeat;}
div#client-5{position:absolute; width:282px; height:19px; top:123px; left:15px;
					background-image:url(images/portfolio/portfolio-clientlist-list-5-a.png); background-repeat:no-repeat;}
					div#client-5 a.active {background-image:url(images/portfolio/portfolio-clientlist-list-5-b.png); background-repeat:no-repeat;}			
div#client-6{position:absolute; width:282px; height:19px; top:138px; left:15px;
					background-image:url(images/portfolio/portfolio-clientlist-list-6-a.png); background-repeat:no-repeat;}
					div#client-6 a.active {background-image:url(images/portfolio/portfolio-clientlist-list-6-b.png); background-repeat:no-repeat;}
div#client-7{position:absolute; width:282px; height:19px; top:153px; left:15px;
					background-image:url(images/portfolio/portfolio-clientlist-list-7-a.png); background-repeat:no-repeat;}
					div#client-7 a.active {background-image:url(images/portfolio/portfolio-clientlist-list-7-b.png); background-repeat:no-repeat;}					
div#client-8{position:absolute; width:282px; height:19px; top:170px; left:15px;
					background-image:url(images/portfolio/portfolio-clientlist-list-8-a.png); background-repeat:no-repeat;}
					div#client-8 a.active {background-image:url(images/portfolio/portfolio-clientlist-list-8-b.png); background-repeat:no-repeat;}		
div#client-9{position:absolute; width:282px; height:19px; top:185px; left:15px;
					background-image:url(images/portfolio/portfolio-clientlist-list-9-a.png); background-repeat:no-repeat;}
					div#client-9 a.active {background-image:url(images/portfolio/portfolio-clientlist-list-9-b.png); background-repeat:no-repeat;}	
div#client-10{position:absolute; width:282px; height:19px; top:202px; left:15px;
					background-image:url(images/portfolio/portfolio-clientlist-list-10-a.png); background-repeat:no-repeat;}
					div#client-10 a.active {background-image:url(images/portfolio/portfolio-clientlist-list-10-b.png); background-repeat:no-repeat;}			
div#client-11{position:absolute; width:282px; height:19px; top:217px; left:15px;
					background-image:url(images/portfolio/portfolio-clientlist-list-11-a.png); background-repeat:no-repeat;}
					div#client-11 a.active {background-image:url(images/portfolio/portfolio-clientlist-list-11-b.png); background-repeat:no-repeat;}		
div#client-12{position:absolute; width:282px; height:19px; top:232px; left:15px;
					background-image:url(images/portfolio/portfolio-clientlist-list-12-a.png); background-repeat:no-repeat;}
					div#client-12 a.active {background-image:url(images/portfolio/portfolio-clientlist-list-12-b.png); background-repeat:no-repeat;}