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

body,
	html {
		margin:0;
		padding:0;
		background:#fff url(../images/bg-body.jpg) top repeat-x;
		color:#000;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height: 18px;
	}
	body {
		min-width:1000px;
	}
	#wrap {
		margin:0 auto;
		width:1000px;
	}
	#header {
		background: url(../images/bg-header.jpg) top no-repeat;
		height: 125px;
	}
	#header .logo {
    	padding:0;
	    margin:0 0 0 36px;
		float:left;
    }
	#header img {
		margin-top: 45px;
		}
	#header #action {
		width:390px;
		height:125px;
		float:right;
		color:#ececec;
		background: url(../images/bg-action.jpg) top right no-repeat;
	}
	#navwrap {
		margin: 0 87px 0 0;			
		height: 51px;		
		border-bottom: none;
		background: url(../images/bg-action-bot.jpg) top right no-repeat;
	}
	#navwrap img{
		float:left;
	}	


	#nav ul{
		width: 836px;
		margin:0;
		padding:0;
		list-style:none;
		text-align:left;		
		background: url(../images/bg-nav.gif) top  repeat-x;
	}
	#nav li{
		display:inline;
		margin:0;
		height:38px;
	}
	#home #nav li a.home, #forher #nav li a.forher, #forhim #nav li a.forhim,  #giftbaskets #nav li a.giftbaskets {
		background:url(../images/bg-nav-active.gif) center bottom no-repeat;

	}
	#nav li.last { 
		border-right: none; 
		background: none;
	}

	#nav li a{
		font-family:Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-decoration:none;
		font-size:11px;	
		line-height: 35px;
		text-transform:uppercase;
		color:#fff;
		display:inline-block;
		height: 35px;	
		padding: 7px 18px 4px 18px;	
		margin-top:5px;
		border-right:1px solid #fff;
	}
	#nav li a:hover{
		text-decoration: underline;
	}
	#mainwrap {
		padding: 0 0 10px 0;

	}
	#left-col {
		width: 170px;
		float:left;
		padding: 5px 0 25px 26px;
		background:url(../images/bg-left-col.jpg) repeat-y;
	}
	#left-col h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		font-style:normal;
		color:#000;
		margin: 18px 0 0 0;
		}
	#left-col h2 .highlighted {
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#00b52f;
		font-style:normal;
		font-size:24px;
		font-weight:bold;
		line-height:22px;
		}
	#left-col a {
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		font-style:normal;
		color:#000;
		text-decoration:none;
		padding:0 5px;
		}
	#left-col a:hover {
		background:url(../images/bg-leftnav-over.gif) repeat-x;
		}
#anniversary .anniversary, #getwell .getwell, #graduation .graduation, #housewarming .housewarming, #thankyou .thankyou, #wedding .wedding, #babyshower .babyshower, #bridalshower .bridalshower, #christmas .christmas, #easter .easter, #fathersday .fathersday, #halloween .halloween, #hanukkah .hanukkah, #mothersday .mothersday, #passover .passover, #roshhashanah .roshhashanah, #thanksgiving .thanksgiving, #valentines .valentines, #dad .dad, #mom .mom, #forhim #left-col .forhim, #forher #left-col .forher, #friends .friends, #boyfriend .boyfriend, #girlfriend .girlfriend, #cancer .cancer, #chocolate .chocolate, #citrus .citrus, #teachers .teachers, #principal .principal, #grandparent .grandparent, #groomsmen .groomsmen, #baptism .baptism, #inexpensive .inexpensive, #faith .faith, #edible .edible, #fishing .fishing, #movie .movie, #office .office, #apple .apple, #pastry .pastry, #coffee .coffee, #birthday .birthday, #petlover .petlover {
		background:url(../images/bg-leftnav-active.gif) no-repeat 0 3px;
		font-weight:bold;
		padding-left: 12px;
		}
	
	.brown {
		color:#b55100 !important;
	}
	.purple {
		color:#b50091 !important;
	}
	
	#content {
		width: 775px;
		padding: 0 0 25px 25px;
		background: url(../images/bg-content.jpg) top left no-repeat;
		float:left;
		}
	#top_feature {
		margin: 0;
		width: 735px;		
		background: url(../images/bg-heading.jpg) top left no-repeat;
		border-bottom:1px dotted #ebebeb;
		padding: 13px 20px 10px 20px;
	}

	#top_feature h1{
		font: normal 42px Georgia, "Times New Roman", Times, serif;
		color:#110000;
		padding:5px 0 0 0;
		margin:0;
		line-height:55px;
		letter-spacing:1px;
		
	}
	#top_feature h2{
		color:#7c7c7c;
		font-size: 12px;
		margin:0;		
		text-transform: uppercase;
		font-weight:normal;
		font-family:Arial, Helvetica, sans-serif;
		font-style:normal;
		padding-left: 15px;
		padding-top:5px;
		
	}

	.addthis {
		float:right;}
	#seo #top_feature p{
		color:#a2d0af;
	}
	#contact #top_feature p{
		color:#e1f1f2;
	}
	#webdesign #top_feature p{
		color:#bbcdd5;
	}
	#webmarketing #top_feature p{
		color:#be97b1;
	}
	#about #top_feature p{
		color:#fafce1;
	}
	.highlighted{
		font: italic normal 24px "Times New Roman", Times, serif;
	}
	#main {
		
		float:left;
		width:600px;
		margin-left:0;
		padding-right:15px;
	}
	#main .box1 {
		width: 280px;
		float:left;
		padding:0 19px 0 0;
		border-right:1px solid #CCC;
		
		}
	#main .box2 {
		width: 280px;
		float:left;
		padding: 0 0 0 20px;
		
		}	
		#main_wide {
		float:left;
		width:775px;}
		#main_wide iframe {
			padding: 0;
			margin-left:-20px;
			}
	#sidebar {
		float:left;
		width:120px;
		margin-top:25px;
		padding-left: 15px;
		border-left: 1px dotted #CCC;
		min-height:900px;
		font-size:85%;
	}
	#sidebar h2{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-style:normal;
		font-weight:bold;
		text-transform:uppercase;
		color:#000;
	}
	#sidebar2 {
		float:right;
		width:180px;
		margin: 0 0 0 15px;
		background:#FFF; 
		padding:10px; 
		font-size:11px; 
	}
	#sidebar2 ul {
		margin:0;
		padding: 0 0 0 15px;
    }
	#sidebar ul {
		margin-bottom:0;
    }
    #sidebar h3 {
		padding:0;
		font-weight:normal;
    }
	#footer {
		clear:both;
		background:#218a9a;
		height: 30px;
	}
	#footer .copyright {
		padding:5px 0 5px 40px;
		margin:0;
		color: #fff;
		float:left;
	}
	#footer .credits a{
	float:right;
	color: #D8E7E4;
			padding:5px 40px 5px 0;
	}

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
/* base.css, part of YUI's CSS Foundation */
h1 {
	font: 220% "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: 100%;
}
h3 {
	/*16px via YUI Fonts CSS foundation*/
		font-size:24px;
		font-weight:bold;
		margin-bottom:5px;
		color:#366;
		padding: 15px 15px;
		font-family:"Times New Roman", Times, serif;
		font-style:italic;
		font-weight:normal;		
		background: url(../images/bg-subheading.jpg) top left no-repeat;
}
h2 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%; 
	color: #909090;
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:0.5em 0;
}

abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #CCC;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
a {
	color: #275683;
}
a:hover {
	color: #3f83c4;
}
hr {
	margin-top: 20px;
	border:none;
	border-bottom:1px dashed #7f7f7f;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

p.note {
	font: 90% Arial, Helvetica, sans-serif;
	color:#707070;
}

div.box {
	margin:0 0 10px 0;
	background-color:#218a9a;
	font-size:90%;
	line-height: 140%;
	padding:0;	
	padding-bottom:14px;
}
div.box p{
	margin:5px 5px 0 15px;
	color:#e2eaeb;
}
div.box h4 {
	font: 140% Arial, Helvetica, sans-serif;
	padding: 10px 15px 0 15px;
	margin:0;
	font-weight:bold;
	color:#fff;
}
div.box h4 .highlighted {
	color: #acecf6;
}
.left {
	float:left;}
.right {
	float:right;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
/* ----------- stylized ----------- */
.myform{
width:500px;
padding:14px;
}


#stylized{
border:solid 2px #EAEAEA;
background: #F2F2F2;
float:left;
}

#stylized p{
font-size:10px;
color: #666;
margin-right:30px;
border-bottom:solid 1px #b7ddf2;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:200px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
line-height:11px;
font-weight:normal;
text-align:right;
width:200px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:215px;
margin:2px 0 5px 10px;
}
#stylized select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:220px;
margin:2px 0 5px 10px;
}
#stylized textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:220px;
margin:2px 0 5px 10px;
}

#stylized button{
clear:both;
margin-left:265px;
width:125px;
height:31px;
background: #C33;
text-align:center;
line-height:31px;
color: #fff;
font-size:14px;
font-weight:bold;
}
#frame
{
	width:645px;
	position:fixed;
	left:270px;
	top:250px;
	z-index:1;
	border:solid 1px #ccc;
	background-color:#F8FCFF;
	
}
#frame_msg_box
{
	padding:10px;
	color:#000;
}
#f_head
{
	height:15px;
	background-color:#5D8AAB;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	font-family:arial;
	border:none;
}
#f_head a
{
	color:#fff;
	text-decoration:none;
}
#f_head a:hover
{
	color:#f00;
	text-decoration:none;
}

a img { border:none;}