* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

html {
	font-size: 125%;
}

body {
	font-family: Tahoma, "Times New Roman", Times, serif;
	font-size: 50%;
	background-color: #516A8E;
	background-image: url(../images/layout/page_background.jpg);
	background-repeat: repeat-x;
}

a {
	color: #516A8E;
	font-weight: bold;
	text-decoration: none;
}

h3 {
	color: #516A8E;
	font-size: 1.6em;
	font-weight: normal;
}

div#SiteWrapper {
	background-color: #FFFFFF;
	background-image: url(../images/layout/wrapper_background.jpg);
	width: 680px;
	margin: 0 auto;
}

div#SiteLogo {
	width: 680px;
	height: 137px;
	background: transparent url(../images/layout/Simon_Baynes_mastHead.jpg) top left no-repeat;
	background-color: #000000;
	position: relative;
}

div#SiteLogo h1 {
	width: 240px;
	height: 50px;
	position: absolute;
	bottom: 10px;
	left: 15px;
}

div#SiteLogo div#SiteSearch {
	position: absolute;
	bottom: 5px;
	right: 23px;
}

div#SiteLogo div#SiteSearch label {
	font-size: 1.1em;
	color: #fff;
	font-weight: bold;
}

div#SiteLogo div#SiteSearch input#sSearch {
	height: 15px;
	font-size: 13px;
}

div#SiteLogo div#SiteSearch input#SearchButton {
	background: transparent url(../images/layout/SearchButton.png) top left no-repeat;
	border: 0;
	width: 67px;
	height: 24px;
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
	cursor: pointer;
}

/* fix button position on IE \*/
* html div#SiteLogo div#SiteSearch input#SearchButton {
	padding: 2px 0 0 0;
	height: 22px;
}

/* end hack */

/***********************************************************************/
/********************** Add ids of text image hides ********************/
/***********************************************************************/
div#SiteLogo h1 {
	text-indent: -9999px;
}

div#SiteLogo h1 a {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

/***********************************************************************/
/********************** End of text image hides ********************/
/***********************************************************************/

div#LeftMenuBackgroundFix {
	background-image: url(../images/layout/menu_background_fix_left.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

div#RightMenuBackgroundFix {
	background-image: url(../images/layout/menu_background_fix_right.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

div#MainMenu {
	background-color: #000000;
	background-image: url(../images/layout/main_menu_background.jpg);
	background-repeat: repeat-x;
	margin: 0 15px;
	height: 25px;
}

div#MainMenu ul#MenuList {
	height: 25px;
	width: 650px;
	background: transparent url(../images/layout/top_navigation.jpg) no-repeat right top;
	margin: 0;
	padding: 0;
	position: relative;
	border: 0;
}

div#MainMenu ul#MenuList li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	border: 0;
}

ul#MenuList li, ul#MenuList a {
	height: 25px;
	display: block;
}
	
div#MainMenu ul#MenuList li a {
	text-indent: -9999px;
	text-decoration: none;
}

#NavHomeLink {left: 240px; width: 47px;}
#NavNewsLink {left: 295px; width: 47px;}
#NavContactLink {left: 350px; width: 57px;}
#NavPortfolioLink {left: 415px; width: 62px;}
#NavBlogLink {left: 485px; width: 42px;}
#NavTagsLink {left: 535px; width: 110px;}

div#LeftContentBackgroundFix {
	background-image: url(../images/layout/content_background_fix_left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

div#RightContentBackgroundFix {
	background-image: url(../images/layout/content_background_fix_right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

div#SideBar {
	float: left;
	padding: 0 0 0 22px;
	width: 156px;
}

div#latestBlogs, div#blogOptions {
	background-repeat: no-repeat;
	height: 27px;
	width: 157px;
	text-indent: -9999px;
}

div#latestBlogs {
	background-image: url(../images/layout/sideHeadings/latest_blogs.jpg);
}

div#blogOptions {
	background-image: url(../images/layout/sideHeadings/blog_options.jpg);
}

div#BodyText {
	padding: 0 30px 0 185px;
	font-size: 1.1em;
	line-height: 1.2em;
}

div#BodyText p {
	margin: 1.1em 0;
}

div#BodyText h3 {
	text-align: right;
	padding: 1.1em 0 0 0;
}

div#SideBar ul {
	list-style-type: none;
	border-bottom: 1px solid #fff;
	font-size: 1.1em;
}

div#SideBar ul li {
	border-bottom: 1px solid #516A8E;
	border-top: 1px solid #fff;
	padding: 8px 5px;
}

div#SideBar ul li#liNoBorder {
	border-top: none;
}

div#SideBar ul li a {
	display: block;
	color: #000;
}

div#Grill {
	height: 64px;
	width: 157px;
	padding: 0;
}

div#Grill ul#Sponsors {
	height: 64px;
	width: 157px;
	background: transparent url(../images/layout/grill.jpg) no-repeat left top;
	margin: 0;
	padding: 0;
	position: relative;
	border: 0;
}

div#Grill ul#Sponsors li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	border: 0;
}

ul#Sponsors li, ul#Sponsors a {
	height: 62px;
	display: block;
}
	
div#Grill ul#Sponsors li a {
	text-indent: -9999px;
	text-decoration: none;
}

#CF {left: 0; width: 67px;}
#CIW {left: 68px; width: 75px;}

div#footer {
	clear: both;
	background-image: url(../images/layout/footer.jpg);
	background-repeat: no-repeat;
	width: 657px;
	height: 39px;
	color: #FFFFFF;
	padding: 24px 0 0 23px;
}

div#RSSLink {
	float: right;
	width: 36px;
	height: 14px;
	background: transparent url(../images/layout/rssorange.gif) top left no-repeat;
	background-color: #000000;
	position: relative;
}

div#RSSLink {
	margin: 0 12px 0 0;
}

html>body div#RSSLink {
	margin: 0 26px 0 0;
}

div#RSSLink a {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	width: 36px;
	height: 14px;
}

div#FlashPortfolio {
	margin: 5px 0 0 0;
}

div#listBlogs h5, div#PortList h4 {
	border-bottom: solid 1px #516A8E;
	margin: 20px 0;
	padding: 5px 5px 5px 0;
	font-size: 1.2em;
	color: #516A8E;
}

div#listBlogs h6 {
	font-size: 1.1em;
	color: #000;
}

div#listBlogs p {
	font-size: .9em;
	color: #666;
	text-align: right;
}

div#blogCalendar {
	text-align: center;
	font-size: 1.1em;
}

div#blogCalendar table {
	margin: 5px auto 10px auto;
	border: solid 1px #516A8E;
	background-color: #A5AAC9;
}

div#blogCalendar td, div#blogCalendar th {
	margin: 0;
	padding: 2px;
}

div#blogCalendar td.noPad {
	padding: 0;
}

div#blogCalendar th a {
	font-weight: bold;
	color: #fff;
}

div#blogCalendar td a {
	color: #f00;
}

div#blogCalendar td#blogToday {
	border: solid 1px #fff;
}

div#SideBar ul#BlogCatList {
	border-top: 1px solid #516A8E;
}

div#PortList div.thumbNail {
	width: 188px;
	height: 138px;
	background-image: url(../images/site_thumbs/thumb_shadow.gif);
	background-repeat: no-repeat;
	float: right;
}

.clearRight {
	clear: right;
}

.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearFix {
	display: inline-block;
}

/* backslash hack hides from IE mac \*/
* html .clearFix {
	height: 1%;
}

.clearFix {
	display: block;
}

div#SearchResults h4 {
	font-size: 1.4em;
	margin: 40px 0 0 0;
}

span.searchHighlight {
	border-bottom: 1px dotted #f00;
}

div#ClientDescription h3 a {
	font-weight: normal;
}

div#ClientDescription h5 {
	font-size: 1em;
}

div#ClientDescription ul {
	padding: 0 0 10px 15px;
}

div#ClientDescription div#ScreenShots {
	float: right;
	margin: 14px 0 5px 5px;
	text-align: center;
}

div#ClientDescription div#ScreenShots div {
	background-color: #E3E6EF;
	border: 1px solid #516A8E;
	padding: 5px;
	margin: 0 0 8px 0;
	width: 160px;
}

div#ClientDescription div#ScreenShots div p {
	margin: 2px 0 0 0;
	font-size: .8em;
	font-weight: bold;
	color: #516A8E;
}

div#MyFunctions h4, div#MyCustomTags h4 {
	font-size: 1.3em;
	margin: 0 0 8px 0;
}

div#MyCustomTags {
	float: right;
}

div#MyFunctions, div#MyCustomTags {
	width: 229px;
}


div#standardForm {
	width: 460px;
	position: relative;
}

div#standardForm textarea {
	width: 340px;
	height: 200px;
}

div#standardForm label {
	display: block;
	float: left;
	width: 100px;
	margin: 5px 0 0 0;
	font-weight: bold;
	text-align: right;
	padding: 0 10px 0 0;
}

div#standardForm input,
div#standardForm textarea,
div#standardForm select {
	margin: 5px 0 0 0;
}

div#standardForm input.textBox {
	width: 200px;
}

div#standardForm input.submit {
	width: 130px;
}

input.submit {
	float: right;
	font-weight: bold;
	cursor: pointer;
}

div#instructions {
	background-color: #D3D3E2;
	border: 1px solid #8484AE;
	padding: 4px;
	margin: 8px 0 10px 0;
}

div#instructionsButtonHolder {
	float: right;
}

div#instructions p {
	margin-top: 0;
	color: #C00;
}

div#instructions ul {
	list-style: none;
}

div.code {
	font-family: "Courier New";
	background-color: #EEE;
	font-size: 1.1em;
	padding: 3px;
	border: 1px solid #8484AE;
}