body{

margin:0px auto;

padding-top:10px;

text-align:center;

}



#wrapper{

position:relative;

margin:auto;

width:612px;

height:614px;

background:url(images/bg.gif) repeat-y;

}



#header{

width:612px;

height:114px;

background:url(images/header.jpg);

}







/*Begin Main Nav */

#navcontainer{

position:absolute;

left:307px;

top:70px;

}



#nav {

width: 270px; 

height: 24px;

background: url(images/nav.gif);

margin: 10px auto; 

padding: 0;

position: absolute;

} 



#nav li {

margin: 0; 

padding: 0; 

list-style: none;

position: absolute; 

top: 0;

}

  

#nav li, #nav a {

height: 24px; 

display: block;

}



#home {

left: 0; 

width: 58px;

}



#products {

left: 65px; 

width: 68px;

}


#gall {

left: 139px; 

width: 60px;

}



#contact {

left: 207px; 

width: 63px;

}

  

#home a:hover {

background: transparent url(images/nav.gif) 0 -24px no-repeat;

}

  

#products a:hover {

background: transparent url(images/nav.gif) -65px -24px no-repeat;

}


#gall a:hover {

background: transparent url(images/nav.gif) -139px -24px no-repeat;

}  



#contact a:hover {

background: transparent url(images/nav.gif) -207px -24px no-repeat;

}

/* end main nav */





/*Begin Subnav*/

#cccontainer{

position:absolute;

left:345px;

top:112px;

}



#subnav {

width: 204px; 

height: 25px;

background: url(images/cc_nav.gif);

margin: 10px auto; 

padding: 0;

position: absolute;

} 



#subnav li {

margin: 0; 

padding: 0; 

list-style: none;

position: absolute; 

top: 0;

}

  

#subnav li, #subnav a {

height: 25px; 

display: block;

}



#ruggies {

left: 0px; 

width: 68px;

}

#cookies {

left: 68px; 

width: 79px;

}

#cakes {

left: 147px; 

width: 57px;

}


#ruggies a:hover {

background: transparent url(images/cc_nav.gif) 0 -25px no-repeat;

}
  

#cookies a:hover {

background: transparent url(images/cc_nav.gif) -68px -25px no-repeat;

}

  

#cakes a:hover {

background: transparent url(images/cc_nav.gif) -147px -25px no-repeat;

}

/*end subnav*/ 





/*gallery image side*/

#gallery_view{

position:absolute;

top:118px;

left:45px;

height:368px;

width:266px;

background:url(images/cookies.gif);

}



#gallery_view2{

position:absolute;

top:118px;

left:45px;

height:368px;

width:266px;

background:url(images/cakes.gif);

}

#gallery_view3{

position:absolute;

top:118px;

left:45px;

height:368px;

width:266px;

background:url(images/ruggies.gif);

}


#numcontainer{

position:absolute;

left:25px;

top:33px;

}





#numbers {

width: 214px; 

height: 17px;

background: url(images/num_select.gif);

margin: 10px auto; 

padding: 0;

position: absolute;

} 



#numbers li {

margin: 0; 

padding: 0; 

list-style: none;

position: absolute; 

top: 0;

}

  

#numbers li, #numbers a {

height: 17px; 

display: block;

}



#one {

left: 0; 

width: 18px;

}



#two {

left: 25px; 

width: 18px;

}



#three {

left: 50px;

width:18px;

}



#four {

left: 74px;

width:18px;

}



#five {

left: 97px;

width:18px;

}



#six{

left:121px;

width:18px;

}



#seven{

left:146px;

width:18px;

}



#eight{

left:171px;

width:18px;

}



#nine{



left:196px;

width: 18px;

}



#one a:hover {

background: transparent url(images/num_select.gif) 0 -17px no-repeat;

}

  

#two a:hover {

background: transparent url(images/num_select.gif) -25px -17px no-repeat;

}



#three a:hover {

background: transparent url(images/num_select.gif) -50px -17px no-repeat;

}



#four a:hover{

background: transparent url(images/num_select.gif) -74px -17px no-repeat;

}



#five a:hover{

background: transparent url(images/num_select.gif) -97px -17px no-repeat;

}



#six a:hover{

background: transparent url(images/num_select.gif) -121px -17px no-repeat;

}



#seven a:hover{

background: transparent url(images/num_select.gif) -146px -17px no-repeat;

}



#eight a:hover{

background: transparent url(images/num_select.gif) -171px -17px no-repeat;

}



#nine a:hover{

background: transparent url(images/num_select.gif) -196px -17px no-repeat;

}



.cookie1{

position:absolute;

top:90px;

left:14px;

}



/*gallery text block*/

#textbox{

position:absolute;

left:320px;

top:154px;

background: url(images/textbg.gif);

height: 331px;

width: 254px;

font-size: 11px;

color:#858585;

font-family: Verdana, Arial, Helvetica, sans-serif;

line-height:19px;



}

#textbox p {
	padding: 0;
	margin: 8px 0 8px 0;
}

#textbox _p {
	padding: 0;
	margin: 5px 0 5px 0;
}

#description{

padding:20px;

text-align:left;

}



#product{

padding:30px 20px 0px 20px;

text-align:left;

}

#product2{

padding:10px 20px 0px 20px;

text-align:left;

}


#small {
	font-size: 10px;
	color: #999999;
	line-height:10px;
	letter-spacing: 0;
}

#title{

color:#000;

font-size:15px;

font-weight:bold;

}

#title2{

color:#000;

font-size:13px;

font-weight:bold;

}

/*end gallery text area*/

#contacted{
border:0px;
width:513px;
height:367px;
position:absolute;
top:120px;
left:50px;
}

#contacted a img{
border:0px;
}

#homeimage{
position:absolute;
height:371px;
width:530px;
top:120px;
left:40px;
}


#footer{

position:absolute;

left:0px;

bottom:30px;



width:612px; /*612*/

height:78px; /*78*/

background:url(images/footer.gif) no-repeat center;

}

#facebook {
	padding: 19px 0 0 290px;	
}

#footer2{

position:absolute;

left:0px;

bottom:0px;

width:612px;

height:30px;

background: #FFFFFF;
}

#copy{

font-size:9px;

color:#858585;

font-family:Verdana, Arial, Helvetica, sans-serif;

width: 612px;

text-align: center;

padding: 7px 0 0 0;

}

/****************** Gallery **********************/

#gallery {
	padding: 0 0 0 40px;
	width: 465px; /*550*/
	text-align: left;
	float: none;
	display: inline-block;
}

#gallery #gall-text {
	margin: 0 0 7px 0;
}

#gallery #thecarousel img {
	border: 2px solid #f9dfde;
	margin: 0 15px 15px 0;
}


/****************** JCarousel **********************/

.jcarousel-skin-flour .jcarousel-container {}

.jcarousel-skin-flour .jcarousel-container-horizontal {
    width: 470px;
}


.jcarousel-skin-flour .jcarousel-clip-horizontal {
    width:  470px;
    height: 310px;
}

.jcarousel-skin-flour .jcarousel-item {
    width: 470px;
    height: 310px;
}

.jcarousel-skin-flour .jcarousel-item-horizontal {
    margin-right: 0px;
}

.jcarousel-skin-flour .jcarousel-item-placeholder {
    color: #000;
}

.jcarousel-skin-flour .jcarousel-control {
	width: 445px; /*470*/
	text-align: right;
	padding: 0 25px 0 0;
}

.jcarousel-skin-flour .jcarousel-control a:link, .jcarousel-skin-flour .jcarousel-control a:visited {
	font: 13px/15px arial, sans-serif;
	color: #000000;
	text-decoration: none;
}

.jcarousel-skin-flour .jcarousel-control a:hover {
	color: #888888;
}