/* CSS Document */

html { height:100%}
body {
  height:100%;  
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#333333;
}	

div {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

table {
  border-collapse:collapse;
}

table td { 
  margin:0; 
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

a:link {  
  text-decoration:underline; 
  color:#006699;
}
a:hover { 
  color:#009933; 
}
a:visited { 
  text-decoration:underline;
  color: #552b7e;
}	

/* - Layout*/
.container { position:relative;}
.cleaner { 
  clear:both;
  height:0;
  overflow:hidden; 
}

table.body  { width:1000px;}
	
  table.body td.main,
	table.body td.footerMain { 
    width: 635px;
  }
	
  table.body td.side,
	table.body td.footerSide { 
    width: 365px; 
    background: url(../images/elements/content_separator_v.gif) left top repeat-y;
  }  
		
  table.body td.main,
  table.body td.side,
	table.body td.headerMain,
	table.body td.headerSide { vertical-align: top;}
	
	table.body td.headerMain,
  table.body td.headerSide { }
	
  table.body td.footerMain,
  table.body td.footerSide { vertical-align:bottom;}
	

/* - Header*/
  
   /*Menu*/
  .menu { 
    width: 635px;
    margin-top:15px;
    padding-bottom:15px;
    background: url(../images/elements/content_separator_h.gif) repeat-x left bottom;
    position:relative;
    z-index:2;
  }
    .menu .container { padding: 0 0 15px 205px; margin-left:20px; zoom:1; }
    
    .menu .logo { position:absolute; top:0; left:0;}
    .menu .email { 
      position:absolute; 
      top:0; 
      left:0;
      font-size:11px;
    }
	
    .menu ul {
      list-style:none;
      margin:0;
      padding: 12px 0 0 0;
      position:relative;
    }
	
    .menu ul li { display:inline; }
    
    .menu ul li.separator {
       padding:0 8px;
       background: url(../images/elements/menu-separator.gif) no-repeat center center;
    }
		
      .menu ul li a.menu { 
        font-size:11px;  
        text-decoration:underline; 
        color:#333333;
        background:none;
        margin:0;
        padding:0;
      }
      .menu ul li a.menu:hover { text-decoration:none;}
      .menu ul li a.selected, div.menu ul li a.selected:hover  {
			  color:#000000;  
        text-decoration:none;
        font-weight:bold;
      }
     
     .footerMain .menu { padding-top:15px; }
     .footerMain .menu {  background: url(../images/elements/content_separator_h.gif) repeat-x left top;} 
     .footerMain .menu .container { padding-bottom:0; background:none;} 
     .footerMain .menu ul { padding:0;} 
      
     .menu ul .dropdown { 
       display:inline; 
       padding: 0 0 6px 5px;
     }
     
     .menu .submenu { 
       position:absolute;
       top:35px;
       left:-6px;
       font-size:11px;
       background:#FFFFFF;
       padding:5px 10px 5px 10px;
       border: 1px solid #CCCCCC;
     }
      
     .menu .submenu li {
       display:block;
       padding: 2px 0;
     }
	
  /*Extra Menu*/		
  .extraMenu { 
    width: 365px;
    margin-top:15px;
    padding-bottom:15px;
    background: url(../images/elements/content_separator_h.gif) repeat-x left bottom;
    position:relative;
    z-index:2;
  }
    .extraMenu .container { padding: 0 0 19px 0; margin-right:20px; zoom:1; }

    .extraMenu ul {
      list-style:none;
      margin:0;
      padding:15px 0 0 0;
      text-align:right;
    }
	
    .extraMenu ul li { display:inline;}
    .extraMenu ul li.separator {
       padding:0 8px;
       background: url(../images/elements/menu-separator.gif) no-repeat center center;
    }
		
      div.extraMenu  ul li a { 
        font-size:11px;  
        text-decoration:underline; 
        color:#006699;
      }	
      div.extraMenu ul li a:visited { 
        text-decoration:underline; 
        color:#006699;
      }
      div.extraMenu ul li a:hover {
			  color:#009933; 
      }	
      
  
/* - Main content*/	
div.mainBaner {
	height:400px;
	background:#CCCCCC;
	margin-top: -1px;
	background: #d8d8d7 url(../images/main_baner_bg.jpg) left top no-repeat;
  z-index:1;
  position:relative;
}

div.mainBaner div {
	padding: 20px;
}

div.mainBaner .gallerysample
{
	float: left;
	padding: 20 0 0 20;
	padding1: 0;
}

div.mainBaner .gallerysample .gal
{
	float: left;
	height: 320;
}

div.mainBaner .gallerysample .title
{
	float: left;
	color: #8e8e8e;
	text-align: center;
	width: 300;
	padding-top: 10;
}

div.mainBaner .moreexamples
{
	padding-top: 10;
	width: 950;
	height: 20;
	text-align: right;
}
div.mainBaner .moreexamples a
{
	color: #6699cc;
}

div.content { padding:0.5em 20px 0 20px;}
div.content h1 { padding:10px 0 0 0;}

div.separatorH { margin-right:20px;}
div.content  div.separatorH { margin:0;}

/* - Side Content*/

td.side  div.separatorH { margin-left:20px; margin-right:20px;}	
  
	/*Baners*/	
  .banerList {
	  margin-top:-1px;
    background: #ECECEB url(../images/baners/baner_list_bg.gif) left bottom repeat-x;
    border-bottom:1px solid #AEB2B2;
  }
	
	.banerList td { vertical-align: top; }
	
		
    .banerList div.separatorH { height:15px;  background:url(../images/elements/content_separator_h.gif)  left top repeat-x;}
		  
    .banerList div.baner {
      background:url(../images/baners/baner_bg.png) left 15px no-repeat;
			padding: 15px 0 25px 0;
    }
		

    *html .banerList div.baner { 
      background : none;
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/baners/baner_bg.png,sizingMethod=crop);
    }
			
      .banerList div.baner h1 { padding-left:20px;}
      .banerList div.baner h1 img { margin-right:7px;}
      .banerList div.baner div.descript { 
        font-size:11px;
        color:#666666;
        padding-left:80px;
        padding-right:20px;
      }
      
			.banerList a.baner:link { text-decoration:none; cursor:hand; display:block;}
			.banerList a.baner:visited { text-decoration:none; cursor:hand; display:block;}
			.banerList a.baner:hover { 
			  text-decoration:none; 
				cursor:hand; 
				background: #F1F1F1; 
				display:block;
				}
		
        /*Side content*/
        div.bannerBox {
          padding-top:20px;
          padding-left:20px;
          padding-right:20px;
          padding-bottom:10px;
        }
				
        div.sideBox {
          padding-top:20px;
          padding-left:60px;
          padding-right:20px;
          padding-bottom:20px;
        }
		
          div.sideBox ul.sideList {
            list-style: disc;
            color:#CCCCCC;
            margin-top:10px;
            margin-bottom:0;
          }
          div.sideBox ul.sideList li { padding-bottom:5px;}
					
	/*Side Baners*/	
  .side div.banerList {
    background: #ECECEB url(../images/main_baner_bg.jpg) left top repeat-x;
  }
	
		
   .side div.banerList div.separatorH { 
		 height:15px;  
		 background:url(../images/elements/content_separator_h2.gif)  left top repeat-x;
	 }
		  
   .side div.banerList div.baner {
      height:81px;
      background:url(../images/baners/baner_bg.png) left top no-repeat;
			padding-bottom:16px;
			padding-top:0; 
    }
		

    *html .side div.banerList div.baner { 
      background : none;
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/baners/baner_bg.png,sizingMethod=crop);
    }
			
    .side  div.banerList div.baner h1 { padding-left:40px;}
    .side  div.banerList div.baner h1 img { margin-right:7px;}
    .side  div.banerList div.baner div.descript { 
        font-size:11px;
        color:#666666;
        padding-left:100px;
        padding-right:20px;
      }
      
		.side	div.banerList a.baner:link { text-decoration:none; cursor:hand; display:block;}
		.side	div.banerList a.baner:visited { text-decoration:none; cursor:hand; display:block;}
		.side	div.banerList a.baner:hover {
		    text-decoration:none; 
				cursor:hand; 
				background:#F1F1F1; 
				display:block;
				}
						
		
        /*Side content*/
     .side   div.bannerBox {
          padding-top:30px;
          padding-left:50px;
          padding-right:0px;
          padding-bottom:10px;
        }
				
      .side  div.sideBox {
          padding-top:20px;
          padding-left:60px;
          padding-right:20px;
          padding-bottom:20px;
        }
		
       .side   div.sideBox ul.sideList {
            list-style: disc;
            color:#CCCCCC;
            margin-top:10px;
            margin-bottom:0;
          }
       .side   div.sideBox ul.sideList li { padding-bottom:5px;}					
				 
/* - Footer*/
	
  /*Copyright*/	
   div.copyright { 
      width: 365px;
      color: #666666;
      background: url(../images/elements/content_separator_h.gif) repeat-x left top;
      text-align:right; 
    }
	
    div.copyright div { padding:16px 20px 15px 20px;}
    
    div.copyright div p { font-size: 11px; margin:0;}	

/*Elements*/

input.button {
  height:29px;
  padding-left:20px;
  padding-right:20px;
  cursor:pointer;
}

input[type=radio] {
margin: 4px 3px 4px 3px; 
}

*html input.button {
  padding-left:12px;
  padding-right:12px;
}

img { border:0;}

p { margin-top:15px; margin-bottom:15px;}

h1 { 
  font-weight:normal;
  font-size:18px;
  color:#333333;
  margin:0;
  padding-bottom:5px;
}

.baner h1 { 
  color:#666666;
}
	
h2 {
  font-weight:normal;
  font-size:18px;
  color:#333333;
  margin:0;
  padding:20px;
}

h3 {
  font-size:12px;
  color:#333333;
  margin:0;
  padding-bottom:5px;
}	

div.separatorH{
  background:url(../images/elements/content_separator_h.gif)  left center repeat-x;
  height:20px;
  clear:both;
}
	
.white { color:#FFFFFF; }
.important { color:#CC0000;}