
/*
	HELIUM - lifting you up.
	/css/h2.css
*/

body,
html
{
margin: 0;
padding: 0;
background: #f3e2e8 url(/img/background.gif) repeat-x 0 0;
font: 13px/18px Georgia,'Times New Roman',Times,serif;
color: #5d5d5d;
}

img
{
border-width: 0;
}

img.button
{
cursor: pointer;
}

img.button_inquire
{
margin: 5px 38px 0;
float: right;
}

#fr_canvas
{
position: absolute;
width: 900px;
height: 680px;
top: 0;
left: 0;
float: left;
z-index: 10;
background: url(/img/bg_canvas.jpg) no-repeat 0 0;
}

#fr_altnav
{
position: absolute;
width: 880px;
height: 40px;
top: 670px;
left: 20px;
float: left;
z-index: 500;
font: 10px Arial,Verdana,sans-serif;
text-transform: lowercase;
color: #dea6bf;
}

#fr_altnav_l
{
position: relative;
float: left;
width: 540px;
}

#fr_altnav_r
{
position: relative;
float: left;
width: 300px;
text-align: right;
}

#fr_altnav ul
{
float: left;
list-style: none;
margin: 0;
padding: 0;
}

#fr_altnav ul li
{
display: inline;
float: left;
padding-right: 25px;
}

#fr_altnav a
{
text-decoration: none;
color: #dea6bf;
}

#fr_altnav a:hover,
#fr_altnav a:active
{
text-decoration: underline;
}



#fr_goodies
{
position: absolute;
float: left;
width: 900px;
height: 680px;
top: 0;
left: 0;
z-index: 20;
}

#fr_goodies_col1
{
position: relative;
float: left;
width: 329px;
height: 680px;
z-index: 20;
}

#fr_goodies_col1_top
{
position: relative;
float: left;
width: 329px;
height: 388px;
z-index: 5000;
}

#fr_goodies_col1_bottom
{
position: relative;
width: 329px;
height: 292px;
z-index: 25;
}

#fr_goodies_col2
{
position: relative;
float: left;
width: 400px;
height: 680px;
z-index: 20;
}

#fr_goodies_col3
{
position: relative;
float: left;
width: 171px;
height: 680px;
z-index: 25;
}

#fr_goodies_col3_top
{
position: relative;
float: left;
width: 171px;
height: 388px;
z-index: 25;
}

#fr_goodies_col3_bottom
{
position: relative;
width: 171px;
height: 292px;
z-index: 25;
}

#fr_content
{
position: absolute;
float: left;
width: 900px;
height: 680px;
top: 0;
left: 0;
z-index: 30;
}

#fr_content_col1
{
position: relative;
float: left;
width: 329px;
height: 680px;
z-index: 35;
}

#fr_content_col2
{
position: relative;
float: left;
width: 571px; /* 571px */
height: 680px; /*680px*/
margin-top: 60px;
margin: 0 0 0 0;
z-index: 35;
}

#fr_folio
{
display: none;
position: absolute;
float: left;
top: 98px;
left: 358px;
width: 451px;
height: 453px;
z-index: 40;
}

#fr_folio_img
{
display: none;
position: absolute;
float: left;
top: 123px;
left: 382px;
width: 403px;
height: 402px;
z-index: 100;
}

#fr_folio_img_photo
{
width: 403px;
height: 402px;
}

#fr_folio_img_nav
{
width: 403px;
margin-top: 35px;
font: italic 13px Georgia,'Times New Roman',Times,serif;
z-index: 150;
height: 10px;
}

#fr_folio_img_nav_previous
{
width: 70px;
float: left;
cursor: pointer;
z-index: 160;
}

#fr_folio_img_nav_name
{
width: 243px; /* 263px */
margin: 0 10px;
float: left;
text-align: center;
color: #888888;
z-index: 160;
}

#fr_folio_img_nav_next
{
width: 70px;
float: left;
text-align: right;
cursor: pointer;
z-index: 160;
}

#fr_overlay
{
display: none;
position: absolute;
float: left;
width: 900px;
height: 680px;
top: 0;
left: 0;
z-index: 100;
text-align: center;
}

#fr_content_about
{
position: relative;
width: 524px;
margin-left: 47px;
}

#fr_content_about_col1
{
position: relative;
float: left;
width: 274px;
margin: 165px 0 0 0;
font: 13px/18px Georgia,'Times New Roman',Times,serif;
color: #5d5d5d;
}

#fr_content_about_col2
{
position: relative;
float: left;
width: 227px;
margin: 170px 0 0 23px;
}

#fr_content_contact
{
position: relative;
width: 524px;
margin-left: 47px;
}

#fr_content_contact_col1
{
position: relative;
float: left;
width: 274px;
margin: 165px 0 0 0;
font: 13px/18px Georgia,'Times New Roman',Times,serif;
color: #5d5d5d;
}

#fr_content_contact_col2
{
position: relative;
float: left;
width: 250px;
margin: 170px 0 0 0;
}

/*
	Form
*/

fieldset
{
margin: 0 0 0 0;
padding: 0 0 0 0;
border-width: 0;
}

fieldset ul
{
list-style: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

fieldset ul li
{
margin: 0 0 4px 0;
padding: 0 0 0 0;
}

fieldset label
{
float: left;
width: 80px;
text-transform: lowercase;
}



fieldset .input
{
/*background: #f4f3f3;
border: 1px solid #c8c8c8;*/
background: transparent;
border-width: 0;
border-bottom: 1px solid #c8c8c8;
font: 13px Georgia,'Times New Roman',Times,serif;
color: #5d5d5d;
padding: 2px 3px;
}

fieldset .text
{
width: 150px;
}

fieldset .hover
{
background: #dea6bf;
color: #fff;
}

fieldset .normal
{
background: transparent;
color: #5d5d5d;
}

fieldset .error
{
background: #db7575;
color: #fff;
}

fieldset textarea
{
margin-top: 3px;
width: 230px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
}

#fr_nav
{
position: absolute;
float: left;
top: 0;
left: 0;
width: 329px;
height: 388px;
z-index: 600;
}

#fr_error
{
color: #db7575;
margin-bottom: 6px;
display: none;
margin: 0 0 20px;
padding: 0;
list-style: none;
}

#fr_error li
{
margin: 0 0 3px;
padding: 0;
}