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



body {
	padding: 0;
	margin: -3px 0 0 0;
        background:url(../images/bg-texture-grunge.jpg) center top;
	background-attachment:fixed;
	color: #333333;


}

h1 {font-size: 44px;line-height:normal; font-weight: normal; font-family: 'BickleyScriptLETPlain', sans-serif;}
h1 a{color:#8E8036;}

p {font-size: 14px;line-height:normal; font-weight: normal; line-height:1.4m;
   text-align:justify; color:#8D8063;}


a{display:block;}

ul{ list-style:none;}



li { display:inline;

}

img{ border:none;}

#wrapper {
	
	width: 100%;
	display: table;
		min-width:800px;
}
#container {
	margin:0px auto;
	background:url(../images/bg-white-repeat.png) repeat-y;
	width:1105px;
}

#container-home {
         margin:20px auto -6px;
	background:url(../images/bg-curly-medium.png);
	width:1076px;
        height:1877px;
}





#top-curly {
	margin:40px auto 0 auto;
	background:url(../images/curly-top.png) no-repeat;
	width:1105px;
	height:80px;
}
#content {
	width:870px;
	margin:0 auto;
	padding-bottom:28px;
	position:relative;
        top:105px;
}

#content-artwork {
	width:870px;
	margin:0 auto;
	padding-bottom:28px;
	position:relative;
        top:15px;
}


#bottom-curly{
	margin:0 auto;
	background:url(../images/curly-bottom.png) no-repeat;
	width:1105px;
	height:97px;
}


#top-flash{
/*	background:url(../images/top_img.jpg) no-repeat;*/
	width:813px;
	height:85px;
	margin:0 auto;
	top:-15px;
	position:relative;
}

#top{
	float:left;
}

#tagline{
	background:url(../images/online.jpg) no-repeat;
	top:78px;
	position:absolute;
	left:26px;
	text-indent:-9999px;
	width:220px;
	height:20px;
}

#navigator{
	position:absolute;
	top:78px;
	right:26px;
	background:url(../images/site-nav.jpg);
	width:254px;
	height:24px;
}

.color-silver{
	color:#8E8E6C;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14.7px;
	font-weight:bold;
}

#logo a{
display:block;
background:url(../images/logo.jpg) no-repeat;
width:163px;
height:206px;
margin:15px auto;

}


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



#first-nav{
	margin: -10px auto;
	width:980px;

}

ul#first-navUl a{
	float:left;
	text-indent:-9999px;
	display:block;
}



ul#first-navUl li.separator-nav a, ul#second-navUl li.separator-nav a{
	background:url(../images/separator-nav.jpg) no-repeat;
	width:11px;
	height:33px;
	padding-left:3px;
	
}

ul#first-navUl li#ecover a{
	background:url(../images/3d-cover-nav.jpg) no-repeat;
	width:149px;
	height:28px;
	padding-right:3px;
	left:-15px;
	position:relative;
	
}

ul#first-navUl li#web a{
	background:url(../images/web-design-nav.jpg) no-repeat;
	width:182px;
	height:28px;
	padding-right:3px;
        position:relative;
        left:-6px;
}

ul#first-navUl li#print a{
	background:url(../images/prints-nav.jpg) no-repeat;
	width:76px;
	height:28px;
	padding-right:3px;
position:relative;
left:-4px;
}

ul#first-navUl li#ppt a{
	background: url(../images/ppt-nav.jpg) no-repeat;
	width:346px;
	height:28px;
	padding-right:3px;
}


/*-----------------------------------------------------------*/
#second-nav{
	margin: 0 auto;
	width:900px;
	position:relative;
        z-index:6;

}

ul#second-navUl a{
	float:left;
	text-indent:-9999px;
	display:block;

	
	
}

 ul#second-navUl li.separator-nav a{
 	padding-left:25px;
 }


ul#second-navUl li#story a{
	background:url(../images/our-nav.jpg) no-repeat;
	width:118px;
	height:25px;
	padding-right:20px;
	left:-15px;
	position:relative;
}

ul#second-navUl li#testimonial a{
	background:url(../images/client-nav.jpg) no-repeat;
	width:236px;
	height:25px;
	padding-right:25px;
        position:relative;
       left:-4px;

}

ul#second-navUl li#policies a{
	background:url(../images/policies-nav.jpg) no-repeat;
	width:150px;
	height:25px;
	padding-right:20px;
        position:relative;
       left:-4px;
}

ul#second-navUl li#contacts a{
	background:url(../images/contact-nav.jpg) no-repeat;
	width:126px;
	height:25px;
	padding-right:25px;

}


/* tab-panel
=============================================*/

#tab-panel{
	
	width:655px;
	height:207px;
	position:relative;
	top:0px;
	padding-bottom:95px;
	left:25px;
}

#flash-frame{position:absolute; top:25px; right:-170px; z-index:6;}


/* content-two-column
=============================================*/
#content-two-column{
	width:830px;
	margin-top:-20px;
}

#left-column{
	width:530px;
	float:left;	
	position:relative;
	left:30px;
}

#right-column{
	width:210px;
	float:left;
	left:95px;
	position:relative;
	top:-60px;
}

/*==============================================*/
/*                 LEFT COLUMN					*/
/*==============================================*/

/* gallery
================================================*/
.gallery{
	position:relative;
	top:10px;
	margin-top:-20px;
	
}



.img{
	background:url(../images/frame-small.jpg) no-repeat;
	width:219px;
	height:169px;
	float:left;
	padding-right:15px;
	padding-bottom:30px;
	margin-top:-15px;
}

.img img{
	padding-top:16px;
	padding-left:15px;
	max-height:140px;

	
}

.title{
	float:left;
	width:310px;
	position:relative;
	top:10px;

}


.gallery .text {
	width:550px;
	top:-55px;
	position:relative;
	

}



.gallery .text .title h1.ppt a{
	background:url(../images/ppt-key-h1.jpg) no-repeat;
	width:210px;
	height:37px;
	display:block;
	margin-bottom:-18px;
}

.gallery .text .title h1.web a{
	background:url(../images/website-h1.jpg) no-repeat;
	width:210px;
	height:37px;
	display:block;
	margin-bottom:-18px;
}

.gallery .text .title h1.print a{
	background:url(../images/print-h1.jpg) no-repeat;
	width:210px;
	height:37px;
	display:block;
	margin-bottom:-18px;
}

.gallery .text .title h1.ecover a{
	background:url(../images/3d-h1.jpg) no-repeat;
	width:210px;
	height:37px;
	display:block;
	margin-bottom:-18px;
}

.gallery .text .title h1 a{
	text-indent:-9999px;
}






/* ==================================================*/
/*                    SEPARATOR                      */
/* ==================================================*/

/* separator
====================================================*/
.separator-left-content-home{
	background:url(../images/separator-content.jpg)repeat-x;
	width:560px;
	height:9px;
	clear:both;
	position:relative;
	top:-25px;
}

.separator-ver{
	background:url(../images/separator-ver.jpg) repeat-y;
	height:824px;
	width:7px;
	float:left;
	position:relative;
	left:78px;
	top:-15px;
	z-index:2;
}

.separator-small{
	background:url(../images/separator-small.jpg) no-repeat;
	width:205px;
	height:10px;
	position:relative;

	
}

#separator-bottom{
	background:url(../images/separator-bottom.jpg) repeat-x;
	width:846px;
	height:11px;
	clear:both;
	display:block;
	position:relative;
	margin:0px auto;
        top:-40px;
}

#separator-hor{
	margin:0 auto;
	background:url(../images/separator-nav-hor.jpg) no-repeat;
	width:836px;
	height:9px;
	position:relative;
	top:35px;
}

#separator-clien{
	background:url(../images/separator-client.jpg) no-repeat;
	width:676px;
	height:10px;
	margin:0 auto;
}


/* ==================================================*/
/*                    RIGHT COLUMN                   */
/* ==================================================*/


/*1. dashboard */

#title-dashboard h1{
	background:url(../images/birdie-dashboard-h1.jpg) no-repeat;
	width:185px;
	height:39px;
	position:relative;
	top:25px;
	left:3px;
	z-index:4;
}

#live-chat a{
	background:url(../images/live-support.jpg) no-repeat;
	width:213px;
	height:115px;
	display:block;
	position:relative;
	top:-15px;
        cursor:pointer;
}

/*2. client testimonial */
#title-testi h1{
	background:url(../images/client-testi-h1.jpg) no-repeat;
	width:179px;
	height:21px;
	position:relative;
	left:-5px;
	
	

}

#client-testimonial{position:relative; top:-45px;}

#content-testi{

	/*background:url(images/testi-mooi.jpg) no-repeat;*/
	width:200px;
	height:122px;
	position:relative;
	top:-18px;
}



#button-testi a{
	display:block;
	background:url(../images/seemore.jpg) no-repeat;
	width:202px;
	height:39px;
	position:relative;
	top:-25px;
	margin-bottom:-70px;
}

.text-testi{
	color:#80272D;
	font-size:20px;
	line-height:0.1em;
	vertical-align:0.05em;
	font-family:'BaskervilleItalic';

}

.testi-name{
	position:relative;
	top:-9px;
	color:#8E8063;
	font-size:17px;
	text-align:center;
	display:block;
	width:210px;
        color:#8D8063;
}

.baskerville-italic{font-family:'BaskervilleItalic';}

/*3. frame picture */
#frame-pct{
	background:url(../images/frame-pct.jpg) no-repeat;
	width:205px;
	height:113px;

}

/*4. birdie newest */

#newest-title{
	background:url(../images/birdie-newest-workshop-h1.jpg) no-repeat;
	width:202px;
	height:21px;
	position:relative;
	top:8px;
}


#category{
	width:250px;
	position:relative;
	left:-33px;

	
}

#categoryUl li{
	line-height:1.2em;
}


#categoryUl li a{
	text-decoration:none;
	float:left;
	display:block;

	
}

a .text-category-red{
	font-size:24px;
	color:#80272D;
	text-decoration:none;

}

.text-category-silver{
	font-size:16px;
	color:#8D8063;
	font-weight:normal;
	position:relative;
	top:2px;

}

/* coba*/

.p{
	position:relative;
	left:40px;

}

a{
	text-decoration:none;
}

.p_red {
	font-size:26px;
	color:#80272D;
	text-decoration:none;

}

.p_silver{
	font-size:18px;
	color:#8E8063;
	font-weight:normal;
}

#newest-button a{
	background:url(../images/seemore.jpg) no-repeat;
	width:202px;
	height:39px;
	clear:both;
	display:block;
	margin:0 auto;
	top:5px;
	position:relative;

}

#bird-bottom a{
	position:absolute;
	background:url(../images/bird-bottom.jpg) no-repeat;
	width:187px;
	height:160px;
	  margin-top:-207px;
	right:46px;
}


#bottom-tagline{
	background:url(../images/copyright.jpg) no-repeat;
	width:284px;
	height:51px;
	margin:0px auto;
	position:relative;
        top:-17px;
	
}

#bottom-tagline-home{
	background:url(../images/copyright.jpg) no-repeat;
	width:284px;
	height:51px;
	margin:0px auto ;
	position:relative;
        top:-32px;
}

#download{
	background:url(../images/bottom-square.jpg) no-repeat;
	width:815px;
	height:108px;
	margin:0 auto;
}

#download-home{
	background:url(../images/bottom-square.jpg) no-repeat;
	width:815px;
	height:108px;
	margin:0 auto;
	position:relative;
       top:-20px;
}


#pdf a{
background:url(../images/pdf.jpg) no-repeat;
width:203px;
height:38px;
position:relative;
top:50px;
left:320px;
}

#see-online a{
background:url(../images/see_small.jpg) no-repeat;
width:203px;
height:38px;
position:relative;
top:12px;
left:20px;
}