/*================================================================================================*/

* {
	padding:			0;
	margin:				0;
}

img {
	border:				0;
}

/*================================================================================================*/

body {
	background:			url("http://www.happydesigns.com/!data/nav/happy_bg_design.gif") repeat-x top #434354;
	background-color:	#434354;
	font-family:		Verdana, MS Sans Serif, Helvetica, Arial;
	font-size:			100%;
}

/*================================================================================================*/

#bodybox {
	width:				744px;														/* width +19! */
	margin:				0 auto;
}

/*================================================================================================*/

#header {
	margin:				5px 0 10px 0 !important;		margin:				5px 0 7px 0;
	width:				744px;														/* width +19! */
	text-align:			center;
}

/*================================================================================================*/

#navbox {
	margin:				0 auto;
	height:				54px;
	width:				258px;
}

/*================================================================================================*/

#nav_happyhome, #nav_design, #nav_gallery, #nav_voice, #nav_portal  {
	float:				left;
}

/*================================================================================================*/

#navbox_1 {
	float:				left;
}

#navbox_2 {
	float:				right;
}

#navbox_3 {
	float:				left;
}

#navbox_4 {
	margin:				0 0 0 0 !important;				margin:				-2px 0 3px 0;
	float:				right;
}

/*================================================================================================*/

#pictobox {				/* maximum width of a single picto inside: 831px */
	border:				1px solid #fff;
	background-color:	#000;
	padding:			5px 5px 5px 6px;
	width:				734px;														 /* width +9! */
}

#thumbbox {				/* 100px thumbnails */
	border:				1px solid #fff;
	background-color:	#000;
	text-align:			center;
	padding:			7px 5px 5px 5px;
	width:				735px;
}

#textbox {				/* maximum width of an object inside: 833px */
	background-color:	#fff;
	margin:				10px 0 0 0;
	padding:			5px 5px 5px 5px !important;		padding:			5px 5px 3px 5px;
	width:				737px;														/* width +12! */
}

/*================================================================================================*/

/*================================================================================================*/

/*================================================================================================*/

/*================================================================================================*/

p, li {
	color:				#000;
	font-size:			70%;
	padding:			5px 5px 5px 5px;
	text-align:			left;
}

p a:link, p a:visited {
	color:				#000;
	font-weight:		bold;
	text-decoration:	underline;
}

p a:hover {
	color:				#fff;
	background-color:	#000;
	font-weight:		bold;
	text-decoration:	none;
}

/*================================================================================================*/

.header_bar {
	color:				#fff;
	font-size:			70%;
	font-weight:		bold;
	margin:				0 0 5px 0;
	padding:			2px 0 0 0;
	height:				16px;
	width:				737px;
	text-align:			center;
}

/*================================================================================================*/

.footer {
	color:				#777;
	font-family:		Verdana, MS Sans Serif, Helvetica, Arial;
	font-size:			70%;
	margin:				10px 0 0 0;
	padding:			0 10px 5px 10px;
	width:				727px;														 /* width +2! */
	text-align:			center;
}

.footer a:link, .footer a:visited {
	color:				#777;
	font-weight:		bold;
	text-decoration:	underline;
}

.footer a:hover {
	color:				#434354;
	background-color:	#777;
	text-decoration:	none;
}

/*================================================================================================*/

.center {
	text-align:			center;
}

.red {
	color:				#f00;
	font-weight:		bold;
}

.grey {
	color:				#aaa;
}

.grey a:link, .grey a:visited {
	color:				#aaa;
	font-weight:		bold;
	text-decoration:	underline;
}

.grey a:hover {
	color:				#fff;
	background-color:	#aaa;
	text-decoration:	none;
}

/*================================================================================================*/

.capitalize {
	text-transform:		capitalize;
}

/*================================================================================================*/

.picto {
	padding:			5px 0 5px 4px !important;		padding:			5px 0 2px 4px;
}

.thumb {
	background-color:	#434354;
	margin:				5px 3px 4px 3px;
	padding:			5px 5px 5px 5px;
	height:				100px;
	width:				100px;
}

/*================================================================================================*/

.divider {
	padding:			10px 0px 12px 0px;
}

/*================================================================================================*/

.razor {
	padding:			3px 0px 3px 10px;
	float:				right;
}

/*================================================================================================*/

.ittybittyform {
	font-family:		MS Sans Serif, Helvetica, Arial;
	font-size:			80%;
	text-decoration:	none;
}

/*================================================================================================*/

.subnav
{
	padding:			0;
}

table.exif
{
	background-color:	transparent;
    border:				0;
	border-collapse:	collapse;
	margin:				0 auto;
}

table.exif p
{
	font-size:			70% !important;			font-size:			100%;
	padding:			2px 6px 2px 6px;
}

table.exif td
{
    border:				2px solid #fff;
	background-color:	#ddd;
	-moz-border-radius:	0px 0px 0px 0px;
}

/*================================================================================================*/

.happyhifi {
	background:			url("http://www.happydesigns.com/!data/nav/happy_hi-fi_bg.gif") no-repeat top center #fff;
	float:				right;
	margin:				10px 0 0 0;
	padding:			15px 10px 0 0 !important;		padding:			15px 0 0 0;
	width:				200px;
}

/*================================================================================================*/