/*********************
  general items
*********************/
*
	{
	margin: 0;
	padding: 0;
	}
a img, img
	{
	border: 0;
	}
ul
	{
	list-style-type: none;
	}

/*********************
  Main Styles
*********************/
html
	{
	height: 100%;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	}
body
	{
	height: 100%;
	text-align: center;
	color: #211200;
	background: url(../images/background/bg_shade.gif) repeat-y top center;
	background-color: #211200;
	}
#container
	{
	margin: 0 auto;
	width: 900px;
	min-height: 100%;
	text-align: left;
	background: url(../images/background/bg_patern.gif) repeat top left;
	}

* html body #container { height: 100%; }

/*********************
  common
*********************/
a
{
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #211200;
	text-decoration: none;
	outline: none;
}
a.arrow 
{
	font-weight: bold;
  	overflow: visible !important;
	background: url(../images/lnk_arrow.gif) no-repeat;
	background-position: left 1px;
	padding-left: 12px;
	vertical-align: top;
}

/*********************
  image frame
*********************/
table#tbl_frm
{
	float: left;
	position: relative;
}
img#img_loader
{
	position: absolute;
	left: 267px;
	top: 188px;
	visibility: hidden;
}
table#tbl_frm tr td
{
}
div#frm
{
	overflow: hidden; 
	position: relative;
}
img#frm_img
{
	padding: 7px;
	float: left;
}
img#frm_img_top
{
	position: absolute;
	top: 7px;
	left: 7px;
	z-index: 100;
}
div#frm_tl img, div#frm_tr img, div#frm_bl img, div#frm_br img
{
	visibility: hidden;
}
div#frm_tl 
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 51%;
	width: 51%;
	min-height: 51%;
	min-width: 51%;
	background: url(../images/background/bg_tl.gif) no-repeat top left;
	z-index: 10;
}
div#frm_tr 
{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 51%;
	width: 51%;
	min-height: 51%;
	min-width: 51%;
	background: url(../images/background/bg_tr.gif) no-repeat top right;
	z-index: 10;
}
div#frm_bl 
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 51%;
	width: 51%;
	min-height: 51%;
	min-width: 51%;
	background: url(../images/background/bg_bl.gif) no-repeat bottom left;
	z-index: 10;
}
div#frm_br 
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 51%;
	width: 51%;
	min-height: 51%;
	min-width: 51%;
	background: url(../images/background/bg_br.gif) no-repeat bottom right;
	z-index: 10;
}

.clearfix:after
{
	clear:both;
	content:".";
	display:block;
	height:0pt;
	line-height:0px;
	margin:0px;
	padding:0px;
	visibility:hidden;	
}
* html .clearfix {
height:1%;
}

/*********************
  content
*********************/
#content 
{
	margin-left: 40px;
	position: relative;
	width: 860px;
	min-height: 570px;
/*	overflow: hidden; */
}

/*********************
  header & footer
*********************/
#header
	{
	position: relative;
	width: 900px;
	height: 100px;
	}
#header #logo
	{
	position: absolute;
	top: 35px;
	left: 35px;
	}
#header .st_logo
	{
	position: absolute;
	top: 35px;
	left: 35px;
	}
#header #st_logo
	{
	position: absolute;
	top: 35px;
	left: 35px;
	}
	
#header #client_login
	{
	position: absolute;
	top: 6px;
	right: 8px;
	}
	
#header a#sign_up_now
	{
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	overflow: hidden;
	padding-top: 140px;
	width: 259px;
	height: 0;
	font-size: 1px;
	background: #fff url(../images/sign_up.gif) no-repeat top left;
	}
#header a#sign_up_now:hover
	{
	background-position: 0 -140px;
	}

#footer
{
	padding-top: 20px;
}

#footer img#copyright
{
	padding-left: 41px;
}

/*********************
  gallery 
*********************/
div#gallery 
{
	float:right;
	margin-top:284px;
	position:absolute;
	right:0px;
	width:160px;
	z-index: 190;
	background: url(../images/gallery_bg.gif) repeat-y top left;
}
div#gallery div#g_IDX
{
	width: 40px;
	height: 40px;
	float: left;
	font-weight: bold;
}
div#gallery div#g_IDX p#imgIDX {font-size: 23px; text-align: right; padding-right: 4px;}
div#gallery div#g_IDX p#imgTOTAL {font-size: 12px; text-align: right; padding-right: 4px;}

div#gallery div#g_ARROW
{
	width: 40px;
	height: 40px;
	float: left;
	padding-left: 18px;
}
div#gallery div#g_Images
{
	width: 40px;
	padding-top: 16px;
	float: left;
}
div#gallery div#g_Images a
{
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	background: url(../images/imgBtn_off.gif) no-repeat top right;
}
div#gallery div#g_Images a.g_img_off {background: url(../images/imgBtn_off.gif) no-repeat top right;}
div#gallery div#g_Images a.g_img_over {background: url(../images/imgBtn_over.gif) no-repeat top right;}
div#gallery div#g_Images a.g_img_on {background: url(../images/imgBtn_over.gif) no-repeat top right;}
div#gallery div#g_Images a:hover {background: url(../images/imgBtn_over.gif) no-repeat top right;}

div#gallery div#g_thumb
{
	width: 45px;
	float: left;
	padding-top: 16px;
	padding-left: 18px;
}


/*********************
  nav animation
*********************/
div#animmenu 
{
	float:right;
	padding-top:35px;
	position:absolute;
	right:0px;
	width:190px;
	z-index: 200;
}
#animmenu a  {
	display: block; 
	clear: both; 
	width: 190px;
	height: 23px;
	font-size: 100%; 
	line-height: 23px;
	vertical-align: middle;
	color: #FFFFFF; 
	text-decoration: none;
	background: url(../images/nav/bg_off.gif) 30px 0px no-repeat;
	overflow: hidden;
	margin-bottom: 1px;
}
#animmenu a:hover {color: #400;}
#animmenu.noscript a:hover {background: url(../images/nav/bg_off.gif) 10px 0px;}
#animmenu a  img
{
	padding-left: 48px;
	padding-top: 8px;
	float: left;
}
#animmenu a.on  {
	background: url(../images/nav/bg_on.gif) 10px 0px no-repeat !important;
}
#animmenu a.on:hover {color: #400;}
#animmenu.noscript a.on:hover {background: url(../images/nav/bg_on.gif) 10px 0px;}


div#animsubmenu 
{
	width: 190px;
	float: right;
}
#animsubmenu a  {
	display: block; 
	clear: both; 
	width: 190px;
	height: 23px;
	font-size: 100%; 
	line-height: 23px;
	vertical-align: middle;
	color: #FFFFFF; 
	text-decoration: none;
	background: url(../images/nav/subnav_off.gif) -10px 0px no-repeat;
	overflow: hidden;
	margin-bottom: 1px;
}
#animsubmenu a:hover {color: #400;}
#animsubmenu.noscript a:hover {background: url(../images/nav/subnav_off.gif) 10px 0px;}
#animsubmenu a  img
{
	padding-left: 10px;
	padding-top: 8px;
	float: left;
}
#animsubmenu a.on  {
	background: url(../images/nav/subnav_off.gif) 0px 0px no-repeat !important;
}
#animsubmenu a.on:hover {color: #400;}
#animsubmenu.noscript a.on:hover {background: url(../images/nav/subnav_off.gif) 0px 0px;}

/*********************
  copy
*********************/

#copy
{
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	line-height: 12px;
	color: #211200;
	float: left;
	width: 362px;
	padding-left: 18px;
}
div.fullcopy {
	width:630px !important;
	padding-right: 20px !important;
}
div.fullcopy p a
{
	font-weight: bold !important;
}

#copy p 
{
	color: #211200;
	line-height: 16px;
	padding-bottom: 17px;
}
#copy p a
{
	color: #FF6309;
/*	font-weight: bold; */
}
#copy p.nopadding
{
	padding: 0px !important;
}

div.contact 
{
	padding-top: 35px;
	float: left;
}
div.contact p
{
}

div.contact p a
{
	font-weight: bold !important;
}
div.client_list 
{
	padding-top: 35px;
	width: 650px !important;
}
div.client_list p
{
	float: left;
	width: 160px;
	line-height: 20px;
}
table#client_list_table tr td
{
	width: 160px;
	color:#211200;
	line-height:16px;
	vertical-align: top;
}
table#client_list_table 
{
	margin-bottom: 35px;
}


#copy h1
{
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	padding-bottom: 15px;
}
#copy h2
{
	font-size: 13px;
	line-height: 19px;
	font-style: italic;
	color: #FF6309;
	padding-bottom: 35px;
	font-weight: normal;
}
#copy h3
{
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #FF6309;
	padding-bottom: 15px;
}

/*********************
  about section
*********************/

div.about_saverio
{
	width: 284px !important;
}
div.about_lindsey
{
	width: 284px !important;
}
div.about_internship
{
	width: 284px !important;
}
div#foto_g
{
	width: 284px;
	float: left;
}
div#foto_g img.gthumb
{
	float: left;
	margin: 3px;
}

/*********************
  news section
*********************/
div.news_item
{
	border-top: solid 2px #EFEBCB;
	padding-top: 17px !important;
	/* margin-top: 23px !important; */
	clear: both;
}
div.news_item table
{
	margin-right: 20px;
}
div.news_item table.tbl_frm
{
	margin-bottom: 17px;
}

div.no_border
{
	border: none !important;
	padding-top: 0px !important;
	margin-top: 0px !important;
}
div.news_copy_column
{
	float:left;
	width:370px;
}
/*********************
  image frame class
*********************/
table.tbl_frm
{
	float: left;
	position: relative;
}
img.img_loader
{
	position: absolute;
	left: 267px;
	top: 188px;
	visibility: hidden;
}
table.tbl_frm tr td
{
}
div.frm
{
	overflow: hidden; 
	position: relative;
}
img.frm_img
{
	padding: 7px;
	float: left;
}
img.frm_img_top
{
	position: absolute;
	top: 7px;
	left: 7px;
	z-index: 100;
}
div.frm_tl img, div.frm_tr img, div.frm_bl img, div.frm_br img
{
	visibility: hidden;
}
div.frm_tl 
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 51%;
	width: 51%;
	min-height: 51%;
	min-width: 51%;
	background: url(../images/background/bg_tl.gif) no-repeat top left;
	z-index: 10;
}
div.frm_tr 
{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 51%;
	width: 51%;
	min-height: 51%;
	min-width: 51%;
	background: url(../images/background/bg_tr.gif) no-repeat top right;
	z-index: 10;
}
div.frm_bl 
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 51%;
	width: 51%;
	min-height: 51%;
	min-width: 51%;
	background: url(../images/background/bg_bl.gif) no-repeat bottom left;
	z-index: 10;
}
div.frm_br 
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 51%;
	width: 51%;
	min-height: 51%;
	min-width: 51%;
	background: url(../images/background/bg_br.gif) no-repeat bottom right;
	z-index: 10;
}


div.no_padding_left
{
	padding-left: 0px !important;
}