#body {color:#006699;width:100%;margin:0px;font-family:Arial,sans-serif;font-size:14px; }

.horizontalGridLine {width:100%;height:1px;background:red}
.verticalGridLine {width:1px;height:100%;background:red}

#widthContainer {
	background:white;/* url(/photagio/images/pagebkgd.jpg) repeat-y;*/ 
  position:relative;
  top:3px;
	padding:0;
	margin:0 auto;
	width:966px;
	height:914px;
}

/*#A3A1A7 */
#shadow-container {
	background:lightgray;/*url(gradientDarker1.jpg) 0% 0% repeat-x;*/
  position: relative;
  top:3px;
	margin:0 auto;
	width:972px;
	height:921px;
}



/*

COLOR GUIDE

Photagio Blue is #006699
Photagio Yellow is #FFFFCC

celebrate your moments
fabulous photo framing
celebration photo frames
celebration photo framing

festive photo framing
special event framing


celebration:
festive
gala
merry
event
extraordinary
unique
distinctive
elite exclusive

*/



#banner {position:absolute;left:0px;top:0px;width:100%;height:97px;background:#006699;color:#FFFFCC;}

.bannerText1 {color:#FFFFCC;font-family:Century Gothic,Arial;font-weight:bold;font-size:16px;line-height:21px;}

.bannerText3 {color:#FFFFCC;font-family:"Arial";font-weight:bold;font-size:14px;line-height:18px;}



/* All for the Banner */

#tagLine {position:absolute;left:345px;top:61px;width:210px;height:23px;}

#swirlIcon {position:absolute;left:345px;top:10px;width:50px;height:50px;}

#scrollIcon {position:absolute;left:419px;top:10px;width:50px;height:51px;}

#flowerIcon {position:absolute;left:488px;top:10px;width:50px;height:50px;}

#logo {position:absolute;left:8px;top:2px;width:249px;height:92px;}

#rightBox{position:absolute;left:550px;top:0px;width:auto;height:100%;}

#bannerRight {float:right;top:10px;width:300px;height:26px;text-align:right;padding-right:10px}

a.banner:link{color:#FFFFCC;}

a.banner:visited{color:#FFFFCC;}

a.banner:hover{text-decoration: underline}





/* Horiontal Menu */

ul.menu{position:absolute;left:0px;top:97px;padding:0;margin:0;list-style-type:none;}

a.menu{float:left;width:140px;height:20px;text-decoration:none;

font-family:"Arial";font-weight:bold;font-size:14px;line-height:16px;

color:#006699;background-color:#CCCCFF;text-align:center;border-right:1px solid;border-bottom:1px solid;}

a.menu:visited{color:#006699;}

a.menu:hover{background:#FFFFCC;}

li.menu {display:inline}



/* Menu of Designs */

#designListCanvas {position:absolute;left:1px;top:141px;width:205px;height:490px;}

#designList{position:absolute;left:24px;top:174px;width:152px;height:422px;border-width:3px;border-style:solid;border-color:#006699;}

.designListTitle {color:#006699;font-family:"Arial";font-weight:bold;font-size:16px;line-height:19px;}

.designListText {font-family:"Arial";font-weight:normal;font-size:12px;line-height:150%;} 

.designListSuperText {font-family:"Arial";font-weight:bold;font-size:14px;line-height:150%;color:#006699;} 



#designListTitleBox {position:absolute;left:0px;top:0px;width:100%;height:30px;background:#FFFFCC;}

#designListTitlePos {position:absolute;left:8px;top:8px;width:100%;height:19px;}

#designListList {position:absolute;left:-28px;top:30px;width:185px;height:580px;} 

ul.designListSuperCategoryList {list-style:none;list-style-position:outside;}

li.designListSuperCategoryItem {position:relative;}

ul.designListCategoryList {list-style:none;padding:0px;margin-left:20px;}

li.designListCateogoryItem {position:relative;}

a.designList:link{color:#006699;}

a.designList:visited{color:#006699;}

a.designList:hover{text-decoration:underline;}

a.designList:active{background:#CCCCFF;text-decoration:underline;}

/*

  <ul class="designListSuper"> 

    <li class="designListSuperItem"><a href="#">Services</a>

    <ul class="designListCat"> 

      <li><a href="#">Premium</a></li> 

      <li><a href="#">Museum Mount</a></li>       

    </ul> 

    </li> 

    <li class="designListSuperItem"><a href="#">Family</a> 

    <ul class="designListCat"> 

      <li><a href="#">Mom</a></li> 

      <li><a href="#">Dad</a></li> 

      <li><a href="#">Baby</a></li>     

    </ul> 

  </li>  

</ul> 





ul.designSuperCategory{ list-style-type:none; list-style-position:inside;width:78px;}

ul{list-style-type:none; list-style-position:outside;position:absolute;left:80px;top:5px;display:none}

li.designSuperCategory:hover ul {display: block; }

a.designList:link{color:#006699;}

a.designList:visited{color:#006699;}

a.designList:hover{background:#CCCCFF;}

a.designListCategory{

display: block;

	text-decoration: none;

	color: #006699;

	background: #CCCCFF;

	padding: 5px;

	}

position:absolute;left:10px;top:5px;width:100px;height:300px;}*/







/* for the footer */

#footerNavBar {text-align:center;position:absolute;left:0px;top:5px;width:856px;height:20px;} 

.footerNavBarText {padding:5px;color:#006699;font-weight:bold;font-size:12px;font-family:verdana,arial,sans-serif;}

#footerNavBar2 {text-align:center;position:absolute;left:0px;top:30px;width:856px;height:20px;}

a.footer:link{color:#006699;}

a.footer:visited{color:#006699;}

a.footer:hover{text-decoration:underline;}

a.footer:active{background:#CCCCFF;text-decoration:underline;}

/* supports the copyright */

#copyright {text-align:center;position:absolute;left:1px;top:80px;width:856px;height:20px;}

.copyrightText {color:#006699;font-weight:normal;font-size:10px;font-family:arial,sans-serif;}



/* supports the Yahoo badge */

#yahooBadge {position:absolute;left:630px;top:10px;width:118px;height:45px;}