body {
	padding: 0;
	margin: 0;
	font-size: 62.5%;
	text-align: center;
	background: #F3F3F3 url(../images/bg.gif) repeat-x;
}
.ClearBoth {
	clear: both;
	height: 0px;
	overflow: hidden;
	margin: 0;
}
.DisplayNone {
	display: none;
}
.DisplayBlock {
	display: block;
}
a {
	outline: none;
}
img {
	border: 0;
}
/*****************************************************************/
#GoCreate {
	position: relative;
	width: 970px;
	margin: 0 auto;
	text-align: left;
}
#Logo {
	position: absolute;
	top: 18px;
	left: 50px;
	width: 110px;
	height: 110px;
	overflow: hidden;
	margin: 0;
	background: transparent url(../images/logo.png) left top no-repeat;
	z-index: 2;
	background-image: url(../images/logo.gif);
}
*html #Logo {
	background: none; /* IE Only Hack */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png', sizingMethod='scale');
}
#Logo img {
	display: none;
}
/*****************************************************************/
#TopNavigation {
	float: left;
	clear: both;
	width: 970px;
	padding: 40px 0 10px 0;
	background: transparent url(../images/top_nav.gif) center bottom no-repeat;
}
#TopNavigation ul {
	float: left;
	clear: both;
	width: 600px;
	\width: 970px; /* Box Model Hack */
	w\idth: 600px;
	height: 40px;
	padding: 0 35px 0 335px;
	margin: 0 0 -10px 0;
	overflow: hidden;
	list-style-type: none;
}
#TopNavigation ul li {
	float: left;
	margin: 3px 5px 10px 0;
	background: transparent url(../images/tab_off.gif) right top no-repeat;
}
#TopNavigation ul li a {
	display: block;
	float: left;
	padding: 8px 24px 4px 31px;
	font: bold 1.2em/1.25em "Gill Sans", Arial, Helvetica, sans-serif;
	color: #777;
	text-decoration: none;
	white-space: nowrap;
	background: transparent url(../images/arrow_off.gif) left top no-repeat;
}
#TopNavigation ul li a:hover, 
#TopNavigation ul li a:active, 
#TopNavigation ul li a:focus {
	text-decoration: underline;
}
#TopNavigation ul li.ActiveLink {
	margin: 0 5px 0 0;
	background: transparent url(../images/tab_on.gif) right top no-repeat;
}
#TopNavigation ul li.ActiveLink a {
	padding: 11px 24px 14px 31px;
	color: #FFF;
	background: transparent url(../images/arrow_on.gif) left top no-repeat;
}
/*****************************************************************/
#MainTop {
	float: left;
	clear: both;
	width: 950px;
	padding: 15px 0 0 0;
	margin: 0 10px;
	background: #FFF url(../images/main_top.gif) left top no-repeat;
}
*html #MainTop {
	position: relative; /* IE Only Hack */
	left: -10px;
}
#MainBottom {
	position: relative;
	float: left;
	clear: both;
	width: 950px;
	\width: 970px; /* Box Model Hack */
	w\idth: 950px;
	min-height: 290px;
	padding: 0 10px 38px 10px;
	margin: 0 -10px;
	background: transparent url(../images/main_bottom.gif) left bottom no-repeat;
}
*html #MainBottom {
	left: 10px; /* IE Only Hack */
	height: 290px;
}
/*****************************************************************/
#HomeImage {
	position: relative;
	height: 315px;
	margin: -15px 0 0 0;
}
#HomeIntro {
	float: left;
	clear: left;
	width: 265px;
	\width: 325px; /* Box Model Hack */
	w\idth: 265px;
	padding: 4px 25px 0 35px;
}
#HomeIntro h1 {
	font: 1.3em/1.15em "Gill Sans", Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0 0 8px 0;
}
#HomeIntro h1 span {
	font-weight: bold;
	color: #F60;
}
#HomeIntro h1 strong {
	color: #000;
}
#HomeIntro p {
	font: 1.1em/1.18em "Gill Sans", Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0 0 13px 0;
}
#HomeIntro p a {
	color: #333;
}
#HomeIntro p.LearnMore {
	float: left;
	clear: left;
	margin: 0;
	background: transparent url(../images/button_right.gif) right top no-repeat;
}
#HomeIntro p.LearnMore a {
	display: block;
	padding: 6px 12px 6px 10px; 
	text-decoration: none;
	text-transform: capitalize;
	background: transparent url(../images/button_left.gif) left top no-repeat;
}
#HomeIntro p.LearnMore a:hover, 
#HomeIntro p.LearnMore a:active, 
#HomeIntro p.LearnMore a:focus {
	text-decoration: underline;
}
#HomeCreate {
	float: left;
	width: 230px;
	\width: 265px; /* Box Model Hack */
	w\idth: 230px;
	padding: 3px 35px 0 0;
	margin: 0;
	font: italic 13px/18px Georgia, "Times New Roman", Times, serif;
	color: #999;
}
#HomeCreate strong {
	color: #F60;
}
#HomeBlog {
	float: left;
	width: 325px;
	margin: -2px 0 0 0;
}
#HomeBlog h2 {
	float: left;
	padding: 6px 0 6px 35px;
	font: 1.3em/1.15em "Gill Sans", Arial, Helvetica, sans-serif;
	color: #333;
	text-transform: capitalize;
	margin: 0 0 8px 0;
	background: transparent url(../images/blog.gif) left top no-repeat;
}
#HomeBlog p {
	float: right;
	font: 1.1em/1.18em "Gill Sans", Arial, Helvetica, sans-serif;
	margin: 0;
	background: transparent url(../images/button_right.gif) right top no-repeat;
}
#HomeBlog p a {
	display: block;
	padding: 6px 12px 6px 10px; 
	color: #333;
	text-decoration: none;
	text-transform: capitalize;
	background: transparent url(../images/button_left.gif) left top no-repeat;
}
#HomeBlog p a:hover, 
#HomeBlog p a:active, 
#HomeBlog p a:focus {
	text-decoration: underline;
}
#HomeBlog table {
	clear: both;
	width: 325px;
	border-collapse: collapse;
	border: 0;
}
#HomeBlog table th {
	height: 2px;
	padding: 0;
	line-height: 1px;
	color: #FFF;
	border-bottom: 1px #666 dotted;
	background: #FFF;
}
#HomeBlog table td {
	padding: 6px 0 7px 0;
	border-bottom: 1px #D5D5D5 dotted;
	font: 11px/13px "Gill Sans", Arial, Helvetica, sans-serif;
	color: #333;
	vertical-align: top;
}
#HomeBlog table td.Date {
	padding: 8px 10px 9px 0;
	font: 9px/13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	white-space: nowrap;
}
#HomeBlog table td a {
	display: block;
	padding: 2px 30px 2px 0;
	color: #333;
	text-decoration: none;
	background: transparent url(../images/blog_arrow.gif) right top no-repeat;
}
#HomeBlog table td a:hover, 
#HomeBlog table td a:active, 
#HomeBlog table td a:focus {
	text-decoration: underline;
}
/*****************************************************************/
#MainContent {
	float: right;
	width: 555px;
	\width: 660px; /* Box Model Hack */
	w\idth: 555px;
	padding: 15px 70px 0 35px;
}
#MainContent h1 {
	padding: 6px 70px 6px 35px;
	margin: 0 -70px 24px -35px;
	font: 2em/1.4em "Gill Sans", Arial, Helvetica, sans-serif;
	color: #666;
	background: transparent url(../images/dotted.gif) left bottom repeat-x;
}
#MainContent h1 strong {
	color: #F60;
}
#MainContent p {
	font: 1.1em/1.36em "Gill Sans", Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0 0 10px 0;
}
#MainContent ul {
	font: 1.1em/1.36em "Gill Sans", Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0;
	margin: 0 0 10px 20px;
}
#MainContent p a, 
#MainContent ul li a {
	color: #333;
}
#MainContent p a:hover, 
#MainContent p a:active, 
#MainContent p a:focus, 
#MainContent ul li a:hover, 
#MainContent ul li a:active, 
#MainContent ul li a:focus {
	color: #F60;
}
#MainContent p.Definition {
	clear: both;
	padding: 10px 0;
	font: italic 1.3em/1.38em Georgia, "Times New Roman", Times, serif;
	color: #999;
}
#MainContent p.Definition strong {
	color: #F60;
}
#MainContent p.Button {
	float: left;
	clear: left;
	margin: 0;
	background: transparent url(../images/button_right.gif) right top no-repeat;
}
#MainContent p.Button a {
	display: block;
	padding: 4px 12px 8px 10px;
	color: #333;
	text-decoration: none;
	background: transparent url(../images/button_left.gif) left top no-repeat;
}
#MainContent p.Button a:hover, 
#MainContent p.Button a:active, 
#MainContent p.Button a:focus {
	text-decoration: underline;
}
/*****************************************************************/
#LeftContent {
	float: left;
	clear: left;
	width: 340px;
	margin: 0;
}
/*****************************************************************/
#ServicesList {
	float: left;
	clear: both;
	width: 555px;
}
#ServicesList ul {
	float: left;
	padding: 0;
	margin: 0 0 10px 0;
	list-style-type: none;
}
#ServicesList ul.Column1 {
	width: 235px;
}
#ServicesList ul.Column2 {
	width: 185px;
}
#ServicesList ul.Column3 {
	width: 135px;
}
#ServicesList ul li {
	margin: 0 20px 18px 0;
}
#ServicesList ul li a {
	font: 1.36em/1.2em "Gill Sans", Arial, Helvetica, sans-serif;
	text-decoration: none;
}
/*****************************************************************/
#Examples {
	position: relative;
	float: right;
	width: 185px;
}
#Examples object {
	position: absolute;
	top: -55px;
	left: 0;
	z-index: 2;
}
/*****************************************************************/
#PhotoGallery {
	display: none;
	position: absolute;
	top: 0;
	left: 468px;
	width: 480px;
	height: 289px;
	overflow: hidden;
	z-index: 4;
}
#GalleryBackground {
	display: none;
	position: absolute;
	top: 0;
	left: 468px;
	width: 480px;
	height: 300px;
	background: transparent url(../images/photo_gallery/bg.png) left top no-repeat;
	z-index: 3;
}
*html #GalleryBackground {
	background: none; /* IE Only Hack */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/photo_gallery/bg.png', sizingMethod='crop');
}
#PhotoGallery p#GalleryPhoto {
	float: left;
	width: 464px;
	\width: 480px; /* Box Model Hack */
	w\idth: 464px;
	padding: 14px 0 0 16px;
	margin: 0;
}
#PhotoGallery p#GalleryPhoto img {
	float: left;
}
#PhotoGallery p#GalleryControl {
	float: left;
	clear: both;
	width: 424px;
	\width: 480px; /* Box Model Hack */
	w\idth: 424px;
	padding: 10px 28px;
	margin: 0;
}
#PhotoGallery p#GalleryControl span#GalleryTitle {
	float: left;
	width: 170px;
}
#PhotoGallery p#GalleryControl span.Links {
	float: right;
	width: 250px;
	text-align: right;
	color: #CCC;
}
#PhotoGallery p#GalleryControl span.Links a {
	text-decoration: none;
	margin: 0 8px;
}
#PhotoGallery p#GalleryControl span.Links a.Previous {
	padding: 0 0 0 12px;
	background: transparent url(../images/photo_gallery/previous.gif) left top no-repeat;
}
#PhotoGallery p#GalleryControl span.Links a.Next {
	padding: 0 14px 0 0;
	background: transparent url(../images/photo_gallery/next.gif) right top no-repeat;
}
/*****************************************************************/
#ContactColumn1 {
	float: left;
	clear: left;
	width: 180px;
	margin: 0 25px 0 0;
}
#ContactColumn2 {
	float: left;
}
#ContactColumn2 p.MSN {
	padding: 30px 0 0 0;
	background: transparent url(../images/msn.gif) left top no-repeat;
}
#ContactColumn2 p.Skype {
	padding: 30px 0 0 0;
	background: transparent url(../images/skype.gif) left top no-repeat;
}
#ContactForm {
	float: left;
	clear: both;
	width: 555px;
	padding: 20px 70px 20px 35px;
	margin: 20px -70px 0 -35px;
	background: transparent url(../images/dotted.gif) left top repeat-x;
}
*html #ContactForm {
	position: relative; /* IE Only Hack */
	left: 35px;
}
#ContactForm h2 {
	font: 1.8em/1.22em "Gill Sans", Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0 0 12px 0;
}
#ContactForm h2 strong {
	color: #F60;
}
#ContactForm p {
	padding: 0 0 5px 0;
	margin: 0;
}
#ContactForm p label {
	display: block;
	float: left;
	clear: both;
	margin: 0 0 2px 0;
}
#ContactForm p label span {
	color: #F60;
}
#ContactLeft {
	float: left;
	width: 190px;
	margin: 0 15px 0 0;
	padding: 0 0 10px 0;
}
#ContactLeft p {
	float: left;
	clear: both;
	width: 185px;
}
#ContactLeft p input {
	float: left;
	clear: both;
	width: 175px;
	\width: 185px; /* Box MOdel Hack */
	w\idth: 175px;
	font: 1.18em/1.15em "Gill Sans", Arial, Helvetica, sans-serif;
	border: 1px #E5E5E5 solid;
	border-top-color: #CECECE;
	border-left-color: #CECECE;
	padding: 2px 4px;
	margin: 0;
	background: #FFF;
}
#ContactRight {
	float: left;
	width: 325px;
	padding: 0 0 10px 0;
}
#ContactRight p {
	float: left;
	clear: both;
	width: 320px;
}
#ContactRight p input, 
#ContactRight p textarea {
	float: left;
	clear: both;
	width: 310px;
	\width: 320px; /* Box MOdel Hack */
	w\idth: 310px;
	font: 1.18em/1.15em "Gill Sans", Arial, Helvetica, sans-serif;
	border: 1px #E5E5E5 solid;
	border-top-color: #CECECE;
	border-left-color: #CECECE;
	padding: 2px 4px;
	margin: 0;
	background: #FFF;
}
#ContactRight p textarea {
	height: 100px;
	overflow: auto;
}
#ContactRight p textarea {
	#height: 101px; /* IE Only Hack */
}
#ContactForm p button {
	width: 185px;
	height: 25px;
	border: 0;
	padding: 5px 0;
	margin: 0;
	font: 1em/1.36em "Gill Sans", Arial, Helvetica, sans-serif;
	background: transparent url(../images/send.gif) left top no-repeat;
	cursor: pointer;
	cursor: hand;
}
#ContactForm p.Information {
	margin: 10px 0 0 0;
}
/*****************************************************************/
#MainPic {
	position: relative;
	float: left;
	margin: -15px 0 0 0;
}
/*****************************************************************/
#OurServices {
	float: left;
	clear: both;
	width: 970px;
	height: 100px;
	background:  transparent url(../images/our_services.gif) left top no-repeat;
}
#OurServices p {
	width: 590px;
	height: 58px;
	overflow: hidden;
	font: 1.5em/1.2em "Gill Sans", Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 29px 0 0 335px;
}
#OurServices p a {
	text-decoration: none;
	z-index: 2;
}
#OurServices p a.BlackLink {
	color: #333;
}
#OurServices p a.GreyLink {
	color: #999;
}
#OurServices p a:hover, 
#OurServices p a:active, 
#OurServices p a:focus {
	text-decoration: underline;
}
#OurServices p span {
	margin: 0 -4px;
}
/*****************************************************************/
#Footer {
	float: left;
	clear: both;
	width: 885px;
	\width: 970px; /* Box Model Hack */
	w\idth: 885px;
	padding: 5px 50px 30px 35px;
}
#Footer p {
	font: 1.1em/2em "Gill Sans", Arial, Helvetica, sans-serif;
	margin: 0;
}
#Footer p.Links {
	float: left;
	width: 540px;
	color: #CCC;
}
#Footer p.Links a {
	margin: 0 10px;
	color: #666;
	text-decoration: none;
	text-transform: capitalize;
}
#Footer p.Links a:hover, 
#Footer p.Links a:active, 
#Footer p.Links a:focus {
	color: #000;
	border-bottom: 1px #000 solid;
}
#Footer p.Copyright {
	float: right;
	width: 315px;
	color: #888;
	text-align: right;
}
#Footer p.Copyright a {
	color: #666;
	text-decoration: none;
	border-bottom: 1px #CCC solid;
}
#Footer p.Copyright a:hover, 
#Footer p.Copyright a:active, 
#Footer p.Copyright a:focus {
	color: #000;
	border-color: #000;
}