/* CSS Document
author: Ignition UK Ltd
version: 18.01.2005
*/


body
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	margin-top:0px;
	margin-left:0px;
	background-color: #FFFFFF;
	background-image: url(/images/template/bg2.gif);
	background-position: top;
	background-repeat: repeat-x;
}
A
{
    COLOR: #990000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A:active
{
    COLOR: #990000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline
}
A:hover
{
    COLOR: #FF6600;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
P
{
	FONT-SIZE: 1.3em;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 1.3em;
	padding-left: 15px;
	padding-right: 20px;
}
code 
{
	font-family: "Courier New", Courier, monospace;
	color: #333333;
	text-align: left;
}
td p
{
	text-align: justify;
}

.footer p
{
	font-size: 10px;
	padding-top: 15px;
}
p.affiliates
{
	font-size: 10px;
}
div.right-column p
{
	padding: 0 2px 0 2px;
	line-height: normal;
}

H6
{
    FONT-WEIGHT: normal;
    /*FONT-SIZE: 36px;*/
    COLOR: #666666;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
H5
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 0.9em;
    COLOR: #666666;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
H1
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 1.7em;
	/* COLOR: #003366; */
	color: #660000;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 15px 0 6px 0;
	margin-left: 15px;
	margin-right: 20px;
}
UL
{
	LIST-STYLE-POSITION: outside;
	LINE-HEIGHT: 1.3em;
	list-style-type: disc;
}
LI
{
	LINE-HEIGHT: 1.3em;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	color: #666666;
	FONT-SIZE: 1.3em;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 40px;
	text-align: justify;
}
H2
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 1.4em;
	/* COLOR: #003399; */
	COLOR: #990000;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	padding-left: 15px;
	padding-right: 20px;
}
H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.1em;
    TEXT-TRANSFORM: uppercase;
    COLOR: #003399;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.formtext
{
    BORDER-RIGHT: #999999 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #999999 1px solid;
    PADDING-LEFT: 0px;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: #999999 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #999999 1px solid;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    HEIGHT: 12px
}
SELECT
{
    FONT-SIZE: 10px;
    COLOR: #666666;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #eeeeee
}
.colourpanel
{
    BORDER-RIGHT: #006699 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #006699 1px solid;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #006699 1px solid;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #006699 1px solid;
    BACKGROUND-COLOR: #cce5ff
}
FORM
{
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
	margin-left: 15px;
	margin-right: 20px;
}
TD
{
	FONT-FAMILY:  Arial, Helvetica, Sans-Serif;
	font-size: 10px;
}

.orangepanel
{
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	BACKGROUND-COLOR: #F0E6D0;
	border: 1px solid #998E70;
}
.dbrownpanel
{
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	BACKGROUND-COLOR: #E0D5BE;
	border: 1px solid #998E70;
}
INPUT
{
	FONT-SIZE: 10px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.brdr {
	border: 1px solid #999999;
}
.bannerbg {
	background-image: url(/images/banner4astrip.jpg);
	background-repeat: repeat-x;
}
.navbg {
	background-image: url(/images/nav_bg.gif);
	background-repeat: repeat-x;
}
.topfade {
	background-image: url(/images/topfade2.gif);
	background-repeat: repeat-x;
}
hr {
	color:#717171;
	height:1px;
}
.fullheightable {
	height: 100%;
	width: 100%;
}
.midleftfade {
	background-image: url(/images/midleft_fade.gif);
	background-repeat: repeat-y;
}
.midrightfade {
	background-image: url(/images/midright_fade.gif);
	background-repeat: repeat-y;
}
.leftfade {
	background-image: url(/images/left_fade.gif);
	background-repeat: repeat-y;
}
.rightfade {
	background-image: url(/images/right_fade.gif);
	background-repeat: repeat-y;
}
.underline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.darkline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
#button {
	width: 138px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 10px;
	font-weight: bold;
}
#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
}
#button li {
	border-bottom: 1px solid #486586;
	margin: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8EA6BF;
}
#button li a {
	display: block;
	padding: 1px;
	border-left: 10px solid #7C9AB8;
	border-right: none;
	color: #003366;
	text-decoration: none;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
html>body #button li a {
		width: auto;
}
#button li a:hover {
	color: #FFFFFF;
	border-left: 10px solid #D3DCE9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.mainlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none ;
	color: #FF9900
}
.mainlinks:visited {
	color: #FF9900;
	text-decoration: none
}
.mainlinks:hover {
	color: #663300;
	text-decoration: none
}
.mainnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #660000;
	font-weight: bold;
}
.mainnav:visited {
	color: #003366;
	text-decoration: none
}
.mainnav:hover {
	color: #CC3300;
	text-decoration: none
}
.sideimgbrdr {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #998E70;
	border-bottom-color: #998E70;
}
.subnavbg {
	background-image: url(/images/sub_nav_bg.gif);
	background-repeat: repeat-x;
}
.tablebg {
	background-image: url(/graphics/template/bot_bg.gif);
	background-repeat: repeat-x;
}

/* Main menus */
#menu1 {
	width: 229px;
	background-color: #CCCCBB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
#menu1 ul {
	background: url(/images/common/bl_tancorner.gif) no-repeat;
	background-position: bottom right;
	text-indent: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#menu1 li {
	padding: 0;
	margin: 0;
	text-indent: 10px;
	list-style-type: none;
}
#menu1 li a {
	padding: 0;
	border-bottom: 1px solid #C2C2AF;
	display: block;
	background-color: #CCCCBB;
	color: #2B4858;
	margin: 0;
	line-height: 20px;
	text-decoration: none;
}
html>body #menu1 li a {width: auto;}
#menu1 li a:hover {background-color: #ACB2A7;}

#menu2, #menu3 {
	width: 229px;
	background-color: #CCCCBB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
#menu2 dl, #menu3 dl {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#menu2 dt, #menu3 dt {
	padding: 0;
	margin: 0;
	text-indent: 3px;
	list-style-type: none;
	line-height: 22px;
}
#menu2 dt a, #menu3 dt a {
	text-indent: 3px;
	padding: 0;
	border-bottom: 1px solid #CFD0C2;
	display: block;
	background-color: #DEDED3;
	color: #2B4858;
	margin: 0;
	text-decoration: none;
}
html>body #menu2 dt a,
html>body #menu3 dt a {width: auto;}
#menu2 dt a:hover,
#menu3 dt a:hover  {background-color: #ACB2A7;}

.imageLeft{margin-right: 10px; border: 1px solid #C2C2AF}
.imageRight{margin-left: 10px; border: 1px solid #C2C2AF}
.brdr{border: 1px solid #C2C2AF;}
.cobpanel{border: #D0E1BE 1px solid; padding: 3px; background-color: #E6EFDE}
.egpanel{border: #FBE9B7 1px solid; padding: 3px; background-color: #FDF4DC}
.hillpanel{border: #CADBEB 1px solid; padding: 3px; background-color: #E6EDF4}
.tripanel{border: #CADBEB 1px solid; padding: 3px; background-color: #E6EDF4}


/*---------------------------------------------------- side menu --*/

/* CSS Document
author: Flipside
version: 18.01.2005
*/

#menu {
	width: 205x;
	background-color: #CCCCBB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
} 
#menu div {
	display:none;
	background:#C2C2AF;
	border:none;
	border-top:none;
}
#menu dl {
	list-style: none;
	margin: 0;
	padding: 0px;
	border: none;
}
#menu dd {
	padding: 0;
	list-style-type: none;
	text-indent: 3px;
	margin: 0;
}
#menu dd a {
	padding: 0;
	border-bottom: 1px solid #C2C2AF;
	display: block;
	background-color: #CCCCCC;
	color: #990000;
	margin: 0;
	line-height: 24px;
	text-decoration: none;
	font-size: 12px;
	text-indent: 5px;
}

#menu dd dt a { /*second level */
	background-color: #DDDDDD;
}
#menu a:hover { background-color:#ACB2A7;}
html>body #menu1 li a {width: auto;}
#menu dd a:hover {background-color: #ACB2A7; padding: 0;}

.downarrow{
	background: url(/images/arrowdown.gif) no-repeat;
	background-position: 215px center;
	}

.menu-head {
	height: 40px;
	line-height: 40px;
	text-indent: 5px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(/images/common/menu-head-bg.gif);
	background-position: top;
	background-position: -1px -1px;
	background-repeat: repeat-x;
	border-bottom: 2px solid #FFFFFF;
}

.sub-menu-head {
	height: 25px;
	line-height: 25px;
	text-indent: 5px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(/images/common/menu-head-bg.gif);
	background-position: top;
	background-position: -1px -1px;
	background-repeat: repeat-x;
	border-bottom: 2px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
}

.menu-head-2 {
	height: 40px;
	line-height: 14px;
	text-indent: 0px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(/images/common/menu-head-bg.gif);
	background-position: top;
	background-position: -1px -1px;
	background-repeat: repeat-x;
	border-bottom: 2px solid #FFFFFF;
	padding: 0 0 0 5px;
}


/* ---------------------------------------------------------------- new menu */
ul#primary-nav
{
	display: inline;
	float: left;
	width: 732px;
	height: 21px;
	overflow: hidden;
	border: 0px solid #ffffff;
	border-bottom: 0px solid #ffffff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-image: url(/images/common/nav-bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	font-size: 10px;
	line-height: 10px;
	list-style: none;
}

ul#primary-nav li
{
	display: inline;
	float: left;
	height: 21px;
	padding: 0 0 0 0;
}

ul#primary-nav li a:link,
ul#primary-nav li a:visited
{
	display: inline;
	float: left;
	height: 21px;
	background-position: 0 -21px;
	background-repeat: no-repeat;
	width: 100px;	
	
    padding: 21px 0px 0px 0px;
    overflow: hidden;

    background-repeat: no-repeat;
    height: 0px !important;

    height /**/: 21px;
}

ul#primary-nav li a:active,
ul#primary-nav li a:hover 
{
	background-position: 0 0px;
}


ul#primary-nav li#nav-about-us a:link,
ul#primary-nav li#nav-about-us a:visited {
	background-image: url(/images/common/nav-about.gif);
	width: 85px;
}
ul#primary-nav li#nav-services a:link,
ul#primary-nav li#nav-services a:visited {
	background-image: url(/images/common/nav-services.gif);
	width: 84px;
}
ul#primary-nav li#nav-portfolio a:link,
ul#primary-nav li#nav-portfolio a:visited {
	background-image: url(/images/common/nav-portfolio.gif);
	width: 90px;
}
ul#primary-nav li#nav-partners a:link,
ul#primary-nav li#nav-partners a:visited {
	background-image: url(/images/common/nav-partners.gif);
	width: 88px;
}
ul#primary-nav li#nav-blog a:link,
ul#primary-nav li#nav-blog a:visited {
	background-image: url(/images/common/nav-blog.gif);
	width: 60px;
}
ul#primary-nav li#nav-resources a:link,
ul#primary-nav li#nav-resources a:visited {
	background-image: url(/images/common/nav-resources.gif);
	width: 92px;
}

ul#primary-nav li#nav-home a:link,
ul#primary-nav li#nav-home a:visited {
	background-image: url(/images/common/nav-home.gif);
	margin-left: 149px;
	width: 27px;
}
ul#primary-nav li#nav-contact a:link,
ul#primary-nav li#nav-contact a:visited {
	background-image: url(/images/common/nav-contact.gif);
	width: 28px;
}
ul#primary-nav li#nav-sitemap a:link,
ul#primary-nav li#nav-sitemap a:visited {
	background-image: url(/images/common/nav-sitemap.gif);
	width: 29px;
}

/* ------------------------- blog */
ul.articleList {
display: inline;
float: left;
width: 439px;
list-style-type: none;
padding: 0 0 0 0;
margin: 0 0 0 15px;
}

ul.articleList li {
display: inline;
float: left;
clear: left;
width: 100%;
list-style-type: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

ul.articleList li a:link,
ul.articleList li a:visited
{
display: inline;
float: left;
width: 429px;
padding: 15px 5px 20px 5px;
margin: 0 0 0 0;
color: #666666;
text-align: left;
border-top: 1px dotted #CCCCCC;
}

ul.articleList li a:link span,
ul.articleList li a:visited span
{
display: inline;
float: left;
color: #990000;
font-weight: normal;
}

ul.articleList li a:active,
ul.articleList li a:hover
{
background-color: #EFEFEF;
}

ul.articleList li a:active span,
ul.articleList li a:hover span
{
	text-decoration: underline;
}

/* -------------------------------------------------- copyright */
.copyrightTD
{
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #666666;
}

table.partner-table
{
	margin-left: 15px; 
	margin-right: 20px; 
	padding-bottom: 15px;
	padding-top: 15px;
	border-bottom: 1px solid #CCCCCC;
}

.contactLeft
{
	padding: 0 5px 0 5px;
	width: 150px;
}

.contactRight
{
	padding: 0 5px 0 5px;
}

/* ------------------------------------ portofolio */
div.portfolio
{
	position: relative;
	padding: 20px 0 20px 0;
	margin-left: 15px;
	margin-right: 20px;
	text-align: center;
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
}



/* --------------------------------------------------- sitemap */
div#sitemap h1
{
	margin: 0 0 0 0;
	border-bottom: 0px;
}