/*
css styles for pinaret
      __                                      __   __   .__               
     |__|____    _____   ____   ___________ _/  |_|  | _|__| ____   ______
     |  \__  \  /     \_/ __ \ /  ___/\__  \\   __\  |/ /  |/    \ /  ___/
     |  |/ __ \|  Y Y  \  ___/ \___ \  / __ \|  | |    <|  |   |  \\___ \ 
/\__|  (____  /__|_|  /\___  >____  >(____  /__| |__|_ \__|___|  /____  >
\______|    \/      \/     \/     \/      \/          \/       \/     \/ 
    .___            .__                                      
  __| _/____   _____|__| ____   ____     ____  ____   _____  
 / __ |/ __ \ /  ___/  |/ ___\ /    \  _/ ___\/  _ \ /     \ 
/ /_/ \  ___/ \___ \|  / /_/  >   |  \ \  \__(  <_> )  Y Y  \
\____ |\___  >____  >__\___  /|___|  / /\___  >____/|__|_|  /
     \/    \/     \/  /_____/      \/  \/   \/            \/ 

                           _/_             
   _   o ____  __.  __  _  /     _. _   _  
  /_)_<_/ / <_(_/|_/ (_</_<__   (__/_)_/_)_
 /                                         
'          
.__                                                                    
|  |   ____ _____ ___  __ ____     _____ ___.__.   ____   ______ ______
|  | _/ __ \\__  \\  \/ // __ \   /     <   |  | _/ ___\ /  ___//  ___/
|  |_\  ___/ / __ \\   /\  ___/  |  Y Y  \___  | \  \___ \___ \ \___ \ 
|____/\___  >____  /\_/  \___  > |__|_|  / ____|  \___  >____  >____  >
          \/     \/          \/        \/\/           \/     \/     \/ 
       .__                      ._.
_____  |  |   ____   ____   ____| |
\__  \ |  |  /  _ \ /    \_/ __ \ |
 / __ \|  |_(  <_> )   |  \  ___/\|
(____  /____/\____/|___|  /\___  >_
     \/                 \/     \/\/
 
 */



 /* lets have some navigation */
@import "mainnav.css";



 /* basic styles */

body, td, th {
font-family: Lucida Sans, Lucida Grande, Helvetica, Arial, Verdana, Geneva, sans-serif;}
 
body {
	background-color: #000000;
	margin: 0px;
	font-size: 0.85em;
	color: #ffffff;
	line-height: 200%;
	}
a:link {
	text-decoration: none;
	color: #99CC33;
	}
a:visited { 
	text-decoration: none;
	color:#CCFF66; 
	}
a:hover { 
	text-decoration: underline;
	color:#999900;
	}

a:active { }

h1 {
	
	font-size: 110%;
	text-transform:uppercase;
	letter-spacing: .2em;
	color: #CCCC66;
	margin-bottom: 15px;
}
h2 {
	font-size: 110%;
	color: #CCCC66;
	}
h3 {
	color: #cccccc;
	font-size: 100%;
	font-weight: bold;
}
h4 {
	color: #cccccc;
	font-size: 100%;
}

img {
	border: 0
}



 /* centres the layout whatever the resolution */

#centreing {
text-align: center;
background-color: #000000;
background-image: url(bg.jpg);
background-repeat: repeat-x;
margin: 0px auto;
min-height: 600px;
}
#centreinghome {
text-align: center;
background-color: #000000;
background-image: url(bghome.jpg);
background-repeat: repeat-x;
margin: 0px auto;
min-height: 600px;
}

*html #centreing, *html #centreinghome {
height: 600px;}
 
#content{
width: 900px;
min-width: 900px; 
margin: 0px auto;
text-align: left;
}


 /* hides the search enginey stuff */

#engines {
display: none;}

.clear {
float:none;
clear:both;}

 /* logo bar etc */

#topbar {
display: block;
height: 80px;
background-image: url(malc.jpg);
background-repeat: no-repeat;
background-position: 300px 0px;}

#topbarhome {
display: block;
height: 145px;
background-image: url(malc.jpg);
background-repeat: no-repeat;
background-position: 300px 0px;}

#logowrapper{ 
height: 79px;
position: relative;
top: -14px;
left: -45px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 110%;
letter-spacing: .075em;
}

#logowrapperhome{ 
position: relative;
top: -36px;
left: -45px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 110%;
letter-spacing: .075em;
}

 /* different pages different sizes */
#logo {
background-image: url(logosmall.jpg);
background-repeat: no-repeat;
width: 100%;
height: 65px;}
	

#logohome {
background-image: url(logo.jpg);
background-repeat: no-repeat;
width: 100%;
height: 148px;}

 /* the phone number */
 
#contacts {
display: block;
width: 350px;
float: right;
color: #ffffff;}

 /* left columns */
#wide {
width: 430px;
margin-top: 25px;
margin-bottom: 20px;
margin-right: 40px;
float: left;
}


#home {
font-size: 180%;
line-height: 150%;
width: 430px;
margin-top: 25px;
margin-bottom: 20px;
margin-right: 40px;
float: left;
color: #99CC00;
	
}

#home a:link, #home a:visited {
color: #ffffff;}

 /* list styley */

#wide ul li {
list-style-image:url(bullet.gif);}


 /* right columns */
#narrow
{
color: #99CC33;
margin-top: 25px;
float: right;
width: 395px;
}

#narrow ul li {
list-style-image:url(bullet.gif);}

.narrower {
width: 190px;
margin-right: 5px;
float: left;}

 /* footerbar */
#footercentreing {
text-align: center;
height: 150px;
background-image:url(footbg.jpg);
background-repeat:repeat-x;
margin: 0px auto;
}
 
#footer {
width: 900px;
min-width: 900px; 
margin: 0px auto;
text-align: left;
font-size: 90%;
color: #cccc99;
	
}


 /* that's your lot - jamesatkinsdesign.com */