/*******************************************************************************************/
/*
/*		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. 
/*		For more info please see our terms of use: http://www.astemplates.com/terms.php
/*
/*		Designed by 'AS Designing'
/*		Web: http://www.asdesigning.com
/*		Email: info@asdesigning.com
/*
/**************************************************************************************/

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

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

html 
{
	height: 100%;
}

body
{
	background-color: #FFFFFF;
	background-image: url(../images/main_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	color:  #333333;
	text-align: left;
	vertical-align: top;
}

table
{
	width: 100%;
}

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

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

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

a
{
	text-decoration: none;
	color:  #333333;
	border-bottom: 1px;
	border-style: dotted;
    outline-style: none;
}

a:hover
{
	color: #CD4704;
	border: none;
}

ul
{
	list-style: none
}

li
{
	list-style: none;
}

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

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

input,
select
{
	width: 215px;
	margin: 0px 0px 0px 0px;
	padding: 1px 3px 2px 3px;
	font-size: 11px;
	color: #FFF;
	border: 1px;
	border-color: #DDD;
	border-style: solid;
	vertical-align: bottom;
	background-color: transparent;
}

input
{
	height: 15px;	
}

option
{
	line-height: 30px;
	padding: 1px 1px 2px 3px;
	margin: 0px 0px 2px 0px;	
}

textarea
{
	width: 450px;
	margin: 2px 2px 10px 0px;
	padding: 2px 2px 2px 2px;
	font-size: 11px;
	border: 1px;
	border-color: #DEDEDE;
	border-style: solid;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;	
	vertical-align: bottom;	
}

caption
{
}

label
{
	float: left;
	line-height: 18px;
	padding: 2px 0px 0px 0px;
    font-weight: normal;
}


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

#mainmenu
{
	float: right;
	width: 600px;
	height: 55px;
	margin: 40px 1px 0px 0px;
	text-align: left;
}

#mainmenu ul
{
	float: right;
	list-style: none;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
}

#mainmenu li
{
	display: inline;
	float: left;
}

#mainmenu li a
{
	display: block;
	float: left;
	padding: 0px 25px 0px 25px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #CD4704;
	background-image: url(../images/sep_mainmenu.png);
	background-position: left;
	background-repeat: no-repeat;
	border: none;
	text-transform: uppercase;
}

#mainmenu li a:hover
{
	color: #333333;	
	border: none;
}

#submenu
{
	float: left;
	width: 90px;
	height: 25px;
	margin: 18px 0px 0px 20px;
}

#submenu #home a
{
	float: left;
	width: 29px;
	height: 19px;
	background: url('../images/btnof_home.png');
	background-repeat: no-repeat;
	border: none;
}

#submenu #home a:hover
{
	float: left;	
	width: 29px;
	height: 19px;
	background: url('../images/btnon_home.png');
	border-style: none;	
	background-repeat: no-repeat;		
}

#submenu #contact a
{
	float: left;
	width: 29px;
	height: 19px;
	margin: 0px 1px 0px 1px;
	background: url('../images/btnof_contact.png');
	background-repeat: no-repeat;
	border: none;					
}

#submenu #contact a:hover
{
	float: left;
	width: 29px;
	height: 19px;
	margin: 0px 1px 0px 1px;
	background: url('../images/btnon_contact.png');	
	background-repeat: no-repeat;	
	border-style: none;		
}

#submenu #sitemap a
{
	float: left;
	width: 29px;
	height: 19px;
	background: url('../images/btnof_map.png');			
	background-repeat: no-repeat;
	border: none;		
}

#submenu #sitemap a:hover
{
	float: left;
	width: 29px;
	height: 19px;
	background: url('../images/btnon_map.png');	
	background-repeat: no-repeat;	
	border-style: none;		
}

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

#headertop
{
    height: 45px;
    width: 990px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#header
{
    height: 440px;
    width: 990px;
	clear: both;
}

#headercontent
{
}

#headercolleft
{
}

#headercolright
{
}

#header input
{
}

#headertop #search input
{
	background-image: url(../images/search.png);
	background-position: right;
	background-repeat: no-repeat;
	border-color: #CCC;
}

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

#content
{
	clear: both;
	width: 990px;
	text-align: center;
	margin: 0px auto 0px auto;
}

#content .customhtml,
#content .customhtml_top
{
	clear: both;
	width: 900px;
	min-height: 200px;
	margin: 10px 0px 0px 0px;
	padding: 25px;	
	background-image: url(../images/bg.jpg);
	color: #CCCCCC;
}

#content .customhtml_top h1, 
#content .customhtml_top h2, 
#content .customhtml_top h3
{
	width: inherit !important;
	height: 20px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 7px 00px;
	color: #CCCCCC;
	font-weight: normal;
	font-size: 15px;
	background-image: url(../images/sep_hor.png);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: left;	
}

#content .customhtml_top a
{
	color: #CCCCCC;
	border-bottom: 1px #999 dotted;
}

#content .customhtml_top a:hover
{
	color: #CD4704;
	border-bottom: none;
}

#content .customhtml_top .readmore a
{
	color: #CCCCCC;
	float: right;	
}

#content .customhtml .readmore a
{
	width: 125px;
	height: 28px;
	float: right;
}

#content .customhtml_top .button
{
	height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 0px 5px;	
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	border: 1px #CCCCCC solid;
}

#content .customhtml_top .button:hover
{
	color: #CD4704;
	border: none;
	border: 1px #CD4704 solid;	
}


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

#colleft
{
	float: left;
	width: 300px;
	padding: 0px 0px 15px 20px;
	margin: 20px 0px 20px 0px;
	text-align: left;
	color: #CCCCCC;
}

#colleft h1, 
#colleft h2, 
#colleft h3
{
    text-align: left;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 29px;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../images/headline_right.png);
	background-position: left top;
	background-repeat: no-repeat;
	text-transform: uppercase;	
}

#colleft h4,
#colleft .bannerheader
{
	height: 25px;
	margin: 10px 0px 10px 0px;
	font-weight: bold;
	font-size: 13px;
	vertical-align: top;
}

#colleft p 
{
	margin: 0px 0px 5px 0px;
	font-size: 12px;	
	font-weight: normal;
	text-align: justify;
}


#colleft ul 
{
    margin: 10px 10px 10px 20px;
}

#colleft li  
{
    padding: 3px;
	list-style: inside;
	list-style-image: url(../images/mark.png);
}

#colleft a,
#colleft li a
{
	text-decoration: none;
    font-weight: normal;
	border: none;
	color: #CCCCCC;
}

#colleft a:hover
{
	color: #CD4704;
	border: none;
    cursor: pointer;
	text-outline: none;		
}

#colleft form
{
	padding: 0px 20px 0px 30px;
}

#colleft .txtblock
{
	margin: 0px 20px 0px 20px;
	padding: 10px 0px 10px 0px;	
}

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

#colleft .textblock
{
	padding: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#colleft button, 
#colleft .button
{
	float: right;
    width: 120px;
    height: 25px;
	margin: 10px 0px 0px 20px;
	color: #CCCCCC;
	background-image: url(../images/btnoff.png);
	background-position: left top;
	background-repeat: no-repeat;
	border: none;
	outline-style: none;
}

#colleft button:hover, 
#colleft .button:hover
{
	cursor: pointer;
	background-image: url(../images/btnon.png);
	color: #CD4704;
	border: none;
}


/**************************************************************************************/
/*   Column Main 
/**************************************************************************************/
#colmain
{
	float: right;
	padding: 20px;
	margin: 0px 2px 35px 0px;
	text-align: justify;
}

#colmainfull
{
	width: 950px;
	padding: 20px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
	text-align: justify;
}

#colmain h1, 
#colmain h2, 
#colmain h3,
#colmain .customhtml h1,
#colmain .customhtml h2,
#colmain .customhtml h3,
#colmain h1 a,
#colmain h2 a,
#colmain h3 a
{
	clear: both;
	width: inherit !important;
	color: #222222;
	font-size: 15px;	
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	text-transform: uppercase;
	border: none;
}

#colmain h4,
#colmain h5,
#colmain h4 a,
#colmain h5 a
{
	clear: both;
	margin: 15px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	color: #222222;
	font-size: 15px;	
	font-weight: normal;
}

#colmain p
{
	font-size: 12px;	
	font-weight: normal;
	text-align: justify;
	margin: 20px 0px 0px 0px;
}

#colmain ul
{
	float: left;
	width: 100%;
	text-align: left;
	margin: 10px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#colmain li 
{
	padding: 3px;
	list-style: inside;
	list-style-image: url(../images/mark.png);
}

#colmain li a
{
	color: #CD4704;
	border-bottom: 1px;
	border-style: dotted;	
}

#colmain li a:hover
{
	color: #CD4704;
	border: none;	
}

#colmain input,
#colmain select
{
	width: 215px;
	margin: 0px 0px 0px 0px;
	padding: 1px 3px 2px 3px;
	font-size: 11px;
	color: #333333;
	border: 1px;
	border-color: #DDD;
	border-style: solid;
	vertical-align: bottom;
	background-image: url(../images/input_bg.png);
	background-repeat: repeat-x;
}

#colmain textarea
{
	background-image: url(../images/input_bg.png);
	background-repeat: repeat-x;
}

#colmain select
{
	width: 223px;
}

#colmain input[type="checkbox"],
#colmain input[type="radio"]
{
	float: left;
	width: 16px;
	height: 16px;
	margin-top: 3px;
	margin-right: 5px;
	border: none;
	background-color: #FFFFFF;
}

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

#colmain .txtblock
{
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
}

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

#colmain .customhtml
{
	clear: both;
	width: 100%;
	min-height: 0px;
	margin: 0px;
	padding: 0px;	
	background: none;
	background-image: none;
	color: #333333;
}

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


#colmain button, 
#colmain .button
{
	clear: both;
	margin: 25px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
    width: 200px;
    height: 25px;
    font-weight: bold;
	text-align: center;
	background-image: url(../images/btnoff_colmain.png);
	background-repeat: no-repeat;
	border: none;
	color: #FFF;
}

#colmain .button a
{
	position: absolute;
	padding: 0px 0px 0px 0px;
}

#colmain button:hover, 
#colmain .button:hover
{
	cursor: pointer;
	background-image: url(../images/btnon_colmain.png);
	background-repeat: no-repeat;
	border: none;
}

#colmain .adsense
{
	clear: both;
	width: 100%;
	min-height: 60px;
	margin: 35px 0px 30px 0px;
	padding: 15px 0px 0px 0px;
	text-align: left;
	background-color: transparent;
	border-top: 1px #ddd dotted;
	border-bottom: 1px #ddd dotted;
}

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


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

#footer
{
	width: 100%;
	height: inherit;
}

#footerbg
{
	background-image: url(../images/bg.jpg);	
}

#footercontent
{
	width: 950px;
	height: 100%;	
	margin: 0px auto 0px auto;
	padding: 20px 20px 20px 20px;
}

#footer h1, 
#footer h2, 
#footer h3
{
	width: 100%;
	height: 20px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 7px 00px;
	color: #CCCCCC;
	font-weight: normal;
	font-size: 15px;
	background-image: url(../images/sep_hor.png);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: left;
}

#footer p
{
	color: #CCCCCC;	
}

#footer #search input
{
	width: 200px;
	background-image: url(../images/search.png);
	background-position: right;
	background-repeat: no-repeat;		
}

#footer a
{
	text-decoration: none;
    font-weight: normal;
	color: #CCCCCC;
	border: none;
}

#footer a:hover
{
	color: #CD4704;
	border: none;
    cursor: pointer;
	text-outline: none;	
}

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

#footer li
{
	padding: 3px 0px 3px 0px;
	color: #CCCCCC;
	list-style: inside;
	list-style-image: url(../images/footer_mark.png); 
}


#footer #social
{
	text-align: right;
	margin: 40px 0px 0px 0px;
}

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

#footer #getintouch
{
	clear: both;
	padding: 0px 0px 15px 0px;
}

#footer .customhtml
{
	clear: both;
	width: 950px;
	min-height: 220px;
	padding: 20px 0px 0px 0px;	
}

#footermenu
{
	width: 100%;
	float: left;
	text-align: left;
	color: #CCCCCC;
}

#footertrademark
{
	padding: 0px 0px 0px 0px;
	text-align: left;
	color: #CCCCCC;
	font-size: 12px;
	font-weight: normal;
}

#footertrademark #trade
{
	margin: 5px 0px 0px 0px;
}


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

#wrapper
{
	width: 100%;
}

#general
{
	width: 992px;
	text-align: center;
	margin: 0px auto 0px auto;
	background-color: #FFF;
	border: 1px;
	border-color: #FFF;
	border-style: solid;	
}

#generalborder
{
	width: 990px;
	border: 1px;
	border-color: #2B0003;
	border-style: solid;
}

#companyname
{
	float: left;
	width: 200px;
	height: 95px;
	margin: 20px 0px 0px 20px;
}

#companyname a
{
    font-size: 15px;
    font-weight: bold;
	border: none;
}

#companyname a:hover
{
    color: #CD4704;
	border: none;
}

.box1,
.box2
{
	float: left;	
	min-height: 200px;
}

.box3
{
	float: left;	
	min-height: 200px;
}

.txtbox1
{
	margin: 0px 0px 0px 0px; 	
}

.txtbox2
{
	margin: 0px 0px 0px 0px; 	
}

.txtbox3
{
	margin: 0px 0px 0px 0px; 	
}

.txtbox_custombottom
{
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 1px 20px 30px 20px;
	background-color: #EFEFEF;	
	border: 1px;
	border-color: #FFFFFF;
	border-style: solid;	
}

.txtbox_border
{
	border: 1px;
	border-color: #CCCCCC;
	border-style: solid;	
}

#adsense
{
	clear: both;
	float: right;
	margin: 0px 0px 0px 0px;
}


.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_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;	
}

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

.separator_20_left
{
	float: left;
	width: 20px;
	height: 20px;
	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;	
}

.separator_30_left
{
	float: left;	
	width: 30px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

.separator_50
{
	clear: both;	
	width: 50px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

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

.separator_hor
{
	padding: 25px 0px 25px 0px;
	height: 2px;
	background-image: url(../images/sep_hor.png);
	background-repeat: repeat-x;
	background-position: center;
}

.separatordotted_hor
{
	clear: both;	
	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;
}


#slogan
{

}


#search
{
    margin: 0px 0px 0px 0px;
    padding: 11px 0px 0px 0px;
	text-align: left;
}

.border 
{
}

.button, 
button
{
	padding: 0px 20px 0px 20px;
	margin: 10px 0px 0px 10px;
	height: 25px;
    width: 90px;
	font-size: 11px;
	font-weight: bold;
	outline-style: none;
	background-color: transparent;
}

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

.label
{
    font-weight: bold;
}

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