html, body, form
{
    height:100%;
      background-color:#eee;
}

* {
    margin:0; padding:0;
    }
    
body {
	margin:0;
	color:#5b5b5b;
	font:12px/18px Arial, Verdana, Tahoma, Helvetica, sans-serif;
	background-color:#fff;
}


a {
	text-decoration:none;
}
a:hover{ text-decoration:underline;}
a:focus { outline:none;}



h1
{
    margin:0;
	font-size:24px;
	line-height:40px;
	font-weight:normal;
	color:#444;
}
h2
{
    margin:0;
	font-size:14px;
	line-height:1.6em;
	font-weight:normal;
	color:#555;  
}

.left
{
	float:left;	
}

.right
{
	float:right;	
}

.clear_both
{
	clear:both;	
}

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

#wrapper 
{
    min-height:600px;

}
#page 
{

}
#page_area 
{

}
#page_btm 
{
 margin-bottom:20px;
}

#main 
{ 
    background-color:#eee;
    padding-top:10px;
    padding-bottom:10px;
}

#main_block
{ 
    margin:0px auto;
	width:966px;
	min-height:520px;
	background-color:#fff;
}





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

.main_content_block {
	background:url(images/main_bg_split.png) no-repeat;
	padding:3px 0px 0px 0px;
	min-height:340px;
}



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






/*--header-------------------------------------*/

#header 
{
    background-color:#eee;    
	height:26px;
	color:Green;
}
#header_block
{
    margin:0px auto;
	width:960px;
	padding-top:3px;
}

#header a
{
    color:#888;      
}
#header a:hover
{
    color:#eee;
}

#logo
{
    float:left;
    width:400px;
}




/*---------------------------------------*/
#login
{
    float:right;
    padding:0px 0px 0 0;
}


#login ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}
#login ul li
{
	list-style-type: none; 
	display: inline;
	padding-right:5px;
	padding-left:10px;
	background-image: url("images/side_bar.gif");
	background-repeat: no-repeat;
	background-position: 0 1px;
}
#login ul li:first-child
{
	padding-left:0;
	background: none;
}

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

#menu
{
    background-color:#eee;
    /*background-image: url("images/menu_bg.gif");
	background-repeat: repeat-x;
	background-position: 0 top;*/
    height:32px;
}

#menu_block
{
    margin:0px auto;
	width:960px;	
}

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


#menu .menu {
	font-size:12px;
	font-weight:bold;
	line-height:32px;

	
	/*text-transform:uppercase;*/
	
}
#menu .menu li {
	float:left;
	padding:0 3px 0 0;
}
#menu .menu a {
	float:left;
	color:#888;
}
#menu .menu a span {
	display:block;
	padding:0 18px 0px 18px;
	}

#menu .menu li.active {
	background-color:#eee;
	/*background:url(images/menu_bg.png) no-repeat left 0;*/
}
#menu .menu a:hover
{
    text-decoration:none;
    /*background:url(images/menu_bg.png) no-repeat left 0;	*/
    color:#eee;

}

#menu .menu li.active a 
{
    color:#000;
    background:url(images/menu_tab_bg.gif) repeat-x left 0;	
}

#menu .menu a:hover span,
#menu .menu li.active a span 
{
	background:url(images/menu_bg.png) no-repeat right 0;
}



/*---------------------------------------*/
#footer {

	clear:both;
	height:200px;	
	color:#778ab8;
}

#footer_block
{
    margin:0px auto;
	width:970px;		
	padding:10px 0px 0 0px;
}

#footer_block p
{
    margin:0;
}

#footer ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}

#footer ul li
{
	list-style-type: none; 
	display: inline;
	padding-right:5px;
	padding-left:10px;
	background-image: url("images/side_bar.gif");
	background-repeat: no-repeat;
	background-position: 0 1px;
}

#footer ul li:first-child
{
	padding-left:0;
	background: none;
}


#footer a
{
    color:#bbb;
}

#footer span.small_font
{
    font-size:10px;
    color:#aaa;
    line-height:1.2em;
}

#logo_footer
{
   position:relative;
   height:45px; 
   float:left;
   width:71px;
   display:block;
}

#logo_footer span
{
    position:relative;
    display:block;
    height:45px; 
    width:71px;
	background:url(images/logo_bespoke_software_website_design.png) no-repeat;	
	overflow:hidden;
	text-indent:-9999px;
}

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



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


#panel_folder {
	overflow:hidden;
	border-bottom:2px solid #bae1e9;
	padding:40px 25px 25px 25px;
	position:relative;
	width:890px;
}

#panel_folder ul {
	margin:0 0 0 -17px;
	padding:0;
	list-style:none;
	float:left;
	overflow:hidden;
	width:912px;
}
#panel_folder ul li {
	float:left;
	display:inline;
	margin-left:18px;
	background:url(images/panel_bg.png) repeat-y;
	width:278px;
	height:98px;
	padding:2px;
}
#panel_folder ul li img {
	float:left;
	margin:0 7px 0 0;
}
#panel_folder ul li .description {
	overflow:hidden;
	padding:10px 15px 0 0;
	margin-left:14px;
}
#panel_folder ul li .description strong {
	display:block;
	margin:-4px 0 0;
}
#panel_folder ul li .description p { margin:0 0 5px;}

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


.frame_266_top
{
    padding-top:10px;
    width:266px;
    background-image: url("images/frame_266.png");
	background-repeat: no-repeat;
	background-position: 0 top;	
	/*height:0px;  */
}

.frame_266_top h2
{
    padding-left:20px;
    margin:0;
}

.frame_266 ul
{
    margin-top:0;
    margin-bottom:0;    
}

.frame_266_top p
{
    margin:0;
}


.frame_266_btm
{
    padding-bottom:12px;    
    background-image: url("images/frame_266.png");
	background-repeat: no-repeat;
	background-position: 0 bottom;	
	width:266px;
	margin-bottom:5px;

}

.frame_266_pad
{
    padding:0 16px 0 14px;  
    background-image: url("images/frame_266_pad.png");  
    background-repeat: no-repeat;
	background-position: 0 bottom;	
}