/*  
Author: Patty Rosol~ Rendering Effects
Author URL: http://www.renderingeffects.com
Description: Phopar
Version: 2.0
*/


/*  RESETS
==============================================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
	{
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	margin:0;
	padding:0;
	outline:none;
	vertical-align:baseline; }

ol, ul 	{list-style:none;}
:focus 	{outline:0;}

/* Remove possible quote marks from <q>/<blockquote> */
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

	
/*  BODY
==============================================================*/
body			{background:#75828b; color:#3B3C3F;}
#wrap			{background:#bfc8cf url(../images/bg.jpg) repeat-x;}
#container		{width:800px; position:relative; text-align:left; margin:0 auto;}
#header			{height:100px;}

.right		{float:right;}
.left		{float:left;}
.center		{margin:0 auto; text-align:center;}
.clear		{clear:both;}
.hide   	{display:none;}
.last		{border:none;}

/* Tables */
table	{border:1px solid #bfc8cf; font:normal 12px/12px "Lucida Sans","Lucida Grande",Verdana,Sans-serif; margin:0px auto 30px auto;}
th 		{background-color:#fff; border-bottom:1px solid #75828b; font-weight:bold;}	
td		{background-color:#fefde7; border-bottom:1px solid #bfc8cf;}
th,td   {color:#75828b; padding:6px 10px;}
thead	{}
tbody	{}
tfoot	{font-style:italic;}
caption {background:#ffc;}


/*TYPOGRAPHY
==============================================================*/
h1, h2, h3, h4, h5, h6{font-weight:normal; clear:both;}

h1{font:normal 2em Georgia, "Times New Roman", Times, serif;}
h2{color:#505d66; font:normal 1.5em Georgia, "Times New Roman", Times, serif;}
h3{font:normal 18px/26px Georgia, "Times New Roman", Times, serif;}
h4{font:normal 16px/24px "Lucida Sans","Lucida Grande",Verdana,Sans-serif; margin-bottom:30px;}
h5{font:normal bold 13px/18px "Lucida Sans","Lucida Grande",Verdana,Sans-serif;}
h6{color:#46901d; font:normal 12px/20px "Lucida Sans","Lucida Grande",Verdana,Sans-serif;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{text-decoration:none;}

p					{font:normal 12px/20px "Lucida Sans","Lucida Grande",Verdana,Sans-serif;}
li 					{font:normal 12px/18px "Lucida Sans","Lucida Grande",Verdana,Sans-serif;}
li.bullet			{list-style:disc; list-style-position:inside;}
a,a:link,a:visited 	{color:#2d6b9e; text-decoration:none;}
a:hover 			{color:#f7ebc3; text-decoration:none;}
a img				{border:none; cursor:pointer;}
a:active			{color:#000; cursor:pointer; }

blockquote		{margin:1.5em; color:#666; font-style:italic; }
abbr, acronym	{border-bottom:1px dotted #666;}
address			{margin-top:1.5em; font-style:italic;}
pre				{margin:1.5em 0; white-space:pre;}
strong			{font-weight:bold;}
em 				{color:#2d6b9e; font:italic 12px Georgia, "Times New Roman", Times, serif;}
del				{text-decoration:line-through; color:#666;}
br				{margin-bottom:20px;}

.small  	{font-size:10px; margin-bottom:1.875em; line-height:1.875em;}	
.large  	{font-size:18px; line-height:2.5em; margin-bottom:1.25em;}		
.quiet  	{color:#ccc;}
.loud		{color:#2d6b9e;}	
.highlight	{background:#fffcd5;}


/* HEAD
==============================================================*/
/* image replacement on the logo */
#logo a	{background:url(../images/logo.png) no-repeat; display:block; height:60px; width:195px; position:relative; top:25px; text-indent:-9999px;}

	
/* NAVIGATION
==============================================================*/
#navwrap			{width:586px; position:absolute; top:65px; right:7px;}
#nav ul				{height:68px; display:none; list-style-position:outside;  z-index:3;}
#nav ul				{position:absolute; display:none; width:170px; top:68px;}
#nav a				{display:block;}
#nav li				{float:left;}
#nav li ul a		{color:#f4f4f4; font:normal bold 13px/23px Arial, Helvetica, sans-serif; width:150px; height:auto; float:left; text-align:left;}
#nav li li			{background-color:#4b81b0; padding:7px 14px;}
#nav li li:hover	{background-color:#93b1cb; }
#nav li:hover ul ul	{display:none;}
#nav li:hover ul, #header #nav li li:hover ul  {display:block;}
#nav li ul a:hover, #header #nav li ul a:focus {color:#464646; text-decoration:none;}
#nav li#services	{background-image:url(../images/services_on.png); height:68px; width:117px;}
#nav li#gifts		{background-image:url(../images/gifts_on.png); height:68px; width:118px;}
#nav li#tips 		{background-image:url(../images/tips_on.png); height:68px; width:118px;}
#nav li#contact		{background-image:url(../images/contact_on.png); height:68px; width:117px;}
#nav li#support 	{background-image:url(../images/support_on.png); height:68px; width:116px;}


/* CONTENT
==============================================================*/
#content	{background:url(../images/wrapbg.gif) repeat-y; overflow:hidden;}

.main 		{background:url(../images/main_topbg.png) top repeat-x; width:570px; float:left; padding:55px 15px 25px;}
.main p		{margin-bottom:20px;}
.main a:hover{color:#46901d;}
.main ul	{margin:0 0 15px 10px;}

.col1		{width:50%; float:left; padding:10px;}
.col2		{width:40%; float:left; padding:0 0 0 15px;}

.promomain		{background:url(../images/mainpromo.jpg) no-repeat; height:252px; width:569px; margin:0px auto 20px 0px;}
.promotext		{height:40px; width:190px; float:right; margin:210px 20px 0 0;}
.promotext p	{color:#648a3b; font:normal 13px/18px "Lucida Sans","Lucida Grande",Verdana,Sans-serif; margin-bottom:6px; text-align:left;}
.promotext a	{color:#fedc40; font-weight:bold;}
.promotext a:hover{color:#fff;}
.promolft		{background:#fefdea; border:1px solid #dfe7ed; width:255px; float:left; margin-bottom:30px; padding:8px;}
.promort		{background:#fefdea; border:1px solid #dfe7ed; width:255px; float:right; margin-bottom:30px; padding:8px;}
.promopic		{float:right; margin-top:-30px;}

.glossarynav{float:left; font:normal 18px Georgia, "Times New Roman", Times, serif; margin-bottom:25px; padding:0 4px; }
.bottom		{margin-bottom:15px;}
.dblbottom	{margin-bottom:30px;}

#resto1		{background-image:url(../images/resto1_on.jpg); height:300px; display:block; float:left}
#resto2		{background-image:url(../images/resto2_on.jpg); height:300px; display:block; float:left}
#resto3 	{background-image:url(../images/resto3_on.jpg); height:300px; display:block; float:left}
#resto4		{background-image:url(../images/resto4_on.jpg); height:300px; display:block; float:left}

.sidebar	{background:url(../images/sidebar_topcrnr.png) 0 0 no-repeat; width:170px; float:left; padding:25px 15px 0 15px; margin-bottom:30px;}
.sidebar p	{padding-bottom:10px;}
.twitter	{background:url(../images/twitter-icon.png) 0 0 no-repeat; clear:both; display:block; height:64px; width:170px; margin-top:170px;}
.twitter p	{font:normal 1.25em Georgia, "Times New Roman", Times, serif; display:block; float:right; width:100px;}

.minibtn 		{background:transparent url(../images/minibtn_end.png) no-repeat 100% 0; display:block; float:left; 
				 font:normal 12px "Lucida Sans","Lucida Grande",Verdana,Sans-serif; text-transform:uppercase; padding-right:7px; margin-bottom:30px;}
.minibtn a:hover{color:#46901d; text-decoration:none;}
.minibtn span 	{background:transparent url(../images/minibtn.png) no-repeat; display:block; line-height:20px; padding:0 10px 0 15px;}

/*****Accordion Styles*****/
#accordion 			{width:auto; margin:50px auto}
.accordion 			{width:auto; font:normal 12px/20px "Lucida Sans","Lucida Grande",Verdana,Sans-serif;}
.accordion dt 		{width:auto; background-color:#fefde7; border:1px solid #9ac1c9; cursor:pointer; padding:8px; margin-top:5px;}
.accordion dt:hover {}
.accordion dd 		{width:auto; background:#fff; overflow:hidden;}
.accordion span 	{width:auto; border:1px solid #9ac1c9; border-top:none; display:block; padding:15px}


/*  FORM
==============================================================*/
fieldset			{border:1px solid #bfc8cf; padding:10px;}
label				{color:#798790; font:normal 13px/18px "Lucida Sans","Lucida Grande",Verdana,Sans-serif;}
select 				{width:100px;}
textarea			{width:98%; height:200px; background:#fefdea; border:1px solid #bfc8cf; margin-bottom:5px; padding:3px; overflow:auto;}
textarea:focus		{background:#fff;}
input				{width:98%; height:18px; background:#fefdea; border:1px solid #bfc8cf; margin:0 5px 5px 0; padding:3px;}
input:focus			{background-color:#fff;}
input#button		{width:82px; height:20px; background:transparent url(../images/submit.png) no-repeat 100% 0; border:none; color:#2d6b9e; cursor:pointer; display:block;
					 font:normal bold 12px "Lucida Sans","Lucida Grande",Verdana,Sans-serif; text-transform:uppercase; margin:4px 0px; }
input#button:hover	{color:#46901d;}	
	

/* FOOTER
==============================================================*/
#footerwrap 	{background-color:#75828b; position:relative; width:auto;}
.footer			{width:800px; height:150px; margin:0px auto; padding:20px 0px;}

.sidefoot 			{background:url(../images/fcol2_left.png) no-repeat right; color:#bfc8cf; width:190px; float:left; padding:15px 20px 0 10px;}
.sidefoot ul		{margin-bottom:8px;}
.sidefoot li		{font-size:11px; line-height:16px;}
.sidefoot p			{font-size:11px;}
.sidefoot a			{color:#e3e6e8;}
.sidefoot a:hover	{color:#fef898;}

.mainfoot 			{width:570px; float:left; margin:30px 0 0 0;}
.mainfoot ul		{width:auto; clear:both;}
.mainfoot li		{display:block; float:left; font:normal 12px Arial, Helvetica, sans-serif; margin:0 10px 0 0; padding:0 10px 0 0;}
.mainfoot a 		{color:#fff; text-decoration:none;}
.mainfoot a:hover 	{color:#fef898;}
.borderrt			{border-right:1px solid #bfc8cf;}

.pictocolor		{background:url(../images/pictocolor.png) no-repeat; display:block; height:25px; width:130px; float:left; margin:30px 0 0 0; text-indent:-9999px;}
.treasureknit	{background:url(../images/treasureknit.png) no-repeat; display:block; height:25px; width:130px; float:left; margin:30px 50px 0 0; text-indent:-9999px;}
.pictology		{background:url(../images/pictology.png) no-repeat; display:block; height:25px; width:140px; float:left; margin:30px 50px 0 0; text-indent:-9999px;}
