html,
body {
 /* height: 100%;
  margin:10px 0 0 0;
  font-family:Arial, Helvetica, sans-serif;*/
}

*{
margin:0;
padding:0;
}

body {
  margin:0 auto;
  padding: 0;
  text-align: center;
 font-family:Arial, Helvetica, sans-serif;
 /* background:#487B46 url(../images/home_bg.gif) center top no-repeat;*/
  font-size:62.5%;

}

body{
  
  background:#dad9cb url(../images/bg_head.jpg) center top no-repeat;
 
}

#header{

}

#page{

}

#content{

}

.whiteBG{
background:url(../images/home_curved_top.gif) top left no-repeat;
}


/* Generic Styles */

h1{
font-size:1.9em;
font-weight:normal;
padding: 0px;
margin:0px;
color:#333333;
}

h2{
font-size:1.6em;
font-weight:normal;
padding: 0px;
margin:0px;
color:#333333;
}


h3{
font-size:1.6em;
font-weight:normal;
padding: 0px;
margin:0px;
color:#ad0737;
}

h4{
font-size:1.2em;
font-weight:normal;
padding: 0px;
margin:0px;
color:#333333;
}

h5{
font-size:1em;
font-weight:normal;
padding: 0px;
margin:0px;
color:#333333;
}

h6{
font-size:1em;
font-weight:normal;
padding: 0px;
margin:0px;
color:#333333;
}

p {
font-size:1.2em;
padding: 0px;
margin:0px;
color:#333333;
line-height:1.6em;
}

.contentstyles p{
padding: 10px 20px 10px 20px;
}

.contentstyles h1{
padding: 20px 20px 10px 20px;
}

.contentstyles h2, .contentstyles h3, .contentstyles h4, .contentstyles h5, .contentstyles h6{
padding: 0px 20px 0px 20px;
}

.contentstyles ul{
margin:0 auto;
padding:0 20px 10px 20px;
list-style:square;
color:#ad0737;
}

.contentstyles ul li{
margin-left:15px;
text-indent:0px;
font-size:1.2em;
font-style:normal;
line-height:1.4em;
padding-bottom:5px;
}

.contentstyles li li{
display:block;
margin-left:0px;
text-indent:0px;
font-size:1.0em;
font-style:normal;
line-height:1.4em;
color:#333333;
}


.fck{
padding: 0px 0px 0px 20px;
}

.fck p{
padding: 0px 20px 10px 0px;
}

.fck h1{
padding: 0px 20px 10px 0px;
}

.fck h2, .fck h3, .fck h4, .fck h5, .fck h6{
padding: 0px 0px 10px 0px;
}

.fck ul{
margin:0 auto;
padding:0;
list-style:square;
color:#ad0737;
}

.fck ul li{
margin-left:15px;
text-indent:0px;
font-size:1.2em;
font-style:normal;
line-height:1.4em;
padding-bottom:5px;
}

.fck li li{
display:block;
margin-left:0px;
text-indent:0px;
font-size:1.0em;
font-style:normal;
line-height:1.4em;
color:#333333;
}


.fck li{
/*display:block;*/
}

.fck li a{
text-decoration:underline;
}
.fck li a:hover{
text-decoration:underline;
}
.fck li a:active{
text-decoration:underline;
}
.fck li a:visited{
text-decoration:underline;
}


address{
color:#333333;
}

.more a:link{
font-size:1.2em;
color:#032E5F;
font-weight:bold;
}

.more a{
font-size:1.2em;
color:#032E5F;
font-weight:bold;
}

.more a:hover{
color:#EF6300;
}




a{
color:#ad0737;
font-weight:normal;
text-decoration:underline;
outline: none;

}

a:hover{
color:#509f64;
font-weight:normal;
text-decoration:underline;
}

a:active{
color:#509f64;
}

a:visited{
color:#509f64;
}

/* Remove dotted outlines */

:-moz-any-link:focus {
  outline: none;
}


ul{
margin:0 auto;
padding:0;
list-style:square;
color:#ad0737;
}

ul li{
margin-left:15px;
text-indent:0px;
font-size:1.2em;
font-style:normal;
line-height:1.4em;
padding-bottom:5px;
}

li{
/*display:block;*/
}

li a{
text-decoration:underline;
}
li a:hover{
text-decoration:underline;
}
li a:active{
text-decoration:underline;
}
li a:visited{
text-decoration:underline;
}



/* Box styles */

.box{
padding:8px 10px 0px 10px;
}

.contentbox{
background:#e7e7de url(../images/contentBox_head.gif) top left no-repeat;
}

.contentboxfoot{
clear:both;
background:url(../images/contentBox_foot.gif) top left no-repeat;
height:8px;
}

#menu .box{
background:#ad0737 url(../images/menu_head.gif) top left no-repeat;
padding:8px 8px 0px 8px;
}

#menu .boxfoot{
background:url(../images/menu_foot.gif) bottom left no-repeat;
height:8px;
}

.greenbox{
background:#509f64 url(../images/greenBox_head.gif) top left no-repeat;
}

.greenboxfoot{
background:url(../images/greenBox_foot.gif) top left no-repeat;
height:8px;
}

.dkgreybox{
background:#ada598 url(../images/dkgreyBox_head.gif) top left no-repeat;
}

.dkgreyboxfoot{
background:url(../images/dkgreyBox_foot.gif) top left no-repeat;
height:8px;
}

.whitebox{
padding-top:8px;
background:#ffffff url(../images/whiteBox_head.gif) top left no-repeat;
}

.whiteboxfoot{
background:url(../images/whiteBox_foot.gif) top left no-repeat;
height:8px;
}

.whiteboxbg{
padding:0px 10px 0px 10px;
background:#FFFFFF url(../images/whiteBox_mid.gif) top left repeat-y;
}

.whiteboxcol2{
padding-top:8px;
background:#ffffff url(../images/footerBox_head.gif) top left no-repeat;
}

.whiteboxfootcol2{
background:url(../images/footerBox_foot.gif) top left no-repeat;
height:8px;
}

.whiteboxbgcol2{
padding:0px 10px 0px 10px;
background:#FFFFFF url(../images/footerBox_mid.gif) top left repeat-y;
}

.featurebox{
background:#ada598 url(../images/featureBox_head.gif) top left no-repeat;
}

.featureboxfoot{
background:url(../images/featureBox_foot.gif) top left no-repeat;
height:8px;
margin-bottom:10px;
}

.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6{
padding:0px 0px 10px 0px;
}

.featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6, .featurebox p{
color:#ffffff;
}

.featurebox h1, .featurebox h2{
color:#ad0737;
}

.reversed h2{
font-size:3.2em;
font-weight:normal;
padding: 0px;
margin:0px;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
}

.reversed h3{
font-size:2.0em;
font-weight:normal;
padding: 0px;
margin:0px;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
}


/* Button Styles */




.button a{
color:#ffffff;
font-weight:normal;
text-decoration:underline;
font-size:14px;
}

.button a:hover{
color:#9FFDFF;
font-weight:normal;
text-decoration:underline;
font-size:14px;
}





/* Text Styles */

.dates{
margin:0 auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
line-height:16px;
padding-bottom:5px;
color:#333333;
font-style:italic
}

/* Colours */

.white{
color:#FFFFFF;
}

.blue{
color:#0770ad;
}

.ltgrey{
color:#e7e7de;
}

.mdgrey{
color:#dad9cb;
}

.dkgrey{
color:#ada598;
}

.green{
color:#509f64;
}

.red{
color:#ad0737;
}





/* Footer */

#footer{
background:#ffffff url(../images/footer.jpg) bottom left no-repeat;
}


#footer a{
color:#ad0737;
text-decoration:underline;
}



/* Page */
#page{
}






/* Menu */

#menu{

}

#menu ul li{
margin:0;
padding:0;
list-style:none;
}

#menu li{
}

#menu ul a{
background:url(../images/menu_inactive.gif) no-repeat top left;
display:block;
width:180px;
height:35px;
line-height:35px;
font-size:12px;
color:#FFFFFF;
text-indent:40px;
text-decoration:none;
font-weight:bold;
}

#menu li a:hover, #menu li.active a{
background:url(../images/menu_active.gif) no-repeat top left;
}

#menu2 ul{
margin:0;
padding:0;
list-style:none;
width:747px;
float:left;

}

#menu2 ul li{
margin:0;
float:left;
width:245px;
}

#menu2 ul a{
display:block;
height:65px;
line-height:65px;
font-size:20px;
text-indent:10px;
text-decoration:none;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
color:#FFFFFF;
}

ul li.support{
background:url(../images/tab_support.gif) top left no-repeat;
}

ul li.trouble{
background:url(../images/tab_troubleshoot.gif) top left no-repeat;
}

ul li.consult{
background:url(../images/tab_consultancy.gif) top left no-repeat;
}

#menu2 ul a:hover{
color:#e7e7de;
}






/*borders or lines*/


.blockit{
display:block;
}

.dividerlineB{
border-bottom:1px dotted;
}

.dividerlineT{
border-top:1px dotted;
}

.dividerlineR{
border-right:1px dotted;
}


/* Images */

.imgleft{
margin:0 10px 0px 0;
float:left;
}


.imgright{
margin:0 0px 0px 10px;
float:right;
}

/* Widths */



/* Positioning */

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.textleft{
text-align:left;
}

.textright{
text-align:right;
}

.textcentre{
text-align:center;
}


/* Spacing */

.nomargins{
margin:0;
}




/* Scrolling Control */

.hideoverflow{
overflow:hidden;
}

.scrolloverflow{
overflow:auto;
}


/* Forms */

label{
float:left;
display:block;
width:120px;
margin-bottom:5px;
font-size:10px;
font-style:normal;
font-weight:normal;
line-height:20px;
color:#333333;
}

input.field{
float:left;
display:block;
width:320px;
margin-bottom:5px;
}

textarea{
float:left;
display:block;
width:320px;
margin-bottom:5px;
}

input.btn{
float:left;
display:block;
width:100px;
}

.featurebox address{
color:#FFFFFF;
}

