/* CSS Document */

/* Boueti it css styles */

body {
font-family:Verdana, Myriad Web, sans-serif;
font-size:12px;
color:#FFF;
margin:0px;
padding:0px;
background-color:#A19D80;
background-image:url(../images/body_back.jpg);
background-repeat:repeat-x;
}

#container {
margin:20px auto;
width:730px;
}

/* main body elements */

#outerwrapper {
margin:0px;
padding:10px;
width:710px;
background-color:#FFFFFF;
background-image:url(../images/outer_wrapper_back.jpg);
background-position:bottom;
background-repeat:repeat-x;
float:left;
}



#innerwrapper {
margin:0px;
padding:0px;
width:710px;
background-color:#FFFFFF;
background-image:url(../images/inner_wrapper_back.jpg);
background-repeat:repeat-y;
float:left;
}

#leftcol {
margin:0px;
padding:0px;
width:190px;
float:left;
}

#rightcol {
margin:0px;
padding:0px;
width:520px;
float:left;
}

/* logo */

#logo {
margin:0px;
padding:0px;
width:190px;
height:140px;
background-image:url(../images/logo.jpg);
background-repeat:no-repeat;
}

#logo h1 {
display:none;
}


/* primary navigation */

#primary_nav {
margin:0px;
padding:0px;
width:520px;
height:80px;
background-color:#A19D80;
float:left;
}

#primary_nav ul {
margin:0px;
padding:0px;
display:inline;
list-style:none;
float:left;
}

#primary_nav ul li{
float:left;
}

#primary_nav ul li a, #primary_nav ul li a:link,#primary_nav ul li a:visited,#primary_nav ul li a:active{
margin:0px 0px 0px 1px;
padding:47px 0px 0px 5px;
width:124px;
height:25px;
background-image:url(../images/primary_nav_back.jpg);
background-repeat:no-repeat;
border-bottom:5px solid #807D66;
float:left;
text-decoration:none;
color:#FFFFFF;
font-size:10px;
}

#primary_nav ul li a:hover{
margin:0px 0px 0px 1px;
padding:47px 0px 0px 5px;
width:124px;
height:25px;
background-image:url(../images/primary_nav_back.jpg);
background-repeat:no-repeat;
border-bottom:5px solid #F7941C;
float:left;
text-decoration:none;
color:#333;
font-size:10px;
}


/* secondary navigation */
#secondary_nav {
margin:0px;
padding:0px;
width:190px;
}

#secondary_nav ul {
margin:0px;
padding:0px;
display:block;
list-style:none;
}

#secondary_nav ul li{
margin:0px;
padding:0px;
width:190px;
height:50px;
background-image:url(../images/sec_menu_back.jpg);
background-repeat:no-repeat;
}

#secondary_nav ul li a,#secondary_nav ul li a:link, #secondary_nav ul li a:visited, #secondary_nav ul li a:active {
margin:0px;
padding:20px 0px 0px 20px; 
text-decoration:none;
color:#FFFFFF;
float:left;
}

#secondary_nav ul li a:hover {
text-decoration:none;
color:#333333;
}

#secondary_nav ul li.gotoassist{
width:190px;
height:50px;
background-image:url(../images/goto_assist_back.jpg);
background-repeat:no-repeat;
}

#secondary_nav ul li.gotoassist a,#secondary_nav ul li.gotoassist a:link, #secondary_nav ul li.gotoassist a:visited, #secondary_nav ul li.gotoassist a:active {
padding:20px 0px 0px 20px; 
text-decoration:none;
color:#FFFFFF;
float:left;
}

#secondary_nav ul li.gotoassist a:hover {
text-decoration:none;
color:#333333;
}


/* intro page image links */
#intropics {
position:relative;
margin:0px;
padding:0px;
width:520px;
height:400px;
float:left;
}


a.intropiclink1 {
position:absolute;
top:0px;
left:0px;
margin:0px;
padding:0px;
width:260px;
height:200px;
float:left;
}

a.intropiclink1 img {
margin:0px;
padding:0px;
border:none;
float:left;
}

a.intropiclink2 {
position:absolute;
top:0px;
left:260px;
margin:0px;
padding:0px;
width:260px;
height:200px;
float:left;
}

a.intropiclink2 img {
margin:0px;
padding:0px;
border:none;
float:left;
}

a.intropiclink3 {
position:absolute;
top:200px;
left:0px;
margin:0px;
padding:0px;
width:260px;
height:200px;
float:left;
}

a.intropiclink3 img {
margin:0px;
padding:0px;
border:none;
float:left;
}

a.intropiclink4 {
position:absolute;
top:200px;
left:260px;
margin:0px;
padding:0px;
width:260px;
height:200px;
float:left;
}

a.intropiclink4 img {
margin:0px;
padding:0px;
border:none;
float:left;
}

#introshadow {
margin:0px;
padding:0px;
width:520px;
height:10px;
background-image:url(../images/introshaddow.jpg);
background-repeat:no-repeat;
float:left;

}

/* secondary page image headers */
#bannerimage {
position:relative;
margin:0px;
padding:0px;
width:520px;
height:200px;
float:left;
}


/* main content */
#maincontent {
margin:10px;
padding:0px;
width:500px;
color:#852900;
}

#maincontent h1 {
color:#852900;
padding:0px 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
}

#maincontent h2 {
color:#852900;
padding:0px 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}

#maincontent h3 {
color:#852900;
padding:0px 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}

#maincontent ul {
color:#852900;
list-style-image:url(../images/bullet.jpg);
}

#maincontent ol {
color:#852900;
list-style-image:none;
}

#maincontent a, #maincontent a:link, #maincontent a:visited, #maincontent a:active {
text-decoration:none;
color:#852900;
border-bottom:1px dotted #852900;
}

#maincontent a:hover {
text-decoration:none;
color:#2B2975;
border-bottom:1px dotted #2B2975;
}

#maincontent a img {
border:none;
}

#maincontent p {
padding:0px 20px;
color:#852900;
}

/* Page headings */

#welcome {
margin:10px 0px 0px 0px;
padding:0px;
width:500px;
height:40px;
background-image:url(../images/welcome.jpg);
background-repeat:no-repeat;
float:left;
clear:both;
}

#welcome h1 {
color:#852900;
display:none;
}


#support {
margin:10px 0px 0px 0px;
padding:0px;
width:500px;
height:40px;
background-image:url(../images/supporttext.jpg);
background-repeat:no-repeat;
float:left;
clear:both;
}

#support h1 {
color:#852900;
display:none;
}

#consultancy {
margin:10px 0px 0px 0px;
padding:0px;
width:500px;
height:40px;
background-image:url(../images/consultancytext.jpg);
background-repeat:no-repeat;
float:left;
clear:both;
}

#consultancy h1 {
color:#852900;
display:none;
}

#hosting {
margin:10px 0px 0px 0px;
padding:0px;
width:500px;
height:40px;
background-image:url(../images/hostingtext.jpg);
background-repeat:no-repeat;
float:left;
clear:both;
}

#hosting h1 {
color:#852900;
display:none;
}

#training {
margin:10px 0px 0px 0px;
padding:0px;
width:500px;
height:40px;
background-image:url(../images/trainingtext.jpg);
background-repeat:no-repeat;
float:left;
clear:both;
}

#training h1 {
color:#852900;
display:none;
}

#details {
margin:0 auto;
clear:both;
}

#about {
margin:10px 0px 0px 0px;
padding:0px;
width:500px;
height:40px;
background-image:url(../images/abouttext.jpg);
background-repeat:no-repeat;
float:left;
clear:both;
}

#about h1 {
color:#852900;
display:none;
}

#contact {
margin:10px 0px 0px 0px;
padding:0px;
width:500px;
height:40px;
background-image:url(../images/contacttext.jpg);
background-repeat:no-repeat;
float:left;
clear:both;
}

#contact h1 {
color:#852900;
display:none;
}

#partners {
margin:10px 0px 0px 0px;
padding:0px;
width:500px;
height:40px;
background-image:url(../images/partnerstext.jpg);
background-repeat:no-repeat;
float:left;
clear:both;
}

#partners h1 {
color:#852900;
display:none;
}


/* newsletter */

#newsletter {
margin: 0px;
width:140px;
padding:10px 15px 10px 25px;
background-image:url(../images/newsletterback.jpg);
background-repeat:repeat-y;

}

#newsletterhead {
width:190px;
height:30px;
margin:10px 0px 0px 0px;
padding:0px;
background-image:url(../images/newsletterhead.jpg);
background-repeat:no-repeat;
}

#newsletterfooter {
width:190px;
height:10px;
margin:0px 0px 10px 0px;
padding:0px;
background-image:url(../images/newsletterfooter.jpg);
background-repeat:no-repeat;
clear:both;
}

.newsletterform {
width:140px;
height:40px;
padding:0px;
margin:0px;
}

.newsletterinput {
margin:0px;
padding:0px;
background-color:#FFFFFF;
border:1px solid #852900;
color:#852900;
font-size:12px;
width:138px;
height:14px;
}


.newsletterbutton {
background-color:#FFFFFF;
border:1px solid #852900;
color:#852900;
font-size:10px;
margin:2px 0px;
padding:0px;
float:right;
clear:both;
}

/* footer */
#footer {
margin:20px auto;
padding:0px;
width:730px;
text-align:center;
clear:both;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active {
text-decoration:none;
color:#FFFFFF;
}

#footer a:hover {
text-decoration:none;
color:#666;
}