/*
	VISUAL FORMAT : design & web development
	W. http://www.visual-format.net
	E. hello@visual-format.net
	
	VISUAL FORMAT is a creative studio providing 
	innovative visual communications for SMEs.
*/


/* GENERAL FORMATTING beg *****************************************************/
body	{
		margin: 0 0 10px 0;
		padding: 0;
		background: #ffffff;
		}		
body, td, th, p, ul, li, h1, h2, h3, h4, h5, h6, .txt, input, textarea, select	{
		font-family: verdana, helvetica, arial, sans-serif;
		color: #333333;
		font-size: 11px;
		font-weight: normal;
		}
td		{	
		vertical-align: top;
		}		
p, blockquote		{
		margin: 10px 0 10px 0;
		padding: 0;
		line-height: 18px;
		}
blockquote		{
		margin: 10px 20px 10px 50px;
		}
b, strong, .strong, th	{
		font-weight: bold;
		}			
ol		{
		margin: 10px 0 0 35px;
		padding: 0;
		}
ul		{
		margin: 10px 0 0 30px;
		padding: 0;
		}
li  	{		
		margin: 0; 
		padding: 2px 0 2px 0;		
		line-height: 17px;
		list-style-type: disc;	
		list-style-image: url(../images/common/list_bullet.gif);
		}
img		{
		border: 0;
		}		
.border	{
		border: solid 1px #9B0070;	
		}	
.hr		{
		border-bottom: dotted 1px #9B0070;	
		}		
/* GENERAL FORMATTING end */


/* TEXT FORMATTING beg ********************************************************/		
.txt_sml	{
		font-size: 10px;
		line-height: 13px;
		}
.txt_tiny	{
		font-size: 9px;
		line-height: 13px;
		}
.txt_dim	{
		color: #999999;
		}
.txt_attention	{
		color: #cc0000;
		font-weight: bold;
		}
.txt_white	{
		color:#ffffff;
		}	
.txt_marker	{
		padding: 2px 0 0 15px;
		color:#ffffff;
		font-size: 10px;
		}		
.txt_hse	{
		font-size: 10px;
		font-weight: bold;
		}						
/* TEXT FORMATTING end */		


/* HEADINGS FORMATTING beg ****************************************************/
h1, h2, h3, h4, h5, h6	{
		margin: 0;
		padding: 0;
		font-weight: bold;
		}
h1		{								/* used for tiny info line top page */
		margin: 5px 0 0 0;
		color: #B3B3B3;
		font-size: 9px;
		font-weight: normal;
		line-height: 12px;
		}	
h2		{								/* used for page titles (ie: 'about us' - with arrow and line below) */
		margin: 2px 0 0 0;
		padding: 0 0 5px 14px;
		background: url(../images/common/h2_bg.gif) no-repeat;
		color: #9B0070;
		font-size: 18px;
		letter-spacing: -1px;
		line-height: 20px;
		}	
h3		{								/* used for sub-titles in body copy */													
		margin: 20px 0 0 0;
		color: #9B0070;
		font-size: 13px;
		line-height: 22px;
		}		
h4		{								/* used for bold text on home page */
		margin: 18px 0 0 0;
		font-size: 12px;
		line-height: 20px;
		}	
h5		{								/* used for section names in side bar */
		margin: 0;
		color: #9B0070;
		font-size: 10px;
		line-height: 18px;
		}
h6		{							
		margin: 10px 0 6px 0;
		font-size: 9px;
		font-weight: normal;
		line-height: 18px;
		}					
/* HEADINGS FORMATTING end */


/* LINKS FORMATTING beg *******************************************************/		
a:link, a:visited, a:active	{
		color: #9B0070;
		font-weight: bold;
		text-decoration: underline;		
		}
a:hover	{
		color: #666666;
		text-decoration: underline;		
		}

/* NAV beg */
a.lnk_nav:link, a.lnk_nav:visited, a.lnk_nav:active, a.lnk_nav_sml:link, a.lnk_nav_sml:visited, a.lnk_nav_sml:active {
		color: #ffffff;
 		text-decoration: none;
/*		border-left: solid 2px #F5F5F5;*/
		}
a.lnk_nav_here:link, a.lnk_nav_here:visited, a.lnk_nav_here:active, a.lnk_nav_here:hover, a.lnk_nav:hover, a.lnk_nav_sml:hover	 	{
		color: #9B0070;
		text-decoration: none;
		}
a.lnk_nav_sml:link, a.lnk_nav_sml:visited, a.lnk_nav_sml:active, a.lnk_nav_sml {
   		font-size: 10px;
   		}	
/* NAV end */

/* HOUSE-KEEPING beg */
a.lnk_hse:link, a.lnk_hse:visited, a.lnk_hse:active, a.lnk_hse_here:link, a.lnk_hse_here:visited, a.lnk_hse_here:active		{
		font-size: 10px;
		font-weight: bold;
		text-decoration: none;		
		}
a.lnk_hse:hover	{
		color: #9B0070;
		text-decoration: none;		
		}		
a.lnk_hse_here:link, a.lnk_hse_here:visited, a.lnk_hse_here:active, a.lnk_hse_here:hover		{
		color: #9B0070;
		}
/* HOUSE-KEEPING end */

/* MARKER beg */
a.lnk_marker:link, a.lnk_marker:visited, a.lnk_marker:active, a.lnk_marker:hover, a.lnk_marker_here:link, a.lnk_marker_here:visited, a.lnk_marker_here:active, a.lnk_marker_here:hover		{
		color: #ffffff;
		font-weight: bold;
 		text-decoration: underline;
		}
a.lnk_marker:hover, a.lnk_marker_here:hover	{
		text-decoration: none;		
		}		
/* MARKER end */

a.lnk_sml:link, a.lnk_sml:visited, a.lnk_sml:active, a.lnk_sml:hover	{
		font-size: 10px;
		}
a.lnk_lrg:link, a.lnk_lrg:visited, a.lnk_lrg:active, a.lnk_lrg:hover	{
		font-size: 13px;
		}
a.lnk_tiny:link, a.lnk_tiny:visited, a.lnk_tiny:active, a.lnk_tiny:hover	{
		font-size: 9px;
		font-weight: normal;
		}
/* LINKS FORMATTING end */


/* BACKGROUNDS beg ************************************************************/
.bg_page			{			}
.bg_content_home	{	padding: 20px 34px 10px 34px;	}	
.bg_content_inside	{		}
.bg_content			{	padding: 20px 0 0 0;	}								
.bg_white		{	background: #ffffff;	}
.bg_header_home, .bg_header_inside	{
		padding: 1px 10px 0 0;		
		text-align: right; 	
		}
.bg_side		{	padding: 40px 12px 20px 12px;	}		/* side menu (current and other section) */
.td_footer		{	padding: 5px 15px 20px 15px;	}
.td_nav			{	padding: 6px 0 6px 20px;	}
.td_nav_inside, .td_nav_inside_here	{	padding: 6px 0 6px 16px;	}
.bg_dk				{	color: #ffffff; font-weight: bold; }
.bg_md				{	color: #ffffff; font-weight: bold; }
.bg_lt				{	 }
/* BACKGROUNDS end */


/* FORM ELEMENTS beg **********************************************************/		
form	{
		margin: 0;
		padding: 0;
		}
input, textarea, select		{
		border: solid 1px #9B0070;
		background: #FFFFFF;
		color: #4E527A;
		margin: 2px;
		padding: 0 0px 0 4px ;
		}	
select	{
  		margin:0;
  		padding:0;
  		}	
.my_text	{
		width: 280px;
		padding: 1px 1px 1px 2px;
		}
.my_btn	{
		padding: 2px;
		border: solid 1px #BA63A2;
		background: #9B0070;
		color: #FFFFFF;
		font-size: 10px;
		font-weight: bold;
		text-align: center;
		cursor: pointer;
		}
/* FORM ELEMENTS end */		
 
 
/* ALIGNMENT beg **************************************************************/
.left	{
		text-align: left;
		}		
.right	{
		text-align: right;
		}
.center	{
		text-align: center;
		}
.top	{
		vertical-align: top;
		}
.bottom	{		
		vertical-align: bottom;
		}		
.middle	{		
		vertical-align: middle;
		}		
.sub	{		
		vertical-align: sub;
		}			
/* ALIGNMENT end */				
		

/* FOOTER ELEMENTS beg ********************************************************/
.txt_footer		{
		color: #C4A4BB;
		font-size: 9px;
		font-weight: normal;
		}
a.lnk_footer:link, a.lnk_footer:visited, a.lnk_footer:active		{
		color: #C4A4BB;
		font-size: 9px;
		font-weight: normal;
		text-decoration: none;		
		}
a.lnk_footer:hover	{
		color: #666666;
		text-decoration: none;		
		}		
/* FOOTER ELEMENTS end */