/**************************************************************************************/
/*
/*    Designed by 'AS Designing'
/*    http://www.asdesigning.com
/*
/*    
/*    This template/design is released under the Creative Commons Attribution 3.0 license. 
/*    This means that it can be used for private and commercial purposes, edited freely 
/*    or redistributed as long as you keep the link back to AS Designing. 
/*
/**************************************************************************************/

/**************************************************************************************/
/**************************************************************************************/
/*   Elements
/**************************************************************************************/
/**************************************************************************************/

* {padding:0; margin:0; border: 0px;}

html 
{
  height: 100%;
}

body
{
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}

table
{
  width: 100%;
}

img
{
    border: 0;
    vertical-align: top;     
}

p
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px;  
}

p img
{
  margin: 0px 15px 15px 0px;
  padding: 0px 0px 0px 0px;    
}

a
{
  text-decoration: none;
  outline-style: none;
}

a:hover
{
  cursor: pointer;
  border: none;
}

ul
{
  list-style: none;
}

li
{
  list-style: inside;
}

form
{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

fieldset 
{
  margin: 5px 0px 5px 0px;
  padding: 2px 0px 2px 0px;
}

input
{
  width: 217px;
  margin: 0px 0px 0px 0px;
  padding: 3px 3px 3px 3px;
  font-size: 11px;
  border: 1px;
  border-style: solid;
  vertical-align: bottom;
  background-image: url(../images/input_bg.png);
  background-repeat: repeat-x;    
}

#search input
{
  width: 222px;
  background-image: url(../images/search.png);
  background-position: left;
  background-repeat: no-repeat;
  padding: 4px 0px 4px 30px;
}

select
{
  width: 226px;
  margin: 2px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 11px;
  border: 1px;
  border-style: solid;
  vertical-align: bottom;
  background-image: url(../images/input_bg.png);
  background-repeat: repeat-x;  
}

textarea
{
  width: 450px;
  margin: 2px 2px 10px 0px;
  padding: 2px 2px 2px 2px;
  font-size: 11px;
  border: 1px;
  border-style: solid;
  background-color: transparent;
  vertical-align: bottom;
  background-image: url(../images/input_bg.png);
  background-repeat: repeat-x;    
}

label
{
  line-height: 18px;
    font-weight: normal;
}


/**************************************************************************************/
/*   Main Menu
/**************************************************************************************/

#header #mainmenu
{
  float: right;
  height: 50px;
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 0px 0px;
  position: relative;    
  z-index: 20;
  overflow: visible;
}

#header #mainmenu ul.menu
{
  float: right;
  display: block;
  margin: 0px 0px 0px 0px;;
  padding: 0px 10px 0px 20px;
  text-align: center;
  list-style-type: none;
  border: 1px;
  border-right: 0px;
  border-style: solid;
}

#header #mainmenu ul.menu li 
{  
  float: left;
  height: 50px;
  position: relative; 
  list-style: none; 
  padding: 0px; 
  margin: 0px;
  background: none; 
}

#header #mainmenu ul.menu  li a 
{
  height: 35px; 
  margin: 0px 13px 0px 14px;  
  padding: 15px 0px 0px 0px;
  display: block; 
  font-weight: bold;
  font-size: 13px;
  text-decoration: none;  
  border: none;
  border-style: none;
  outline-style: none;
  text-transform: none;
  position: relative; 
  z-index: 30
}

#header #mainmenu ul.menu li.current a,
#header #mainmenu ul.menu li.active a,
#header #mainmenu ul.menu li a:hover
{
  height: 35px; 
  margin: 0px 13px 0px 14px;  
  padding: 15px 0px 0px 0px;
}

#header #mainmenu ul.menu ul 
{
  width: 155px;
  display: none; 
  margin: 0px 0px 0px -1px !important;
  padding: 0px 0px 0px 0px !important; 
  top: 50px; 
  position: absolute !important;
  z-index: 40 !important;
  border: 1px;
  border-style: solid;
}

#header #mainmenu ul.menu > ul > li  
{
  float: none !important; 
  position: relative !important;   
  z-index: 50 !important;
}

#header #mainmenu ul.menu ul li
{   
  width: 155px;
  height: 30px;
}

#header #mainmenu ul.menu ul li a 
{   
  margin: -2px 20px 0px 20px !important;  
  padding: 7px 0px 0px 0px !important; 
  text-align: left;    
  display: block; 
  text-decoration:none
}

#header #mainmenu ul.menu ul li.parent
{
  background-position: right;
  background-repeat: no-repeat;
}

#header #mainmenu ul.menu li.current ul li a:hover,
#header #mainmenu ul.menu li.active ul li a:hover
{
  background-position: top;
}

#header #mainmenu ul.menu ul ul 
{
  display: none; 
  margin: -1px 0px 0px 0px !important;
  padding: 8px 0px 0px 0px; 
  top: 0; 
  left: 151px; 
  position: absolute; 
  z-index: 70; 
  border-left: 0px;
}

#header #mainmenu ul.menu ul ul li a 
{   
  padding: 0;  
  text-align: left;
  display: block; 
  position: relative; 
  z-index: 70; 
  text-decoration: none;
}

#header #submenu
{
  width: 350px;
  height: 250px;
  float: left;
  margin: 160px 10px 5px 15px;
}

#header #submenu #home a
{
  float: left;
  width: 13px;
  height: 20px;
  margin: 0px 10px 0px 10px;
  background-repeat: no-repeat;
  border: none;
}

#header #submenu #home a:hover
{
}

#header #submenu #contact a
{
  float: left;
  width: 13px;
  height: 20px;
  margin: 0px 10px 0px 10px;
  background-repeat: no-repeat;
  border: none;          
}

#header #submenu #contact a:hover
{
}

#header #submenu #search a
{
  float: left;
  width: 13px;
  height: 20px;    
  margin: 0px 10px 0px 10px;
  background-repeat: no-repeat;
  border: none;    
}

#header #submenu #search a:hover
{
}

#header #submenu .separator
{
  float: left;
  width: 1px;
  height: 20px;
  margin: 0px 3px 0px 3px;  
  background-repeat: no-repeat;  
}

/**************************************************************************************/
/*   Header
/**************************************************************************************/
/**************************************************************************************/

#header
{
  width: 1000px;
  margin: 0px 0px 0px 0px;
  background-image: url(../images/bg.header.h.png);
}

#header li
{
  list-style: none;
}

#header #slideshow
{
  margin: 15px 5px 10px 8px;
  background-repeat: no-repeat;  
}


/**************************************************************************************/
/*   Content
/**************************************************************************************/
/**************************************************************************************/

#wrapper
{
  width: 1000px;
  margin-left: auto;
  margin-right: auto;  
  padding: 0px 5px 0px 5px;  
}

#content
{
  width: 1000px;
}

/**************************************************************************************/
/*   Column Left 
/**************************************************************************************/

#colleft
{
  float: left;
  width: 235px;
  margin: 0px 10px 0px 25px;
}

#colleft h1, 
#colleft h2, 
#colleft h3
{
  width: 220px;
  height: 35px;
  margin: 0px 0px 0px 0px;
  padding: 8px 0px 0px 15px;
  font-size: 18px;
  text-align: center;
  background-repeat: repeat-x;
}

#colleft h4,
#colleft .bannerheader
{
  padding: 25px 0px 0px 0px;
  text-align: right;
  font-size: 13px;
}

#colleft p
{
    padding: 25px 0px 10px 0px;   
}

#colleft ul 
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  background-image: url(../images/itemseparator.png);
  background-position: top;
  background-repeat: repeat-x;  
}

#colleft li  
{
  line-height: 32px;
    margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 5px;
    text-align: left;
  list-style: inside;
  background-position: left top;
  background-repeat: repeat-x;  
}

#colleft ul ul
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  background-image: none;
}
  
#colleft ul ul li
{
    margin: 0px 0px 0px -5px;
    padding: 0px 0px 0px 30px;
}

#colleft a
{
  outline-style: none;  
}

#colleft a:hover
{
}

#colleft button, 
#colleft .button
{
  float: right;
  width: 120px;
  height: 30px;
  margin: 20px 0px 15px 0px;
  padding: 0px 0px 2px 0px;
  text-align: center;
  font-size: 12px;
  background-position: top;
  border: 0px;
}

#colleft button:hover, 
#colleft input.button:hover
{
  cursor: pointer;
  background-position: top;
}

#colleft input
{
  font-family: Verdana, Geneva, sans-serif;  
  width: 229px;
}

#colleft input[type="checkbox"],
#colleft input[type="radio"]
{
  float: left;
  width: 15px;
  height: 15px;
  margin: 0px 5px 0px 0px;  
  border: none;
  background-color: transparent;
}

#colleft img
{
  float: left;
  margin: 0px 15px 0px 0px;
  padding: 3px;
  border: 1px;
  border-style: solid;
  border-color: #3A3A3A;
  background-image: url(../images/bg.menu.li_2.png);
  background-repeat: repeat-x;  
}

#colleft #search
{
}

#colleft #search input
{
  padding: 0px 0px 0px 30px;
}

#colleft .recentpost
{
    padding: 10px 0px 0px 0px;   
}

#colleft .row1,
#colleft .row2,
#colleft .row3,
#colleft .row4,
#colleft .row5
{
  clear: both;
  width: 195;
    margin: 0px 0px 20px 0px;  
  padding: 0px 0px 0px 0px;
  overflow: hidden;
}

#colleft .row-separator
{
  clear: both;
  height: 2px;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url(../images/itemseparator.png);
  background-repeat: repeat-x;
}

/**************************************************************************************/
/*   Column Main 
/**************************************************************************************/

#colmain
{
  float:left;
  margin: 0px 25px 0px 25px;
  padding: 0px 0px 10px 0px;
  text-align: justify;
  overflow: hidden;  
}

#colmain h1, 
#colmain h2, 
#colmain h3
{
  min-width: 50px;
  font-size: 17px;  
  font-weight: normal;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
}

#colmain h4, 
#colmain h5
{
  font-size: 13px;
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 0px;    
}

#colmain .item h1,
#colmain .item h2,
#colmain .item h3
{
  height: 36px;
  margin: 0px 0px 20px 0px;
  padding: 12px 0px 0px 15px;
  font-size: 20px;
  font-weight: normal;
  background-repeat: repeat-x;
}

#colmain .item h1 a, 
#colmain .item h2 a, 
#colmain .item h3 a
{
  display: block;
  width: 100%;
  height: 35px;
    margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-position: right top;
  background-repeat: no-repeat;
}

#colmain p
{
  font-weight: normal;
  font-size: 15px;
  text-align: justify;
  padding: 0px 0px 5px 0px;
}

#colmain ul 
{
  padding: 10px 0px 20px 0px;
}

#colmain li  
{
  padding: 3px;
}

#colmain input
{
  float: left;
  width: 220px;
  padding: 2px 2px 2px 2px;  
}

#colmain textarea
{
  margin: 5px 0px 0px 0px;
}

#colmain input[type="checkbox"],
#colmain input[type="radio"]
{
  float: left;
  width: 16px;
  height: 16px;
  border: none;
  background-image: none;
}

#colmain input[type="radio"]
{
  margin-right: 10px;
}

#colmain label
{
  float: left;
  width: 180px;
}

#colmain #article img
{
  margin: 0px 10px 10px 0px;
  padding: 0px 0px 0px 0px;  
}

#colmain .imgright
{
  float: right;
  margin: 0px 0px 10px 20px;
  padding: 0px 0px 0px 0px;  
}

#colmain .imgleft
{
  float: left;
  margin: 0px 20px 10px 0px;
  padding: 0px 0px 0px 0px;  
}

#colmain .readmore
{
  margin: 0px 0px 0px 0px;
  text-transform: uppercase;
  font-size: 11px;
}

#colmain .banner
{
  margin: 20px 0px 10px 0px;
}

#colmain .readmore button,
#colmain .readmore .button
{
  margin: 0px 0px 10px 0px;
  background-image: none;
  font-weight: normal;
}

#colmain .readmore button:hover, 
#colmain .readmore .button:hover
{
  margin: 0px 0px 10px 0px;
  background-image: none;
  font-weight: normal;
}

#colmain button, 
#colmain .button
{
  clear: both;
  float: right;
  margin: 25px 0px 0px 0px;
  padding: 0px 0px 2px 0px;
    width: 200px;
    height: 25px;
    font-weight: normal;
  text-align: center;
  background-repeat: no-repeat;
  background-position: top;
}

#colmain button:hover, 
#colmain .button:hover
{
  cursor: pointer;
}


#colmain #adsense
{
  clear: both;
  width: 100%;
  height: 60px;
  padding: 0px 0px 0px 0px;
  margin: 15px 0px 45px 0px;  
  text-align: center;
}

/**************************************************************************************/
/*   Row 1                                           */

#colmain .row1
{
  width: auto;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 5px 0px;  
  overflow: hidden;    
}

#colmain .row1 .moduletable p
{
  padding: 0px 0px 0px 0px;
  margin: 25px 0px 25px 0px;    
}

#colmain .row1 .row1col1,
#colmain .row1 .row1col2,
#colmain .row1 .row1col3,
#colmain .row1 .row1col4
{
  float: left;
  min-height: 0%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: transparent;
}

#colmain .row1 h1,
#colmain .row1 h2,
#colmain .row1 h3
{
  height: 42px;
  margin: 0px 0px 0px 0px;
  padding: 18px 0px 0px 15px;
  font-size: 17px;
  font-weight: normal;
  background-repeat: repeat-x;
}

#colmain .row1 .readmore
{
  height: 25px;
  padding: 4px 20px 4px 10px;
  margin: 0px 0px 0px 0px;
}


/**************************************************************************************/
/*   Column Right 
/**************************************************************************************/

#colright
{
  float: left;
  width: 235px;
  margin: 0px 25px 0px 10px;
}

#colright h1, 
#colright h2, 
#colright h3
{
  width: 220px;
  height: 42px;
  margin: 0px 0px 0px 0px;
  padding: 18px 0px 0px 15px;
  font-size: 17px;
  font-weight: normal;
  background-repeat: repeat-x;
}

#colright h4,
#colright .bannerheader
{
  padding: 25px 0px 0px 0px;
  text-align: left;
  font-size: 13px;
}

#colright p
{
    padding: 25px 0px 10px 0px;   
}

#colright ul 
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  background-image: url(../images/itemseparator.png);
  background-position: top;
  background-repeat: repeat-x;  
}

#colright li  
{
  line-height: 32px;
    margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 5px;
    text-align: left;
  list-style: inside;
  background-position: left top;
  background-repeat: repeat-x;  
}

#colright ul ul
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  background-image: none;
}
  
#colright ul ul li
{
    margin: 0px 0px 0px -5px;
    padding: 0px 0px 0px 30px;
}

#colright a
{
  outline-style: none;  
}

#colright a:hover
{
}

#colright button, 
#colright .button
{
  float: right;
  width: 120px;
  height: 30px;
  margin: 20px 0px 15px 0px;
  padding: 0px 0px 2px 0px;
  text-align: center;
  font-size: 12px;
  background-position: top;
  border: 0px;
}

#colright button:hover, 
#colright input.button:hover
{
  cursor: pointer;
  background-position: top;
}

#colright input
{
  font-family: Verdana, Geneva, sans-serif;  
  width: 229px;
}

#colright #search input
{
  width: 200px;
  padding: 4px 3px 4px 30px;
}

#colright input[type="checkbox"],
#colright input[type="radio"]
{
  float: left;
  width: 15px;
  height: 15px;
  margin: 0px 5px 0px 0px;  
  border: none;
  background-color: transparent;
}

#colright img
{
  float: right;
  margin: 0px 0px 10px 15px;
  padding: 3px;
  border: 1px;
  border-style: solid;
  border-color: #3A3A3A;
}

#colright .recentpost
{
    padding: 10px 0px 0px 0px;   
}

#colright .row1,
#colright .row2,
#colright .row3,
#colright .row4,
#colright .row5
{
  clear: both;
  width: 195;
    margin: 0px 0px 20px 0px;  
  padding: 0px 0px 0px 0px;
  overflow: hidden;
}

#colright .row-separator
{
  clear: both;
  height: 2px;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url(../images/itemseparator.png);
  background-repeat: repeat-x;
}


/**************************************************************************************/
/*   Rows                                            */

#colright .row1,
#colright .row2,
#colright .row3,
#colright .row4,
#colright .row5
{
  clear: both;
  width: 195;
    margin: 0px 0px 20px 0px;  
  padding: 0px 0px 0px 0px;
  overflow: hidden;
}


/**************************************************************************************/
/*   Footer
/**************************************************************************************/
/**************************************************************************************/

#footer
{
  width: 1000px;
  background-image: url(../images/itemseparator.png);
  background-position: top;
  background-repeat: repeat-x;
  overflow: hidden;
}

#footercontent
{  
}


#footer h1, 
#footer h2, 
#footer h3
{
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  font-weight: bold;
  font-size: 15px;  
}

#footer p
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;  
}

#footer a
{
  text-decoration: none;
  outline-style: none;  
}

#footer a:hover
{
  border: none;
}

#footer ul 
{
  list-style: none;
  text-align: right;
}

#footer li
{
  display: inline;
    padding-left: 15px;
}

#footer #search
{
  clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  text-align: left;
  overflow: hidden;
}

#footer #search input
{
}

#footer #getintouch
{
  clear: both;
  margin: 6px 0px 20px 0px;
  padding: 25px 25px 25px 25px;  
  border: 1px;
  border-right: 0px;
  border-style: solid;
}

#footer .item-separator
{
    clear: both;
    background-image: url(../images/itemseparator.png);
    background-repeat: repeat-x;
    height: 2px;
    margin: 0px;
    padding: 0px;
}

#footer .row2
{
  clear: both;
  padding: 0px 0px 0px 0px;
  overflow: hidden;  
}

#footer .row2 .row2col1
{
  float: left;
  width: 1000px;
  height: 35px;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 15px 0px;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  border: 1px;
  border-left: 0px;
  border-style: solid;
}
#footer .row2 .row2col1 #trade
{
  float: none;
  height: 15px;
  margin: 0px 0px 0px 0px;
  padding: 7px 0px 0px 0px;  
}
#footer .row2 .row2col1 #details
{
  float: none;
  height: 15px;
  margin: 0px 0px 0px 0px;
  padding: 7px 0px 0px 0px;  
}

#footer .row2 .row2col1 #ascopy
{
  float: none;
  height: 0px;
  margin: 0px 0px 0px 0px;
  padding: 7px 0px 0px 0px;
  font-size: 0px;
}

#footer .row2 .row2col2
{
  float: left;
  height: 30px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 25px;
  text-align: left;
  font-size: 11px;
  font-weight: bold;
}

/**************************************************************************************/
/**************************************************************************************/
/*   General Element IDs and classes
/**************************************************************************************/
/**************************************************************************************/

#general
{
}

#companyname
{
  float: left;
  width: 0px;
  height: 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-repeat: no-repeat;
  border: 0px;
  border-top: 0px;
  border-style: solid;
}

#companyname a
{
}

.companyname
{
  font-family: "Times New Roman", Times, serif;
    font-size: 42px;
    font-style: normal;
    font-weight: normal;
  border: none;
}

.slogan
{
  border: none;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
}

#companylogo,
#companylogo a
{
    border: none;
}

#mainbanner
{
}

.alignleft
{
  text-align: left;
}

.alignright
{
  text-align: right;
}

.center
{
    padding: 10px;
    text-align: center;    
}

.left
{
  float: left;
}

.right
{
  float: right;
}

.clear
{
  clear: both;
}

.spacer
{
  width: 1px;
  height: 40px;
}

.separator
{
  width: 1px;
  height: 20px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;  
}

.separator_5
{
  clear: both;
  width: 5px;
  height: 5px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;  
}

.separator_7
{
  clear: both;  
  width: 7px;
  height: 7px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;  
}

.separator_8
{
  clear: both;  
  width: 8px;
  height: 8px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;  
}

.separator_10
{
  clear: both;  
  width: 10px;
  height: 10px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;  
}

.separator_15
{
  clear: both;  
  width: 15px;
  height: 15px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;  
}

.sepleft_15
{
  float: left;
  width: 15px;
  height: 15px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;  
}

.separator_20
{
  clear: both;  
  width: 20px;
  height: 20px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;  
}

.separator_25
{
  clear: both;  
  width: 25px;
  height: 25px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;  
}

.sepleft_25
{
  float: left;
  width: 25px;
  height: 25px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;  
}

.separator_30
{
  clear: both;  
  width: 30px;
  height: 30px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;  
}

.separatordotted_hor
{
  margin: 20px 0px 20px 0px;
  height: 1px;
  background-image: url(../images/sep_hor.png);
  background-repeat: repeat-x;
  background-position: bottom;
}

.separatordotted_ver
{
  margin: 0px 0px 0px 0px;
  width: 1px;
  background-image: url(../images/sep_ver.png);
  background-repeat: repeat-y;
  background-position: bottom;
}

.border 
{
}

.label
{
    font-weight: bold;
}

.asterisk
{
  float: left;
  width: 10px;
  padding: 0px 0px 0px 3px;
}