body
{
margin:0;
padding-top: 40px;
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:10pt;
color: #52575A;
background-color: #FFF;
text-align:center;
}

.rt
{
text-align:right;
}


/***********************
	  LINKS
************************/



a.f:link
{

font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:10pt;
color: #929292; 
text-decoration:none;
font-weight:normal;
}

a.f:hover
{

font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:10pt;
color: #929292; 
font-weight:normal;
text-decoration:none;
}

a.f:visited
{

font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:10pt;
color: #929292;  
font-weight:normal;
text-decoration:none;
}

a.f:active
{

font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:10pt;
color: #929292;  
font-weight:normal;
text-decoration:none;
}




a.e:link
{
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:10pt;
color: #0084C4; 
font-weight:normal;
}

a.e:hover
{
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:10pt;
color: #15396D; 
font-weight:normal;
}

a.e:visited
{
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:10pt;
color: #0084C4; 
font-weight:normal;
}

a.e:active
{
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:10pt;
color: #0084C4; 
font-weight:normal;
}

a.a:link
{
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:10pt;
color: #DA0000; 
font-weight:normal;
}

a.a:hover
{
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:10pt;
color: #52575A; 
font-weight:normal;
}

a.a:visited
{
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:10pt;
color: #DA0000; 
font-weight:normal;
}

a.a:active
{
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:10pt;
color: #DA0000; 
font-weight:normal;
}

a.c:link
{
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:10pt;
color: #DA0000; 
font-weight:normal;
}

a.c:hover
{
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:10pt;
color: #52575A; 
font-weight:normal;
}

a.c:visited
{
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:10pt;
color: #DA0000; 
font-weight:normal;
}

a.c:active
{
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:10pt;
color: #DA0000; 
font-weight:normal;
}

a.d:link
{
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:10pt;
color: #DA0000; 
font-weight:normal;
text-decoration:none;
}

a.d:hover
{
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:10pt;
color: #DA0000; 
font-weight:normal;
text-decoration:none;
}

a.d:visited
{
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:10pt;
color: #DA0000; 
font-weight:normal;
text-decoration:none;
}

a.d:active
{
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:10pt;
color: #DA0000; 
font-weight:normal;
text-decoration:none;
}
/***********************
	  LAYOUT
************************/
	
#container
{	

background-color: #FFF;
width:689px;
margin:auto;
}
		
#banner
{	
height:357px;
background-color: #FFF;
background-image:  url(../images/website_06.jpg);
background-repeat: no-repeat;
text-align:left;
border: 1px solid #C2C1C1;
margin-bottom:8px;
}

		
#content
{	
border: 1px solid #C2C1C1;
margin-bottom:8px;
background-color:#FFF;
padding:20px;
text-align:left;
}

.clear
{
clear:both;
height:1px;
}

.d-clear
{
clear:both;
height:20px;
}

/***********************
    Service Navigation
************************/


#service-nav
{	
height:28px;
background-color: #FFF;
text-align:center;
margin-bottom:8px;
margin-top:8px;
border: 1px solid #C2C1C1;
}

#service-nav a
{	
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:8pt;
color: #9F9F9F;
font-weight:normal;
text-decoration:none;
}

#service-nav a:hover
{	
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:8pt;
color: #DA0000;
font-weight:normal;
text-decoration:none;
}

.f-link
{
float:left;
height:10px;
padding-top:6px;
text-align:center;
padding-left:15px;
padding-right:10px;
}

.link
{
float:left;
height:10px;
text-align:center;
background: url(../images/divider.gif) no-repeat center left; 
padding: 6px 15px; 
}



/***********************
    Top Navigation
************************/


#nav
{	
height:34px;
background-color: #FFF;
text-align:center;
margin-bottom:8px;
}

#nav a
{	
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:10pt;
color: #FFF;
font-weight:bold;
text-decoration:none;
}

#nav a:hover
{	
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:10pt;
color: #C2C3C4;
font-weight:bold;
text-decoration:none;
}

.link1
{
padding-top:8px;
float:left;
background-image:  url(../images/about.jpg);
background-repeat: no-repeat;
width:123px;
height:37px;
}

.link2
{
padding-top:8px;
float:left;
background-image:  url(../images/services.jpg);
background-repeat: no-repeat;
width:138px;
height:37px;
}

.link3
{
padding-top:8px;
float:left;
background-image:  url(../images/portfolio.jpg);
background-repeat: no-repeat;
width:139px;
height:37px;
}

.link4
{
padding-top:8px;
float:left;
background-image:  url(../images/news.jpg);
background-repeat: no-repeat;
width:149px;
height:37px;
}

.link5
{
padding-top:8px;
float:left;
background-image:  url(../images/contact.jpg);
background-repeat: no-repeat;
width:140px;
height:37px;
}


/************************
	form elements
*************************/


.form			
{
width: 500px;
border: 1px solid #C2C1C1;
padding-top:15px;
padding-left:20px;
padding-right:10px;
padding-bottom:10px;
margin-bottom:20px;
color: #52575A;
background-color:#F7F5F5;
}

html>body .form			
{
width: 500px;
border: 1px solid #C2C1C1;
padding-top:20px;
padding-left:20px;padding-right:20px;padding-bottom:20px;
margin-bottom:20px;
color: #52575A;
background-color:#F7F5F5;
}

.form2			
{
width: 500px;
padding:10px;
color: #52575A;
border: 1px solid #C2C1C1;
background-color:#F7F5F5;
}

html>body .form2			
{
width: 520px;
padding:10px;
color: #52575A;
border: 1px solid #C2C1C1;
background-color:#F7F5F5;
}

.form3			
{
width: 500px;
margin:0;
padding-top:10px;
color: #52575A;
text-align: right;
}

div.row 		
{
clear: both;
padding-top: 5px;
}

div.row span.label 	
{
float: left;
width: 250px;
text-align: left;
}

span.check	
{
float: left;
width: 200px;
margin-right:55px;
text-align: left;
}

span.check-r	
{
float: left;
width: 200px;
text-align: left;
}


div.row span.formw 	
{
margin-left:10px;
float: left;
width: 20px;
text-align: left;
} 

div.form2 span.enquiry	
{
text-align: left;
} 

textarea, input		
{
font: normal 13px 'Trebuchet MS', Tahoma, Sans-serif;
color: #52575A;
}

textarea
{
width:480px;
}

html>body textarea
{
width:520px;
}

#outer-form
{
text-align:left;
margin-left:55px;
padding:20px;
width:540px;
}

html>body #outer-form
{
text-align:left;
margin-left:35px;
padding:20px;
width:540px;
}

.hd1
{

height:60px;
color:#DA0000;
background: url(../images/info.gif) no-repeat center left; 
padding: 8px 35px; 
}

.hd2
{
color:#000000;
font: normal 13px 'Trebuchet MS', Tahoma, Sans-serif;
margin-bottom:20px;
}

.option
{
color:#000000;
font: normal 13px 'Trebuchet MS', Tahoma, Sans-serif;
}

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

#footer
{
background-image:  url(../images/footer.jpg);
background-repeat: no-repeat;
border: 1px solid #C2C1C1;
height:37px;
margin-bottom:30px;

}

.foot-txt
{
padding-top:10px;
padding-right:10px;
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:7pt;
color: #8F8F8F;
text-align:center;
}

a.b:link
{
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:7pt;
color: #8F8F8F;
text-decoration:none;
}

a.b:hover
{
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:7pt;
color: #8F8F8F;
text-decoration:none;
}

a.b:visited
{
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:7pt;
color: #8F8F8F;
text-decoration:none;
}

a.b:active
{
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:7pt;
color: #8F8F8F;
text-decoration:none;
}


/***********************
	Page Headings
************************/

p
{
margin:0;
padding:0;
}

.cms	
{
height:50px;
background: url(../images/cms.gif) no-repeat center left; 
padding: 8px 35px; 
margin:0;
font-family: Trebuchet MS, times, "times new roman", serif;
font-size:13pt;
font-weight:bold;
color:#DA0000;
}

.ecommerce	
{
height:50px;
background: url(../images/shopping-cart.gif) no-repeat center left; 
padding: 8px 35px; 
margin:0;
font-family: Trebuchet MS, times, "times new roman", serif;
font-size:13pt;
font-weight:bold;
color:#DA0000;
}

.identity	
{
height:50px;
background: url(../images/identity.gif) no-repeat center left; 
padding: 8px 35px; 
margin:0;
font-family: Trebuchet MS, times, "times new roman", serif;
font-size:13pt;
font-weight:bold;
color:#DA0000;
}

.email	
{
height:50px;
background: url(../images/email.gif) no-repeat center left; 
padding: 8px 35px; 
margin:0;
font-family: Trebuchet MS, times, "times new roman", serif;
font-size:13pt;
font-weight:bold;
color:#DA0000;
}

.news	
{
height:50px;
background: url(../images/clip.gif) no-repeat center left; 
padding: 8px 35px; 
margin:0;
font-family: Trebuchet MS, times, "times new roman", serif;
font-size:13pt;
font-weight:bold;
color:#DA0000;
}

.print	
{
height:50px;
background: url(../images/print.gif) no-repeat center left; 
padding: 8px 37px;  
margin:0;
font-family: Trebuchet MS, times, "times new roman", serif;
font-size:13pt;
font-weight:bold;
color:#DA0000;
}

.marketing	
{
height:50px;
background: url(../images/charts.gif) no-repeat center left; 
padding: 8px 35px;  
margin:0;
font-family: Trebuchet MS, times, "times new roman", serif;
font-size:13pt;
font-weight:bold;
color:#DA0000;
}

.multimedia-website
{
height:50px;
background: url(../images/multimedia-icon.gif) no-repeat center left; 
padding: 8px 37px; 
margin:0;
font-family: Trebuchet MS, times, "times new roman", serif;
font-size:13pt;
font-weight:bold;
color:#DA0000;
}

.portfolio	
{
height:50px;
background: url(../images/pin.gif) no-repeat center left; 
padding: 8px 35px; 
margin:0;
font-family: Trebuchet MS, times, "times new roman", serif;
font-size:13pt;
font-weight:bold;
color:#DA0000;
}

.contact	
{
height:50px;
background: url(../images/contact.gif) no-repeat center left; 
padding: 8px 35px; 
margin:0;
font-family: Trebuchet MS, times, "times new roman", serif;
font-size:13pt;
font-weight:bold;
color:#DA0000;
}

.maintenance	
{
height:50px;
background: url(../images/maintenance.gif) no-repeat center left; 
padding: 8px 35px; 
margin:0;
font-family: Trebuchet MS, times, "times new roman", serif;
font-size:13pt;
font-weight:bold;
color:#DA0000;
}

.web	
{
height:50px;
background: url(../images/globe.gif) no-repeat center left; 
padding: 8px 35px; 
margin:0;
font-family: Trebuchet MS, times, "times new roman", serif;
font-size:13pt;
font-weight:bold;
color:#DA0000;
}

.home	
{
height:50px;
background: url(../images/home.gif) no-repeat center left; 
padding: 8px 35px; 
margin:0;
font-family: Trebuchet MS, times, "times new roman", serif;
font-size:13pt;
font-weight:bold;
color:#DA0000;
}
	
h2	
{
font-family: Trebuchet MS, times, "times new roman", serif;
font-size:12pt;
font-weight:bold;
color:#000000;
text-align: left;

}
	
.services	
{
height:50px;
background: url(../images/works.gif) no-repeat center left; 
padding: 8px 35px; 
font-family: Trebuchet MS, times, "times new roman", serif;
font-size:13pt;
font-weight:bold;
color:#DA0000;
}

h3	
{
font-family: Trebuchet MS, times, "times new roman", serif;
font-size:12pt;
font-weight:bold;
color: #DA0000;
}

h4	
{
font-family: Trebuchet MS, times, "times new roman", serif;
font-size:12pt;
font-weight:bold;
color: #8F8F8F;
}

/***********************
	Index Page
************************/


.foot-note
{
float:left;
width:210px;
margin-right:10px;
margin-top:20px;
height:120px;
border: 1px solid #C2C1C1;
}



.line
{
margin-top:23px;
border-top: 1px dashed #C2C1C1;

}


/***********************
	Services Page
************************/



ul.list			
{
padding-left:70px; 
}

ul.list li			
{
list-style-type: square;
line-height:21px;
}

ul.list li a		
{	
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:10pt;
color: #DA0000; 
text-decoration:none;	
}	

ul.list li a:hover	
{
color:#000000;
}

/***********************************
	Portfolio Page
************************************/

#content2
{
border: 1px solid #C2C1C1;
margin-bottom:8px;
background-color:#FFF;
padding-top:20px;
padding-left:30px;
padding-bottom:20px;
text-align:left;
}

#content3
{
border: 1px solid #C2C1C1;
margin-bottom:8px;
background-color:#FFF;
padding-top:20px;
padding-left:30px;
padding-right:30px;
padding-bottom:20px;
text-align:left;
}

.port-line p
{
float:left;
width:200px;
height:60px;
border: 1px solid #C2C1C1;
margin-right:10px;
}

.port-txt p
{
float:left;
margin-right:13px;
width:200px;
padding:0;
}

html>body .port-txt p
{
float:left;
margin-right:13px;
margin-top:20px;
margin-bottom:20px;
width:200px;
padding:0;
}

/***********************************
	Resource/Site Map Page
************************************/




ul li			
{
list-style-type: none;
line-height:21px;
}

ul.res-list			
{
padding-left:130px;
margin-bottom:20px;
}

ul.res-list li			
{
list-style-type: none;
line-height:21px;
}

ul.res-list li a		
{	
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:10pt;
color: #DA0000; 
text-decoration:none;	
}	

ul.res-list li a:hover	
{
color:#000000;
}

.indent
{
padding-left:170px;
}


/***********************
  Online Solutions Page
************************/

.top-man
{
background:url(../images/man.jpg);
background-repeat:no-repeat;
background-position: top right;
height:460px;
clear:both;
}

.top-man p
{
width:460px;
}

.bottom-man
{
width:100%;
background:url(../images/bottom-man.jpg);
background-repeat:no-repeat;
background-position: top left;
height:408px;
clear:both;
text-align:right;
}

.bottom-man p
{
padding-left:180px;
text-align:right;
}

html>body .top
{
padding-top:15px;

}


/***********************
  Services Page
************************/

.website-services-l
{
background:url(../images/website-services.jpg);
background-repeat:no-repeat;
background-position: top left;
height:460px;
width:359px;
float:left;
margin-top:10px;
}

.website-services-r
{
float:right;
width:285px;
margin-top:20px;
}

html>body .website-services-r
{
float:right;
width:285px;
margin-top:20px;
}

html>body ul.service			
{
padding-top:190px;
padding-left:110px;
margin-bottom:20px;
}

ul.service			
{
padding-top:202px;
padding-left:72px;
margin-bottom:20px;
}

ul.service li			
{
list-style-type: square;
line-height:21px;
}

ul.service li a		
{	
font-family: 'Trebuchet MS', georgia, times, 'times new roman', serif;
font-size:10pt;
color: #DA0000; 
text-decoration:none;	
}	

ul.service li a:hover	
{
color:#000000;
}



/***********************
  Maintenance Page
************************/

hr
{
border: none;
height: 1px;
margin:0;
padding:0;
}


/***********************
  Website Brochure Page
************************/

#get-it
{
padding:0;

}

#get-it ul		
{
padding:0;
margin:0;
}

#get-it li			
{
list-style-type: none;
line-height:21px;
}


#get-list-r
{
float:right;
width:359px;
padding:0;
margin-top:18px;
}


html>body #get-list-r
{
float:right;
width:365px;
padding:0;
margin-top:18px;
}

#get-list-r ul		
{
padding:0;
margin:0;
}

#get-list-r li			
{
list-style-type: none;
line-height:21px;
}

#get-list-l
{
float:left;
width:260px;
padding:18px;
margin-top:18px;
border: 1px solid #C2C1C1;
}

html>body #get-list-l
{
float:left;
width:220px;
padding:15px;
margin-top:18px;
border: 1px solid #C2C1C1;
}

#get-list-l ul		
{
padding:0;
margin:0;
}

#get-list-l li			
{
list-style-type: none;
line-height:21px;
}