/* PROJECT = S.M.Thompson.co.uk Site v.3.0*/
/* Author = James Bingham M.Sc. B.A.(hons) PGCE MiFL */
/* Date = 01.08.08 */



/* Basic body look */

.body2{
	position:relative;
	margin: 0 auto;
	width:872px;
	/*background-color: #344454;*/
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 900px;
	z-index:0;

}

body { 

	margin-top:0px;
	font-family: "verdana";
	font-size: 11px;
	line-height:16px;
	color: #FFFFFF;
	
	background-image: url(images/background_slice.gif);
	background-position: left top;
	
}

/* hyperlink styles */


ul{

margin:0;  
padding:0;

}

li{

display: inline;

}


/* link style */

#myLinks1 a:link{
color: #ffffff;
text-decoration:underline;
}
#myLinks1 a:visited{
color: #ffffff;
text-decoration:underline;
}
#myLinks1 a:hover{
color: #ffffff;
text-decoration:underline;
}
#myLinks1 a:active{
color: #ffffff;
text-decoration:underline;
list-style-type: none;
}

/* bottom links style */

#myLinks2 a:link{
color: #ffffff;
text-decoration:underline;
}
#myLinks2 a:visited{
color: #ffffff;
text-decoration:underline;
}
#myLinks2 a:hover{
color: #ffffff;
text-decoration:underline;
}
#myLinks2 a:active{
color: #ffffff;
text-decoration:underline;
}

/* Image Gallery link style */

#myLinks3 a:link{
color: #ffffff;
text-decoration:underline;
}
#myLinks3 a:visited{
color: #ffffff;
text-decoration:underline;
}
#myLinks3 a:hover{
color: #ffffff;
text-decoration:underline;
}
#myLinks3 a:active{
color: #ffffff;
text-decoration:underline;
}

/* EMAIL link style */

#myLinks4 a:link{
color: #ffffff;
text-decoration:underline;
}
#myLinks4 a:visited{
color: #ffffff;
text-decoration:underline;
}
#myLinks4 a:hover{
color: #ffffff;
text-decoration:underline;
}
#myLinks4 a:active{
color: #ffffff;
text-decoration:underline;
}

/* Sitemap Page link style */

#myLinks5 a:link{
color: #ffffff;
text-decoration:underline;
}
#myLinks5 a:visited{
color: #ffffff;
text-decoration:underline;
}
#myLinks5 a:hover{
color: #ffffff;
text-decoration:underline;
}
#myLinks5 a:active{
color: #ffffff;
text-decoration:underline;
}

/* Services Page link style */

#myLinks6 a:link{
color: #ffffff;
text-decoration:underline;
}
#myLinks6 a:visited{
color: #ffffff;
text-decoration:underline;
}
#myLinks6 a:hover{
color: #ffffff;
text-decoration:underline;
}
#myLinks6 a:active{
color: #ffffff;
text-decoration:underline;
list-style-type: none;
}


/* Main Content blocks */	

#container {
	position: relative;
	margin: 0 auto;
	width: 766px;
	height:872px;
}
	
#content{
    position: relative;
	margin: 0 auto;
	width: 766px;
	height:872px;

}

#header{
	position:relative;
	margin: 0 auto;
	width: 766px;
	height:109px;
}

#headerBox {
	position:absolute;
	left: 0px;
	top: 0px;
	margin-top: 0px;
	padding: 0px;
	text-align: left;
	height: 786px;

}		

#mainBox {
	margin: 0px;
	padding: 0px;
	text-align: left;
	height: auto;
}		


#toplogo {
	position:absolute;
	top:0px;
	left:0px;
	height: 98px;
	width: 50px;
}

#flashArea {
	position:absolute;
	top:0px;
	left:0px;
	height: 296px;
	width: 766px;
}


/* Individual Content blocks - News Area only */

#newsArea{
	position:absolute;
	top:296px;
	left:518px;
	height: 425px;
	width: 248px;
	z-index: 4;
	background: url(images/news_area.jpg);
}

#newsArea2{
	position:absolute;
	top:296px;
	left:518px;
	height: 425px;
	width: 248px;
	z-index: 4;
	background: url(images/news_area2.jpg);
}

#latestNewsImg{
	position:absolute;
	top:339px;
	left:531px;
	height: 30px;
	width: 224px;
	z-index: 5;
}

#imageGallery{
	position:absolute;
	top:556px;
	left:531px;
	height: 30px;
	width: 224px;
	z-index: 5;
}

#newsText{
	position:absolute;
	top:378px;
	left:531px;
	height: 168px;
	width: 195px;
	padding-left:15px;
	padding-right:14px;
	padding-top:5px;
	z-index: 5;
}

#imageGalleryText{
	position:absolute;
	top:595px;
	left:531px;
	height: 43px;
	width: 195px;
	padding-left:15px;
	padding-right:14px;
	padding-top:5px;
	z-index: 5;
}

#RssLink{
	position:absolute;
	top:673px;
	left:546px;
	height: 4px;
	width:120px;
	z-index: 5;
}


/* Individual Content blocks - Home Page only */	

#contentTop{
	position:absolute;
	top:296px;
	left:0px;
	height: 240px;
	width: 766px;
	background: url(images/content_top.jpg);
}

#readMore1{
	position:absolute;
	top:502px;
	left:406px;
	height: 33px;
	width: 76px;
	z-index: 5;
}

#welcomeTextImg{
	position:absolute;
	top:324px;
	left:0px;
	height: 29px;
	width: 101px;
	z-index: 3;
}

#welcomeText{
	position:absolute;
	top:368px;
	left:0px;
	height: 162px;
	width: 458px;
	padding-left:25px;
	padding-right:12px;
	padding-top:5px;
}

#feedbackTextImg{
	position:absolute;
	top:559px;
	left:0px;
	height: 29px;
	width: 101px;
	z-index: 3;
}

#feedbackText{
	position:absolute;
	top:604px;
	left:0px;
	height: 112px;
	width: 458px;
	padding-left:25px;
	padding-right:12px;
	padding-top:5px;
}


/* Individual Content blocks - About us Page only */

#aboutTextImg{
	position:absolute;
	top:324px;
	left:0px;
	height: 29px;
	width: 101px;
	z-index: 3;
}

#aboutText{
	position:absolute;
	top:368px;
	left:0px;
	height: 298px;
	width: 458px;
	padding-left:25px;
	padding-right:12px;
	padding-top:5px;
}

/* Individual Content blocks - Services Page only */

#servicesTextImg{
	position:absolute;
	top:324px;
	left:0px;
	height: 29px;
	width: 101px;
	z-index: 3;
}


#servicesText{
	position:absolute;
	top:373px;
	left:0px;
	height: 326px;
	width: 458px;
	padding-left:25px;
	padding-right:12px;
	padding-top:0px;
}

/* Individual Content blocks - Services (Flame Cutting) */

#flameCuttingBackground{
	position:absolute;
	top:296px;
	left:0px;
	height:327px;
	width:468px;
	background: url(images/services_background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:42px;
	padding-right:0px;
	padding-top:29px;
	z-index: 5;
}

#flameCuttingText{
	position:absolute;
	top:654px;
	left:0px;
	height: 58px;
	width: 427px;
	padding-left:25px;
	padding-right:0px;
	padding-top:0px;
}

/* Individual Content blocks - Services (Plasma Cutting) */

#plasmaCuttingBackground{
	position:absolute;
	top:296px;
	left:0px;
	height:327px;
	width:468px;
	background: url(images/services_background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:42px;
	padding-right:0px;
	padding-top:30px;
	z-index: 5;
}

#plasmaCuttingText{
	position:absolute;
	top:654px;
	left:0px;
	height: 58px;
	width: 432px;
	padding-left:25px;
	padding-right:0px;
	padding-top:0px;
}


/* Individual Content blocks - Services (Bevel Cutting) */
#bevelCuttingBackground{
	position:absolute;
	top:296px;
	left:0px;
	height:327px;
	width:468px;
	background: url(images/services_background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:42px;
	padding-right:0px;
	padding-top:30px;
	z-index: 5;
}

#bevelCuttingText{
	position:absolute;
	top:654px;
	left:0px;
	height: 58px;
	width: 427px;
	padding-left:25px;
	padding-right:0px;
	padding-top:0px;
}

/* Individual Content blocks - Services (Plate Marking) */
#plateMarkingBackground{
	position:absolute;
	top:296px;
	left:0px;
	height:327px;
	width:468px;
	background: url(images/services_background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:42px;
	padding-right:0px;
	padding-top:30px;
	z-index: 5;
}

#plateMarkingText{
	position:absolute;
	top:654px;
	left:0px;
	height: 58px;
	width: 427px;
	padding-left:25px;
	padding-right:0px;
	padding-top:0px;
}

/* Individual Content blocks - Services (Plate Rolling) */
#plateRollingBackground{
	position:absolute;
	top:296px;
	left:0px;
	height:327px;
	width:468px;
	background: url(images/services_background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:42px;
	padding-right:0px;
	padding-top:30px;
	z-index: 5;
}

#plateRollingText{
	position:absolute;
	top:654px;
	left:0px;
	height: 58px;
	width: 427px;
	padding-left:25px;
	padding-right:0px;
	padding-top:0px;
}

/* Individual Content blocks - Services (Drilling) */
#drillingBackground{
	position:absolute;
	top:300px;
	left:0px;
	height:327px;
	width:468px;
	/*background: url(images/services_background.jpg);*/
	background-repeat: no-repeat;
	background-position: left top;
	/*padding-left:42px;
	padding-right:0px;
	padding-top:30px;*/
	z-index: 5;
}

#drillingText{
	position:absolute;
	top:654px;
	left:0px;
	height: 58px;
	width: 427px;
	padding-left:25px;
	padding-right:0px;
	padding-top:0px;
}

/* Individual Content blocks - Services (Folding) */

#foldingBackground{
	position:absolute;
	top:296px;
	left:0px;
	height:327px;
	width:468px;
	background: url(images/services_background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:42px;
	padding-right:0px;
	padding-top:30px;
	z-index: 5;
}

#foldingText{
	position:absolute;
	top:654px;
	left:0px;
	height: 58px;
	width: 427px;
	padding-left:25px;
	padding-right:0px;
	padding-top:0px;
}


/* Individual Content blocks - Stock Page only */

#stockTextImg{
	position:absolute;
	top:324px;
	left:0px;
	height: 29px;
	width: 101px;
	z-index: 3;
}

#stockText{
	position:absolute;
	top:368px;
	left:0px;
	height: 189px;
	width: 458px;
	padding-left:25px;
	padding-right:12px;
	padding-top:5px;
}

/* Individual Content blocks - Contact Page only */

#contactTextImg{
	position:absolute;
	top:324px;
	left:0px;
	height: 29px;
	width: 101px;
	z-index: 3;
}

#contactText{
	position:absolute;
	top:368px;
	left:0px;
	height: 319px;
	width: 458px;
	padding-left:25px;
	padding-right:12px;
	padding-top:5px;
}

/* Individual Content blocks - Contact Page only (General Enquiries) */

#contactGeneralImg{
	position:absolute;
	top:324px;
	left:0px;
	height: 29px;
	width: 101px;
	z-index: 3;
}

#contactFormGeneral{
	position:absolute;
	top:366px;
	left:0px;
	height: 317px;
	width: 445px;
	padding-left:17px;
	padding-right:14px;
	padding-top:5px;
	z-index: 5;
}


/* Individual Content blocks - Contact Page only (Harvey) */

#contactHarveyImg{
	position:absolute;
	top:324px;
	left:0px;
	height: 29px;
	width: 101px;
	z-index: 3;
}

#contactFormHarvey{
	position:absolute;
	top:366px;
	left:0px;
	height: 317px;
	width: 445px;
	padding-left:17px;
	padding-right:14px;
	padding-top:5px;
	z-index: 5;
}

/* Individual Content blocks - Contact Page only (Alan) */

#contactAlanImg{
	position:absolute;
	top:324px;
	left:0px;
	height: 29px;
	width: 101px;
	z-index: 3;
}

#contactFormAlan{
	position:absolute;
	top:366px;
	left:0px;
	height: 317px;
	width: 445px;
	padding-left:17px;
	padding-right:14px;
	padding-top:5px;
	z-index: 5;
}

/* Individual Content blocks - Contact Page only (Jackie) */

#contactJackieImg{
	position:absolute;
	top:324px;
	left:0px;
	height: 29px;
	width: 101px;
	z-index: 3;
}

#contactFormJackie{
	position:absolute;
	top:366px;
	left:0px;
	height: 317px;
	width: 445px;
	padding-left:17px;
	padding-right:14px;
	padding-top:5px;
	z-index: 5;
}

/* Individual Content blocks - Gallery Page only    */

#galleryTextImg{
	position:absolute;
	top:317px;
	left:0px;
	height: 29px;
	width: 101px;
	z-index: 3;
}

#GalleryBackground{
	position:absolute;
	top:359px;
	left:0px;
	height:333px;
	width:470px;
	background: url(images/gallery_background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:39px;
	padding-right:0px;
	padding-top:30px;
	z-index: 5;
}

#GalleryContent1{
	position:absolute;
	top:391px;
	left:49px;
	height:260px;
	width:346px;
	padding-left:17px;
	padding-right:14px;
	padding-top:5px;
	z-index: 5;
}

#galleryText{
	position:absolute;
	top:655px;
	left:40px;
	height: 35px;
	width: 345px;
	z-index: 6;
}

#galleryNextBtn{
	position:absolute;
	top:390px;
	left:440px;
	height: 27px;
	width: 54px;
	z-index: 6;
}


#galleryBackBtn{
	position:absolute;
	top:390px;
	left:386px;
	height: 27px;
	width: 54px;
	z-index: 6;
}

/* Individual Content blocks - Privacy Page only    */

#privacyTextImg{
	position:absolute;
	top:324px;
	left:0px;
	height: 29px;
	width: 101px;
	z-index: 3;
}


#privacyInfo {
	position:absolute;
	top:376px;
	left:25px;
	height: 330px;
	width: 460px;
	overflow: auto;
}

/* Individual Content blocks - Admin Page only    */


#admintextImg{
	position:absolute;
	top:10px;
	left:0px;
	height: 29px;
	width: 101px;
	z-index: 3;
}

#adminKeys{
	position:absolute;
	top: 15px;
	height: 29px;
	width: 101px;
	z-index: 3;
}

#adminText{
	position: absolute;
	left: 60px;
	top: 170px;
	width: 400px;
	height: 500px;

}

#adminAddImage{
	position: absolute;
	left: 60px;
	top: 170px;
	width: 400px;
	height: 300px;

}

#adminNavBar{
	position:absolute;
	top:13px;
	left:504px;
	height: 425px;
	width: 248px;
	z-index: 4;
	

}

/* Individual Content blocks - Site Map Page only    */

#sitemapLinks li{
display:list-item;
}

#sitemapLinks{
	position: absolute;
	left:26px;
	top: 306px;
	height: 345px;
	width: 477px;
}

#sitemapTextImg{
	position:absolute;
	top:324px;
	left:0px;
	height: 29px;
	width: 101px;
	z-index: 3;
	}

/* Footer */

#privacyText{
	position:absolute;
	top:724px;
	left:16px;
	height: 19px;
	width: 265px;
	padding-left:9px;
}

#adminLink{
	position:absolute;
	top:722px;
	left:658px;
	height: 22px;
	width: 34px;
	z-index: 5;
}

#emailLink{
	position:absolute;
	top:722px;
	left:693px;
	height: 22px;
	width: 36px;
	z-index: 5;
}

#sitemapLink{
	position:absolute;
	top:722px;
	left:730px;
	height: 22px;
	width: 34px;
	z-index: 5;
}

#footerInfo {
	position:absolute;
	top:824px;
	left:-44px;
	height: 16px;
	width: 363px;
	z-index:4;
    }
	


	
/* Text styles */

.title {
	font-size: 20px;
	font-weight: bold;
	}
	

/* Top Nav */

li{list-style-type: none;}
/* TEXT */
h1{
font-size:12px;
color:#B82738;
padding-top: 10px;
font-family: "arial";
text-decoration:none;
line-height: 17px;
}
h1 a {
text-decoration:none;
color:#FFFFFF;
}

h2{
font-size:14px;
color:#B82738;
padding-top: 10px;
font-family: "arial";
text-decoration:none;
line-height: 10px;

}

/* Navigation - CSS Button Rollovers - */


#button1 a{
	position: absolute;
	left:227px;
	top: 19px;
	height: 90px;
	width: 107px;
	background: url(images/home_btn.jpg) no-repeat left;
	text-decoration:none;
}
#button2 a{
	position: absolute;
	left:334px;
	top: 19px;
	height: 90px;
	width: 108px;
	background: url(images/about_btn.jpg) no-repeat left;
	text-decoration:none;
}
#button3 a{
	position: absolute;
	left:442px;
	top: 19px;
	height: 90px;
	width: 108px;
	background: url(images/services_btn.jpg) no-repeat left;
	text-decoration:none;
}
#button4 a{
	position: absolute;
	left:550px;
	top: 19px;
	height: 90px;
	width: 108px;
	background: url(images/stock_btn.jpg) no-repeat left;
	text-decoration:none;
}
#button5 a{
	position: absolute;
	left:658px;
	top: 19px;
	height: 90px;
	width: 108px;
	background: url(images/contact_btn.jpg) no-repeat left;
	text-decoration:none;
}


#button1 a:hover{
background: url(images/home_btnrol.jpg) no-repeat left;
}
#button2  a:hover{
background: url(images/about_btnrol.jpg) no-repeat left;
}
#button3 a:hover{
background: url(images/services_btnrol.jpg) no-repeat left;
}
#button4 a:hover{
background: url(images/stock_btnrol.jpg) no-repeat left;
}
#button5 a:hover{
background: url(images/contact_btnrol.jpg) no-repeat left;
}


/* CSS Image Rollover Hack */
/* Preloads the image in the cache for instant use */
#footer{
	position: relative;
	margin: 0 auto;
	width: 770px;
	height: 1px;
}
.cssRolloverImageHack_1{
visibility:hidden;
background: url(images/home_btnrol.jpg);
}
.cssRolloverImageHack_2{
visibility:hidden;
background: url(images/about_btnrol.jpg);
}
.cssRolloverImageHack_3{
visibility:hidden;
background: url(images/services_btnrol.jpg);
}
.cssRolloverImageHack_4{
visibility:hidden;
background: url(images/stock_btnrol.jpg);
}
.cssRolloverImageHack_5{
visibility:hidden;
background: url(images/contact_btnrol.jpg);
}


.h5Data{
font-family: Verdana;
font-size: 12px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
line-height: 15px;
padding-left: 5px;
}