﻿/*CSS Designed By Mark Bradford, English Layout*/

html 
{
	overflow-y:scroll;
}

body
{
	margin: 1em 0em 0em 0em;
	padding: 0em;
	color: #c4c4c4;
	background: #444444 url(../Images/Background.png) repeat-x;
	font-size: 62.5%;
}

/*Container Settings*/
#container
{
	width: 752px;
	height: 100%;
	text-align: left;
	line-height: 1.5;
	margin-left: auto;
	margin-right: auto;
	color: #c4c4c4;
	background: transparent;
}

/*Header Settings*/
#header
{
	height: 6.4em;
	width: 100%;
	color: #c4c4c4;
	background: #000000 url(../Images/Logo.png) no-repeat top left;
}

/*Header Text Settings*/
#headertext
{
	width: 45%;
	height: 4.1em;
	float: right;
	background-color: transparent;
	text-align: right;
}

/*Menu Navigation Settings*/
#navmenu
{
	background: #000000 url(../Images/Navigation.jpg) repeat-x;
	width: 100%;	
	height: 2.8em;
	padding: 0.4em 0em 0.4em 0em;
	border-bottom: solid 1px #bebebe;
}

/*Top Column Settings (Image Content)*/
#topcolumn
{
	clear: both;
	padding-top: 0.6em;
	height:239px;
	max-height: 239px;
	width: 100%;
	text-align: center;
	background-color: transparent;
}

/*Content Settings (Holds Left and Right Column Content)*/
#content
{
	color: #c4c4c4;
	background-color: #000000;
	border-top: solid 1px #bebebe;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
}

/*Browser Fix For Background Height Issue On Each Page*/

/*Default.aspx Page Content Div Height*/
#content.default
{
	height: 52em;
}
/*resources.aspx Page Content Div Height*/
#content.resources
{
	height: 58em;
}
/*Div Setting For Pages Using GridView Control (Robots, Equipment)*/
#content.gridview
{
	padding-top: 1.3em;
	padding-left: 1.3em;
	padding-right: 1.3em;
}
/*Information.aspx Page Content Div Height*/
#content.information
{
	height: 97.5em;
}
/*Services.aspx Page Content Div Height*/
#content.services
{
	height: 25.4em;
}
/*Contact.aspx Page Content Div Height*/
#content.contact
{
	height: 27em;
}

/*Left Column Settings (Main Content)*/
#leftcolumn
{
	float: left;
	width: 50%;
	margin-top: 1.3em;
	color: #c4c4c4;
	background-color: #000000;
	border-right: solid 1px #bebebe;
}

/*Right Column Settings (Main Content)*/
#rightcolumn
{
	float: right;
	width: 49%;
	margin-top: 1.3em;
	color: #c4c4c4;
	background-color: #000000;
}

/*Left Column Settings (Main Content)*/
#maincontent
{
	float: left;
	width: 100%;
	margin-top: 1.3em;
	color: #c4c4c4;
	background-color: #000000;
}


/*Left Column Settings (No Top Margin)*/
#leftcolumn_no_top_margin
{
	float: left;
	width: 50%;
	color: #c4c4c4;
	background-color: #000000;
	border-right: solid 1px #bebebe;
}

/*Right Column Settings (No Top Margin)*/
#rightcolumn_no_top_margin
{
	float: right;
	width: 49%;
	color: #c4c4c4;
	background-color: #000000;
}

/*Content Footer Settings (Curved Edge)*/
#contentfooter
{
	clear: both;
	height: 1.5em;
	width: 100%;
	background: transparent url(../Images/Content.png) no-repeat bottom center;
	/*border: solid 1px #ffffff;*/
}

/*Footer Settings*/
#footer
{
	clear: both;
	width: 100%;
	background-color: transparent;
}

p
{
	font: 1.3em Verdana, Arial, sans-serif;
	font-weight: normal;
	color: #c4c4c4;
	background-color: transparent;
	margin: 1em;
}

/*P Settings For Footer*/
p.footer
{
	font: 1.1em Verdana, Arial, sans-serif;
	margin: 0.5em;
	text-align: center;
}

/*P Settings (Bottom Margin)*/
p.bottom_margin
{
	margin-top: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	margin-right: 0em;
}

/*P Settings (Top Margin)*/
p.top_margin
{
	margin-top: 1em;
	margin-bottom: 0em;
	margin-left: 0em;
	margin-right: 0em;
}

/*P Settings (No Top Margin)*/
p.no_top_margin
{
	margin-top: 0em;
	margin-bottom: 1em;
	margin-left: 1em;
	margin-right: 1em;
}

/*P Settings (No Bottom Margin)*/
p.no_bottom_margin
{
	margin-top: 1em;
	margin-bottom: 0em;
	margin-left: 1em;
	margin-right: 1em;
}

/*P Settings (No Top And Bottom Margin)*/
p.no_top_bottom_margin
{
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 1em;
	margin-right: 1em;
}

/*P Settings (Language DDList and Button)*/
p.language_margin
{
	margin-top: 0.3em;
	margin-bottom: 0em;
	margin-left: 1em;
	margin-right: 1em;
}

/*P Settings (Top Column Image)*/
p.image
{
	margin: 0em auto;
}

/*P Settings (Bullet Points)*/
p.bullet
{
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 2em;
	margin-right: 1em;
}

/*P Settings (Dotted Line Below Text)*/
p.dotted_line_bottom
{
	border-bottom: dotted 1px #7f7f7f;
	padding-bottom: 1em;
}

h1
{
	font: 1.4em Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #ffffff;
	background-color: transparent;
	margin: 1.1em;
}

/*H1 Settings (No Top Margin)*/
h1.no_top_margin
{
	margin-top: 0em;
	margin-bottom: 1.1em;
	margin-left: 1.1em;
	margin-right: 1.1em;
}

/*H1 Settings (Bottom Margin)*/
h1.bottom_margin
{
	margin-top: 0em;
	margin-bottom: 1.1em;
	margin-left: 0em;
	margin-right: 0em;
}

h2
{
	font: 1.3em Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #ffffff;
	background-color: transparent;
	margin: 1em;
}

/*H1 Settings (No Top Margin)*/
h2.no_top_margin
{
	margin-top: 0em;
	margin-bottom: 1em;
	margin-left: 1em;
	margin-right: 1em;
}

/*H2 Settings (Bottom Margin)*/
h2.bottom_margin
{
	margin-top: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	margin-right: 0em;
}

/*Hyperlink One Settings (White)*/
a.one:link
{
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
}

a.one:visited
{
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
}
a.one:hover
{
	font-family: Verdana, Arial, sans-serif;
	text-decoration: underline;
	font-weight: normal;
}
a.one:active
{
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
	font-weight: normal;
}

/*Hyperlink Two Settings (Red)*/
a.two:link
{
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #e60000;
	font-weight: normal;
}

a.two:visited
{
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #e60000;
	font-weight: normal;
}
a.two:hover
{
	font-family: Verdana, Arial, sans-serif;
	text-decoration: underline;
	font-weight: normal;
}
a.two:active
{
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
	font-weight: normal;
}

/*GridView Settings*/
.grid
{
	border-top: solid 1px #bebebe;
	border-left: solid 1px #bebebe;
	border-right: solid 1px #7f7f7f;
	border-bottom: solid 1px #7f7f7f;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #c4c4c4;
	background: #000000;
}

.header
{
	vertical-align: middle;
	text-align: center;
	height: 2em;
	color: #ffffff;
	background: #000000 url(../Images/Navigation.jpg) repeat-x;
}

.row
{
	vertical-align: middle;
	text-align: center;
	color: #c4c4c4;
	background-color: #525151;
}

.alternating
{
	vertical-align: middle;
	text-align: center;
	color: #c4c4c4;
	background-color: #2a2a2a;
}

.pager
{
	background: #525151 url(../Images/GridPager.jpg) repeat-x;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
}

/*Image Settings Left Aligned*/
.float_left_image
{
	float: left;
	margin-left: 0em;
	margin-top: 0em;
	margin-bottom: 0em;
	margin-right: 1em;
	padding: 0.6em;
	background-color: transparent;
	border-top: solid 1px #bebebe;
	border-left: solid 1px #bebebe;
	border-right: solid 1px #7f7f7f;
	border-bottom: solid 1px #7f7f7f;
}

/*Image Settings Right Aligned*/
.float_right_image
{
	float: right;
	margin-left: 1em;
	margin-top: 0em;
	margin-bottom: 0em;
	margin-right: 0em;
	padding: 0.6em;
	background-color: transparent;
	border-top: solid 1px #bebebe;
	border-left: solid 1px #bebebe;
	border-right: solid 1px #7f7f7f;
	border-bottom: solid 1px #7f7f7f;
}

/*Image Settings Centre Aligned*/
.centre_image
{
	text-align: center;
	margin: 0em;
	padding: 0em;
}

/*Span Settings (Red Text)*/
.span_text_colour
{
	color: #e60000;
}