#wrapper{
margin: 0px auto;
width:892px;
background: url(http://www.swaymarmarine.co.uk/images/wrapperGraphicSlice.jpg)left #c8c8c8 repeat-y;
border:0px solid red;
height:100%;
padding:0px;
}

#rightWrapper{
margin: 0px;
padding:0px;
width:20px;
background: url(http://www.swaymarmarine.co.uk/images/wrapperGraphicSliceRight.jpg)left repeat-y;
height:100%;
float:left;
border:0px solid blue;
margin-top:0px;
}

.SlightlyBiggerText
{
	font-size:14px !important;
}

#smallBlock{
width:150px;
float:left;
}

#telephone{border:1px solid #aaaaaa;
margin-left:25px;
margin-top:10px;
width:100%;
float:left;
}

#specTable{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-left:20px;
float:left;
background-color:#4090c6;
color:#ffffff;
}

#specTable td, #specTable th{
height:20px;
border-bottom:1px solid #ffffff;
padding:10px;
}

#specTable tr th{
font-weight:bold;
width:25%;
}
#specTable tr td{
font-weight:bold;
}

.rightSecHeader{
height:35px;
width:100%;
background: url(http://www.atspeed.co.uk/images/footer_bg.gif)left 100% no-repeat;
border-bottom:1px solid #aaaaaa;
}
#socialNetworks{
}

div.greyBox, #callBack, .leftGreyBox{
margin-top:0px;
margin-left:0px;
margin-bottom:10px;
border:1px solid #aaaaaa;
padding-bottom:0px;
padding-top:0px;
width:100%;
float:left;
}

.mainBox .rightSecHeader
{
	height:25px;
}

.mainBox
{
	width:260px;
	height:210px;
	border:1px solid #aaaaaa;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:15px;
	float:left;
	background-color:#4C4C4C;
	
}

.mainBox.Blue{
	background-color:#0066ff;
}

.mainBox h1
{
	color:#DDDDDD;
	display:block;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 16px;
	font-weight: bold;
	text-align:center;
	margin: 12px 0px 0px -8px;
}

.SwaymarMarineEnginesDescription
{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:14px;
	padding: 16px;
}

.quoteButton{
    margin-top:15px;
}

.leftGreyBox{
margin-left:0px;
}

.greyBox img, .leftGreyBox img,.mainBox img{
width:100%;
}


#swaymarEngine{
width:250px;
}
h1#blue{
margin-left:10px;
margin-top:40px;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
color:#18a1ef;
font-style: italic;
}

.Exhausts
{
	display:block;
	width:100%;
	clear:both;
	padding-top: 20px;
}

.TextLeft
{
	width:50%;
	display:block;
	float:left;
	font-size: 1.25em;
}

.TextRight
{
	width:50%;
	display:block;
	float:left;
	font-size: 1.25em;
}

.ImageLeft
{
	width:50%;
	height:100%;
	display:flex;
	float:left;
	justify-content: center;
	align-items: center;
}

.ImageRight
{
	width:50%;
	height:100%;
	display:flex;
	justify-content: center;
	align-items: center;
	float:left;
}

.ImageLeft img
{
	contain:contain;
	width:80%
}

.ImageRight img
{
	contain:contain;
	width:80%;
}


.mainExhaustSection
{
	width: 100%;
	display:block;
	float:left;
	margin:0;
	padding:0;
}

.RedText
{
	color:#ff0000 !important;
}

.MainBullets
{
	font-size: 1.25em;;
	color: #0066ff;
	padding-left:20%;
}


#mercruiser, #volvo{
width:170px;
float:left;
margin-left:30px;
margin-top:10px;
margin-right:30px;
}

#mainImage{
width:100%;
margin-top:0px;
}

#MBY{
width:120px;
float:right;
margin-right:30px;
margin-left:20px;
margin-top:10px;
margin-bottom:10px;
}

#MBYoctober{
width:120px;
float:right;
margin-right:30px;
margin-left:20px;
margin-bottom:10px;
margin-top:10px;
}

div.rightSecHeader h2{
 color:#000000;
text-align:center;
    font-size:18px;
    margin-top:0px;
    padding-top:8px;
}

 div.sectionHeader{
    color:#18a1ef;
    font-family: Impact, fantasy;
    background: url(http://www.atspeed.co.uk/images/footer_bg.gif) left 100% no-repeat;
    height:1px;
    width:100%;
    float:left;
    border:1px solid #aaaaaa;
    padding-bottom:0px;
    margin-top:10px;
    margin-bottom:10px;
}
div.sectionHeader a:link,
   div.sectionHeader a:visited,
    div.sectionHeader a:active
 {
color:black;
}

div.sectionHeader a:hover{
color:#18a1ef;
}



div.mainSection{
width:100%;
float:left;
margin-top:0px;
margin-bottom:0px;
}
div#video{
    width:655px;
margin-left:10px;
padding:0px;
float:left;
    border:1px solid #aaaaaa;
}
  div.sectionHeader h2{
  font-size:20px;
  margin-top:10px;
}

div.spacer{
height:20px;
width:183px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
float:left;
background: url(http://www.atspeed.co.uk/images/spacer4.gif) bottom no-repeat;
position:relative;
right:0px;
bottom:10px;
}

#breadcrumbs{
margin-top:10px;
padding-bottom:0px;
margin-left:15px;
width:100%;
float:left;
}

#breadcrumbs a:link, 
#breadcrumbs a:hover, 
#breadcrumbs a:visited,
#breadcrumbs a:active{
color:#18a1ef;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:underline;
float:left;
padding-right:5px;
padding-left:5px;
padding-top:5px;
}


/*
text & link styles
*/

a{
text-decoration:none;
}

p a:link,
p a:visited,
p a:active{
color:#18a1ef;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}

/*Text*/

h1{
    margin-top:15px;
margin-left:10px;
font-family:  Arial, Helvetica, sans-serif;
font-size:20px;
}

h2 {
    font-size:14px;
    font-family: Arial, Helvetica, sans-serif;
    line-height:1;
    margin-left:10px;
    margin-top:20px;
}


h3{
margin-left:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#18a1ef;
font-weight: normal;
}

img.product{
 width:180px;
    
}

div.intext{
float:right;
}

.profilePic{
float:left;
margin-right:10px;
margin-top:10px;
width:50px;
}
.jobTitle{
color:#18a1ef;
}

.stagePic{
width:60px;
float:left;
}

.rightIntextImg{
float:right;
}

.leftIntextImg{
float:left;
}
.leftIntextImg, .rightIntextImg, .intextImg{
width:170px;
margin-right:10px;
margin-bottom:6px;
margin-top:10px;
}

.leftIntextImg2, .intextImg2{
margin-right:10px;
margin-bottom:6px;
margin-top:10px;
float:left;
}

.rightIntextImg2{
margin-right:10px;
margin-bottom:6px;
margin-top:10px;
float:right;
}

.PropPic
{
	float:left;	
	text-align:center;
}

.gallerysection
{
	clear:both;
	margin-top:12px;
}

.galleryheader
{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight:normal;
	font-size:10pt;
	padding:6px 0px 6px 6px;
	text-align: left;
	background-color: #06f;
	color:white;
	width:844px;
	display:block;
}

.galleryimage
{
	border: #06f thin solid;
	background-color: white;
	text-align:center;
	display:block;
}

.gallerydescription
{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	background-color:white;
	display:block;
	font-weight:bold;
	padding: 8px 0px 12px 24px;
}

.BlueBoxText
{	
	border: #06f thin solid;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:10pt;
	width:100%;
}