/*
css styles for ultimatemountingblocks.co.uk

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




@import "nav.css";
@import "sub.css";
@import "forms.css";
@import "paginate.css";




 /* basic styles */

body,td,th {
font-family:  Corbel, "Helvetica 55", "Helvetica Neue", "Helvetica Neue 55 Roman", 
Helvetica, Lucida, Lucida Grande, Arial, Verdana, Geneva, sans-serif;
}

 
body {
	margin: 0;
	font-size: 0.72em;
	background: #fff;
	line-height: 200%;
	display: block;
	color: #666;}

	
a:link, a:visited {
	color: #320b58;
	text-decoration: none;
	}

a:hover { }

a:active {
	color: #333; }
	
h1 {
color: #666e;;
	font-size: 130%;
	font-weight: roman;}
h2 {
color: #60758e;
	font-size: 100%;}
	
h3 {
color: #60758e;
	font-size: 100%;
	font-weight: bold;}
h4 {
color: #60758e;
	font-size: 0.5em;}

h2 {margin-bottom: -1em;
}

img {
	border: 0}

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

.quote {
color: #60758e;}

.credit {
color: #c5c19d;}

 /* terrible browser message */

#iesix{display: none;}

 /* hides the search enginey stuff */

#engines {
display: none;}

 /* centres the layout whatever the resolution */

#centreing {
text-align: center;
background-image: url(home.png);
background-position: 0px 0px;
margin: 0px auto;
padding-top: 0px;
padding-bottom: 20px;
min-height: 1000px;
}

 
#main{
width: 916px;
margin: 0px auto;
text-align: left;
display: block;
background-color: #fff;
}

 /* logo bar etc */

#topbar {
display: block;
height: 118px;
width: 916px;
font-size: 90%;
line-height: 100%;
background-image: url(brandbar.png);
background-repeat: repeat-x;
}

#logo {
display: block;
width: 220px;
height: 118px;
padding-left: 70px;
background-image: url(logo.png);
float: left;
}
 /* imagebar */

#imagebar {
display: block;
height: 205px;
width: 916px;
background-image: url(product01.png);
border-bottom: 1px solid #ac0e24;
}

 /* mainstuff */

#content {
margin: 0;
position: relative;
display: block;
width: 754px;
padding-left: 80px;
padding-right: 80px;
padding-top: 15px;
background-image: url(mainbg.png);
background-repeat: repeat-x;
border-left: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 1px solid #ac0e24;


}

#contentwide {
display: block;
width: 754px;
}


/* columns */

#primary {
font-family: Georgia, Constantia,  Times, Times New Roman, Serif;
font-size: 120%;
position:relative;
display: block;
border-right: 160px solid transparent;
width: 475px;
display: block;
min-height: 400px;

}

#gallery {
font-family: Georgia, Constantia,  Times, Times New Roman, Serif;
font-size: 120%;
position:relative;
display: block;
width: 815px;
display: block;
min-height: 400px;


}

#secondary {
float:right; position:relative; width:270px; margin-right:-330px; display:inline;
}
#secondary {
font-family:  Corbel, "Helvetica 55", "Helvetica Neue", "Helvetica Neue 55 Roman", 
Helvetica, Lucida, Lucida Grande, Arial, Verdana, Geneva, sans-serif;
width: 160px
font-size: 90%;
color: #fff;
padding: 15px;
}


.promo {width: 260px;
padding: 5px;
background-color: #ac0e24;
display: block;
min-height: 270px;}

.promo a {color: #ccc; padding: 3px; background-color: #320b58;}

.promo img {border:  2px solid #fff;}

.video {
width: 320px; 
height:240px;
display: inline-block;
vertical-align: top;
margin-right: 10px;
margin-bottom: 10px;
}

.description {
font-size: 90%;
width: 140px; 
display: inline-block;
vertical-align: top;
}

#footer {
font-size: 110%;
position: relative;
width: 824px;
background-color: #999;
display: block;
border-left: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
padding: 10px;
padding-left: 80px;

}




#footer a {color: #fff;}
#footer a:hover {color: #666;}

.footercol
{width: 150px;
display: inline-block; 
vertical-align: top;
color: #fff;
}

.footercol ul, .footercol ul li {
margin: 0; padding: 0;
list-style: none;}

.serif {
font-family: Georgia, Constantia,  Times, Times New Roman, Serif;
font-size: 130%; line-height: 200%;}

#galleryphotos {margin-top: 15px; width: 570px; background: #222; padding: 4px;}

.gallery {width:75px; height:75px; display: inline;
overflow: hidden;
line-height: 100%;

}
.gallery img{
overflow: hidden;


}

td {color: #fff;}

.quote {width: 200px; margin-top: 30px; font-size: 120%;}

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