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

body	
{ background-image:url(images/bg.jpg); background-position:top left; background-repeat:repeat-x; background-color:#6e899b; font-family:Tahoma, Arial, Helvetica, sans-serif; }

a { text-decoration:none; }

.site-container	
{ display:block; position:relative; width:1000px; margin-left:auto; margin-right:auto; }					


.logo	
{ display:block; position:absolute; width:162px; height:53px; background-image:url(images/logo.png); top:10px; left:0px; }


.main_nav-container	
{ display:block; position:absolute; width:1000px; height:30px; background-image:url(images/top-pattern.png); top:80px; left:0px; }


.main_nav-position 
{ position:absolute; left:530px; }


.main_nav	{
			padding-top:0px;
   			overflow:hidden;
   			position:relative;
			font-size:14px;
			color:#555555;
			}
			
.main_nav ul	{
				clear:left;
   				float:left;
   				list-style:none;
   				margin:0;
   				padding:0;
   				position:relative;
   				text-align:center;
				}
			
.main_nav li	{
				display:block;
   				float:left;
   				list-style:none;
   				margin:0;
   				padding-left:70px;
   				padding-bottom:10px;
   				position:relative;
				}
				
.main_nav li a {
				font-size:14px;
				color:#555555;
				text-decoration:none;
				}
				
.main_nav li a:hover {
				font-size:14px;
				color:#ed145b;
				text-decoration:none;
				}
				


.main-content-container	
{ display:block; position:absolute; width:1000px; height:505px; background-image:url(images/main-bg.png); top:110px; left:0px; }

#portfolio	
{ background-image:url(images/portfolio-main-bg.png); top:110px; left:0px; }

.large-text-heading	
{ position:absolute; top:40px; left:23px; }


.main-content-container .index-text 
{ position:absolute; top:110px; left:43px; width:365px; font-size:12px; color:#000000; line-height:24px; }


.secondary-nav-box-a
{ display:block; width:270px; height:207px; position:absolute; top:290px; left:465px; border:0px #000000 solid; }


.secondary-nav-box-a:hover 
{ display:block; width:272px; height:207px;background-color:#98abb8; cursor:pointer; }


.secondary-nav-box-a .heading	
{ position:absolute; top:12px; left:14px; font-size:14px; font-weight:bold; color:#ed145b; }
				

.secondary-nav-box-a .description 
{ position:absolute; top:38px; left:14px; font-size:12px; color:#636363; line-height:24px; }


.secondary-nav-box-a .pic 
{ position:absolute; top:60px; left:108px; width:91px; height:151px; background-image:url(images/portfolio-pic.png); }


.secondary-nav-box-b 
{ display:block; width:263px; height:211px; position:absolute; top:290px; left:738px; border:0px #000000 solid; }


.secondary-nav-box-b:hover 
{ display:block; width:263px; height:211px;background-color:#98abb8; cursor:pointer; }

.secondary-nav-box-b .heading 
{ position:absolute; top:12px; left:14px; font-size:14px; font-weight:bold; color:#ed145b; }


.secondary-nav-box-b .description 
{ position:absolute; top:38px; left:14px; font-size:12px; color:#636363; line-height:24px; }


.secondary-nav-box-b .pic 
{ position:absolute; top:89px; left:84px; width:106px; height:122px; background-image:url(images/profile-pic.png); }


.design-portfolio
{ display:block; width:464px; height:505px; position:absolute; top:0px; left:536px; overflow:auto; }


.page-end 
{ display:block; position:absolute; width:1000px; height:30px; background-image:url(images/bottom-pattern.png); top:613px; left:0px; }


/* ========= portfolio ============ */

.betterfurniture	{ position:relative; top:50px; width:400px; }  /* add 230px to top each time */
.betterfurniture .title	{ position:absolute; top:0px; left:8px; font-size:12px; color:#ed145b; }
.betterfurniture .image	{ position:absolute; top:20px; left:0px; }
.betterfurniture .enlarge { position:absolute; top:140px; left:8px; font-size:12px; color:#000000; }
.betterfurniture .description { position:absolute; top:20px; left:190px; font-size:12px; color:#000000; line-height:20px; }

.best4	{ position:relative; top:280px; width:400px; }
.best4 .title	{ position:absolute; top:0px; left:8px; font-size:12px; color:#ed145b; }
.best4 .image	{ position:absolute; top:20px; left:0px; }
.best4 .enlarge { position:absolute; top:140px; left:8px; font-size:12px; color:#000000; }
.best4 .description { position:absolute; top:20px; left:190px; font-size:12px; color:#000000; line-height:20px; }

.freerange	{ position:relative; top:510px; width:400px; }
.freerange .title	{ position:absolute; top:0px; left:8px; font-size:12px; color:#ed145b; }
.freerange .image	{ position:absolute; top:20px; left:0px; }
.freerange .enlarge { position:absolute; top:140px; left:8px; font-size:12px; color:#000000; }
.freerange .description { position:absolute; top:20px; left:190px; font-size:12px; color:#000000; line-height:20px; }

.dodo	{ position:relative; top:740px; width:400px; }
.dodo .title	{ position:absolute; top:0px; left:8px; font-size:12px; color:#ed145b; }
.dodo .image	{ position:absolute; top:20px; left:0px; }
.dodo .enlarge { position:absolute; top:140px; left:8px; font-size:12px; color:#000000; }
.dodo .description { position:absolute; top:20px; left:190px; font-size:12px; color:#000000; line-height:20px; }

.kdv	{ position:relative; top:970px; width:400px; }
.kdv .title	{ position:absolute; top:0px; left:8px; font-size:12px; color:#ed145b; }
.kdv .image	{ position:absolute; top:20px; left:0px; }
.kdv .enlarge { position:absolute; top:140px; left:8px; font-size:12px; color:#000000; }
.kdv .description { position:absolute; top:20px; left:190px; font-size:12px; color:#000000; line-height:20px; }

.ffrunning	{ position:relative; top:1200px; width:400px; }
.ffrunning .title	{ position:absolute; top:0px; left:8px; font-size:12px; color:#ed145b; }
.ffrunning .image	{ position:absolute; top:20px; left:0px; }
.ffrunning .enlarge { position:absolute; top:140px; left:8px; font-size:12px; color:#000000; }
.ffrunning .description { position:absolute; top:20px; left:190px; font-size:12px; color:#000000; line-height:20px; }

.withlove	{ position:relative; top:1430px; width:400px; }
.withlove .title	{ position:absolute; top:0px; left:8px; font-size:12px; color:#ed145b; }
.withlove .image	{ position:absolute; top:20px; left:0px; }
.withlove .enlarge { position:absolute; top:140px; left:8px; font-size:12px; color:#000000; }
.withlove .description { position:absolute; top:20px; left:190px; font-size:12px; color:#000000; line-height:20px; }

.gifthorse	{ position:relative; top:1660px; width:400px; }
.gifthorse .title	{ position:absolute; top:0px; left:8px; font-size:12px; color:#ed145b; }
.gifthorse .image	{ position:absolute; top:20px; left:0px; }
.gifthorse .enlarge { position:absolute; top:140px; left:8px; font-size:12px; color:#000000; }
.gifthorse .description { position:absolute; top:20px; left:190px; font-size:12px; color:#000000; line-height:20px; }

.v1	{ position:relative; top:1890px; width:400px; }
.v1 .title	{ position:absolute; top:0px; left:8px; font-size:12px; color:#ed145b; }
.v1 .image	{ position:absolute; top:20px; left:0px; }
.v1 .enlarge { position:absolute; top:140px; left:8px; font-size:12px; color:#000000; }
.v1 .description { position:absolute; top:20px; left:190px; font-size:12px; color:#000000; line-height:20px; }

.evanie	{ position:relative; top:2120px; width:400px; }
.evanie .title	{ position:absolute; top:0px; left:8px; font-size:12px; color:#ed145b; }
.evanie .image	{ position:absolute; top:20px; left:0px; }
.evanie .enlarge { position:absolute; top:140px; left:8px; font-size:12px; color:#000000; }
.evanie .description { position:absolute; top:20px; left:190px; font-size:12px; color:#000000; line-height:20px; }

.allbuild	{ position:relative; top:2350px; width:400px; }
.allbuild .title	{ position:absolute; top:0px; left:8px; font-size:12px; color:#ed145b; }
.allbuild .image	{ position:absolute; top:20px; left:0px; }
.allbuild .enlarge { position:absolute; top:140px; left:8px; font-size:12px; color:#000000; }
.allbuild .description { position:absolute; top:20px; left:190px; font-size:12px; color:#000000; line-height:20px; }

.finew	{ position:relative; top:2580px; width:400px; }
.finew .title	{ position:absolute; top:0px; left:8px; font-size:12px; color:#ed145b; }
.finew .image	{ position:absolute; top:20px; left:0px; }
.finew .enlarge { position:absolute; top:140px; left:8px; font-size:12px; color:#000000; }
.finew .description { position:absolute; top:20px; left:190px; font-size:12px; color:#000000; line-height:20px; }

.profile-icon	{ position:absolute; top:260px; left:50px; width:154px; height:200px; background-image:url(images/profile-sil.png); background-repeat:no-repeat; }

.profile-content	{ position:absolute; top:50px; left:0px; font-size:12px; line-height:24px; }
.profile-content .header	{ font-size:14px; color:#ed145b; font-weight:normal; }
.profile-content .subheader	{ font-size:12px; color:#000000; font-weight:bold; line-height:38px; }


/* ==== navigation ===== */

a.portnav:link	{color:#000000; text-decoration:none;}
a.portnav:visited	{color:#000000; text-decoration:none;}	
a.portnav:hover	{color:#000000; text-decoration:underline;}
a.portnav:active	{color:#000000; text-decoration:none;}