/*
Theme Name: Trotter Controls Website
Theme URI: http://www.trottercontrols.com
Description: Theme for www.trottercontrols.com
Version: 1.1
Author: Chris Story and David Benson
*/

h1
{
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 14pt;
	margin-top: 10px;
	margin-bottom: 3px;
	margin-left: 20px;
}

h2
{
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 12pt;
	margin-top: 0px;
	margin-bottom: 3px;
	margin-left: 15px;
}
h3
{
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 10pt;
	margin-top: 4px;
	margin-bottom: 1px;
	margin-left: 10px;
}

p
{
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: lighter;
	font-size: 10pt;
	line-height:1.5;
}

a,
a:link,
a:visited
{
	color: #DD350B;
	text-decoration: none;
}

a:hover,
a:active,
a:focus
{
	outline-style: none;
	color: White;
} 

.font {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5;
}
	
body {
	background-image: url(images/background.gif);
	background-color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5;
	margin-top:0px;
	margin-bottom:20px;
}

blockquote {
	background-color: #C8C8C8;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-style: italic;
	padding-left: 10px;
	padding-right: 10px;
}

ul {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: lighter;
	font-size: 10pt;
	/* list-style-type: none; */
	list-style-position: inside;
	padding-left: 1em;
	margin: 1em;
}

li {
	margin-left: 3px;
}

select {
	width: 400px;
}

#response {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5;
}

.lcp_catlist li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 5;
}

ul.lcp_catlist {
	margin: 0;
	padding: 5;
}


.header_img {
	background-image: url(images/header.gif);
	width:853px;
	height:60px;
}


.margin_left {
	background-image: url("images/marginleft.gif");
	width:3px;
	height:100%;
}

.content_body {
	background-image: url("images/bodybgcolor.gif");
	background-color: #c0c0c0;
	width:626px;
	height:889px;
	vertical-align:top;
}

.sidebar {
	background-image: url("images/sidebarbg.gif");
	background-color: #000000;
	width:224px;
	height:100%;
	vertical-align:top;
}

.homepagelinks {
	width:600px;
	height:100%;
	vertical-align:top;
}

.footer_img {
	background-image: url(images/footer.gif);
	width:853px;
	height:31px;
}

.entry {
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(images/contentbody.jpg);
	background-repeat: repeat-y;
	width:625px;
}

.date {
	float: right;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: lighter;
	font-size: 8pt;
}

.footertext {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: lighter;
	color: #c0c0c0;
	font-size: 8pt;
	margin-left: 30px;
}

.entryhead {
	background-image: url(images/contenthead.jpg);
	background-repeat: no-repeat;
	display:block;
	width:544px;
	height:6px;
}

.entrycontent {
	padding-left: 10px;
}

.entryfoot {
	background-image: url(images/contentfoot.jpg);
	background-repeat: no-repeat;
	width:544px;
	height:6px;
}

.attach {
	float: left;
	font-weight: bold;
}

.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0px;
	margin-left: 10px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	border: 1px solid black;
	margin-right: 10px;
	display: inline;
	}



/*  CSS Template for Menu Image Rollovers
#rollover {
	background: transparent url("images/nav_1_home.jpg")
	left;
	display:block;
	height:26px;
	width:224px;
}
#rollover:hover{background-position:right}
*/

#rollover_1_home {
	background: transparent url("images/nav_1_home.jpg")
	left;
	display:block;
	height:26px;
	width:224px;
}
#rollover_1_home:hover{background-position:right}

#rollover_2_products {
	background: transparent url("images/nav_2_products.jpg")
	left;
	display:block;
	height:26px;
	width:224px;
}
#rollover_2_products:hover{background-position:right}

#rollover_3_services {
	background: transparent url("images/nav_3_services.jpg")
	left;
	display:block;
	height:26px;
	width:224px;
}
#rollover_3_services:hover{background-position:right}

#rollover_4_company {
	background: transparent url("images/nav_4_company.jpg")
	left;
	display:block;
	height:26px;
	width:224px;
}
#rollover_4_company:hover{background-position:right}

#rollover_5_projects{
	background: transparent url("images/nav_5_projects.jpg")
	left;
	display:block;
	height:26px;
	width:224px;
}
#rollover_5_projects:hover{background-position:right}

#rollover_7_documentation {
	background: transparent url("images/nav_7_documentation.jpg")
	left;
	display:block;
	height:26px;
	width:224px;
}
#rollover_7_documentation:hover{background-position:right}

#rollover_6_contact {
	background: transparent url("images/nav_6_contact.jpg")
	left;
	display:block;
	height:26px;
	width:224px;
}
#rollover_6_contact:hover{background-position:right}

#rollover_logo_01_staubli {
	background: transparent url("images/nav_logo_01_staubli.jpg")
	left;
	display:block;
	height:31px;
	width:224px;
	padding-top:26px;
	padding-bottom:11px;
	background-repeat:no-repeat
}
#rollover_logo_01_staubli:hover{background-position:right}

#rollover_logo_02_adept {
	background: transparent url("images/nav_logo_02_adept.jpg")
	left;
	display:block;
	height:32px;
	width:224px;
	padding:11px 0px;
	background-repeat:no-repeat
}
#rollover_logo_02_adept:hover{background-position:right}

#rollover_logo_03_banner {
	background: transparent url("images/nav_logo_03_banner.jpg")
	left;
	display:block;
	height:26px;
	width:224px;
	padding:14px 0px;
	background-repeat:no-repeat
}
#rollover_logo_03_banner:hover{background-position:right}

#rollover_logo_04_promation {
	background: transparent url("images/nav_logo_04_promation.jpg")
	left;
	display:block;
	height:14px;
	width:224px;
	padding:20px 0px;
	background-repeat:no-repeat
}
#rollover_logo_04_promation:hover{background-position:right}

#rollover_logo_05_spectraphysics {
	background: transparent url("images/nav_logo_05_spectraphysics.jpg")
	left;
	display:block;
	height:23px;
	width:224px;
	padding:15px 0px;
	background-repeat:no-repeat
}
#rollover_logo_05_spectraphysics:hover{background-position:right}

#rollover_logo_06_toshiba {
	background: transparent url("images/nav_logo_06_toshiba.jpg")
	left;
	display:block;
	height:19px;
	width:224px;
	padding:17px 0px;
	background-repeat:no-repeat
}
#rollover_logo_06_toshiba:hover{background-position:right}

#rollover_logo_07_yaskawa {
	background: transparent url("images/nav_logo_07_yaskawa.jpg")
	left;
	display:block;
	height:25px;
	width:224px;
	padding:15px 0px;
	background-repeat:no-repeat
}
#rollover_logo_07_yaskawa:hover{background-position:right}

#rollover_logo_08_actionmaster {
	background: transparent url("images/nav_logo_08_actionmaster.jpg")
	left;
	display:block;
	height:16px;
	width:224px;
	padding:19px 0px;
	background-repeat:no-repeat
}
#rollover_logo_08_actionmaster:hover{background-position:right}


#rollover_logo_09_microchip {
	background: transparent url("images/nav_logo_09_microchip.jpg")
	left;
	display:block;
	height:26px;
	width:224px;
	padding:14px 0px;
	background-repeat:no-repeat
}
#rollover_logo_09_microchip:hover{background-position:right}


#rollover_logo_10_deltatau {
	background: transparent url("images/nav_logo_10_deltatau.jpg")
	left;
	display:block;
	height:40px;
	width:224px;
	padding:7px 0px;
	background-repeat:no-repeat
}
#rollover_logo_10_deltatau:hover{background-position:right}


#rollover_logo_11_epsonrobots {
	background: transparent url("images/nav_logo_11_epsonrobots.jpg")
	left;
	display:block;
	height:16px;
	width:224px;
	padding:19px 0px;
	background-repeat:no-repeat
}
#rollover_logo_11_epsonrobots:hover{background-position:right}


#rollover_logo_12_falcon {
	background: transparent url("images/nav_logo_12_falcon.jpg")
	left;
	display:block;
	height:13px;
	width:224px;
	padding:20px 0px;
	background-repeat:no-repeat
}
#rollover_logo_12_falcon:hover{background-position:right}

#rollover_homepage_1 {
	background: transparent url("images/1-automation.jpg")
	left;
	display:block;
	height:181px;
	width:183px;
	padding:0px;
	background-repeat:no-repeat
}
#rollover_homepage_1:hover{background-position:right}

#rollover_homepage_2 {
	background: transparent url("images/2-electricmechanichyd.jpg")
	left;
	display:block;
	height:181px;
	width:400px;
	padding:0px;
	background-repeat:no-repeat
}
#rollover_homepage_2:hover{background-position:right}

#rollover_homepage_3 {
	background: transparent url("images/3-probe.jpg")
	left;
	display:block;
	height:181px;
	width:374px;
	padding:0px;
	background-repeat:no-repeat
}
#rollover_homepage_3:hover{background-position:right}

#rollover_homepage_4 {
	background: transparent url("images/4-motion.jpg")
	left;
	display:block;
	height:181px;
	width:209px;
	padding:0px;
	background-repeat:no-repeat
}
#rollover_homepage_4:hover{background-position:right}

#rollover_homepage_5 {
	background: transparent url("images/5-frds.jpg")
	left;
	display:block;
	height:181px;
	width:247px;
	padding:0px;
	background-repeat:no-repeat
}
#rollover_homepage_5:hover{background-position:right}

#rollover_homepage_6 {
	background: transparent url("images/6-pcb.jpg")
	left;
	display:block;
	height:181px;
	width:336px;
	padding:0px;
	background-repeat:no-repeat
}
#rollover_homepage_6:hover{background-position:right}

#rollover_youtube{
	background: transparent url("images/youtube.jpg")
	left;
	display:block;
	height:31px;
	width:290px;
	padding:0px;
	background-repeat:no-repeat
}
#rollover_youtube:hover{background-position:right}

#rollover_newsletter {
	background: transparent url("images/newsletter.jpg")
	left;
	display:block;
	height:31px;
	width:290px;
	padding:0px;
	background-repeat:no-repeat
}
#rollover_newsletter:hover{background-position:right}