body{
	margin:  0px;;
	background:#000;
	padding:1px 0 2em 0;
	color:#808080;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size: 12px;
	color:#CCC;
	/* 
	red - color:#933; 
	grey - color:#333;
	orange/yellow - color:#974;
	*/
	color:#68a;
}

a {
	color: #FFF;
}

img {
	border: 0px;
}

a img.portfolio {
	border: 1px solid #eee;
}

p {
	/* font-size:1.15em; */
	line-height:1.5em;
}

h3{
	font-size:1.15em;
	margin:0 0 1.5em 0;
	font-weight:normal;
	color:#CCC;
}

h3 a{
	color:#CCC;
	text-decoration:none;
	border-bottom:1px dotted #666;
}

/*-----------------------------------------------------------------------------------------------

  override yui styles

-----------------------------------------------------------------------------------------------*/

#hd {
	margin-top: 0px;
	height: 75px;
	/*background: url(images/header.jpg) no-repeat;*/	
}

#hd #logo {
	padding:3em 0;	
}

#hd .inside{
	padding:3em 0;
}

#hd h2{
	font-size:2.25em;
	margin:0 0.5em 0 0;
	padding:0 0.5em 0.25em 0;
	border-right:1px solid #808080;
	float:left;
}

#hd h2 a{ 
    text-decoration:none; 
}

#hd p{
	padding:1em 0;
	margin:0;
	line-height:1em;
}

.yui-b {
	background:  #3B2528;
}

.yui-t2 {

}

#ft {
	margin-top: 25px;
	padding-top:  75px;;
	color:#939393;
	font-size: .90em;
	text-align:  center;
	/*background: url(images/footer.jpg) no-repeat;*/
	height: 50px;;
}

/*-----------------------------------------------------------------------------------------------
  sidenav list
-----------------------------------------------------------------------------------------------*/



#sidenav ul { 
	margin-top:  25px;
	display: block; 
    list-style: none;
	color: #000;
}

#sidenav ul li {
    margin: 0 15px 15px 0;
}

#sidenav ul li a,
#sidenav ul li span {
    background: #fff;
    border: 1px solid #bababa;
    padding: 2px;
    position:relative;
    width:61px;
    w\idth:55px;
	color: #000;
}

#sidenav ul li a:hover {
    border: 1px solid #a80000;
    border: 2px solid #bababa;
    border-top: 1px solid #bababa;
    border-left: 1px solid #bababa;
    padding: 1px 2px 2px 1px;
}

#sidenav ul li.active a img {
    top:-65px;
}


/*-----------------------------------------------------------------------------------------------
  portfolio image list
-----------------------------------------------------------------------------------------------*/

#main-image {
	/*border: 1px solid #000;*/
	text-align: center;
	margin:  10px;
}

#nav, #footer {
	margin:  0px;
	padding: 15px;
	/*background: #141414;*/
	background: #272727;
	text-align: center;
	height:  20px;
	font-size: .9em;
}

#title {
	margin:  0px;
	padding: 0px;
	background: #272727;
	text-align: center;

}



#main {
	margin: auto;
	text-align: center;
}

#main p {
	color: #000;
	text-align: left;
}


#main p#contact {
	width:  300px;
	margin: auto;
}

#main p#contact a:hover {
	border-bottom: 4px solid #fff;
	padding-bottom: 2px;
	/*background: transparent;*/
	color: #000;
}


#navlist a:hover { 
	color: #fff; 
}



#wrapper{
	padding: 15px;
	/*border: 1px solid #000;
	background: #3B2528 ;
	background-color: #272727;*/
	background-color: #333;
}


#footer {
	font-size: 10px;
	color: #fff;
}


#navlist{
	margin: 0;
	padding: 0 0 20px 10px;
	/*border-bottom: 1px solid #000;*/
}

#navlist ul, #navlist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#navlist a:link, #navlist a:visited {
	float: left;
	line-height: 14px;
	font-weight: bold;
	margin: 0 4px 4px 10px;
	text-decoration: none;
	color: #999;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
	border-bottom: 4px solid #fff;
	padding-bottom: 2px;
	/*background: transparent;*/
	color: #000;
}

#navlist a:hover { 
	color: #fff; 
}



/* colored nav links */
#navlist a:hover.about {
	border-bottom: 4px solid #9f7422;
	padding-bottom: 2px;
}
#about #wrapper{
	padding: 15px;
	background-color: #9f7422;
}


#navlist a:hover.contact {
	border-bottom: 4px solid #9f7422;
	padding-bottom: 2px;
}
#contact #wrapper{
	padding: 15px;
	background-color: #9f7422;
}


#navlist a:hover.family {
	border-bottom: 4px solid #c67cd0;
	padding-bottom: 2px;
}
#family #wrapper{
	padding: 15px;
	background-color: #c67cd0;
}


#navlist a:hover.baby {
	border-bottom: 4px solid #78d095;
	padding-bottom: 2px;
}
#baby #wrapper{
	padding: 15px;
	background-color: #78d095;
}


#navlist a:hover.business {
	border-bottom: 4px solid #658ed0;
	padding-bottom: 2px;
}
#business #wrapper{
	padding: 15px;
	background-color: #658ed0;
}


#navlist a:hover.senior {
	border-bottom: 4px solid #d0bf57;
	padding-bottom: 2px;
}
#senior #wrapper{
	padding: 15px;
	background-color: #d0bf57;
}


#navlist a:hover.wedding {
	border-bottom: 4px solid #d07259;
	padding-bottom: 2px;
}
#wedding #wrapper{
	padding: 15px;
	background-color: #d07259;
}



ul#portfolio  { 
	margin: 10px;
	display: block; 
    list-style: none;
	background:  #eee;
}

ul#portfolio  li {
    float: left;
    margin: 0 5px 5px 0;
    height:61px;
    width:61px;
}

ul#portfolio  li a,
ul#portfolio  li span {
    background: #fff;
    border: 1px solid #bababa;
    display: block;
    height:61px;
    he\ight:55px;
    overflow:hidden;
    padding: 2px;
    position:relative;
    width:61px;
    w\idth:55px;
    border: 1px solid #000;
}

ul#portfolio  li a:hover {
    border: 1px solid #a80000;
    /*border: 2px solid #bababa;
    border-top: 1px solid #bababa;
    border-left: 1px solid #bababa;
    padding: 1px 2px 2px 1px;*/
}

ul#portfolio  li a img,
ul#portfolio  li span img {
    display: block;
    position:relative;
}

ul#portfolio  li.active a img {
    top:-65px;
}