body
  {
  background-color: #21928d;
  text-align: center;
  color: #808080;
  font: 100%/1.1em Arial, sans-serif;
  margin: 0px;
  padding: 0px;
  }

h1 { font-weight: normal; margin: 3px 0px 0.4em 0px; font-size: 29px; color: #e60a7a; }
h2 { font-weight: bold; color: #00a29f; margin-top: 5px; font-size: 12px; margin-bottom: -10px;}
h3 { font-weight: bold; margin: 10px 0px -10px 0px; font-size: 12px;}
h4 { color: #87c13f; margin: 0px; }
h5 { font-weight: bold; color: #e60a7a; margin-top: 5px; font-size: 12px; margin-bottom: -10px;}

a { color: #e60a7a; text-decoration: none; }
a:hover { text-decoration: underline; }

img { border: 0px; }
form { padding: 0px; margin: 0px; }

hr { border: 0px; margin: 1em 0px; border-top: 1px solid #ccc; }

p.larger { font-size: 1.1em; }

.clear {
	clear: both;
}

#wrapper
  {
  width: 931px;
  margin: 0 auto;
  background-color: #fff;
}

#header {
	width: 901px;
	height: 112px;
	background: #fff url(/images/header-bg.gif) no-repeat top left;
	margin: 0 auto;
	text-align: left;
}




#menu {
	width: 901px;
	height: 31px;
	margin: 0 auto;
	background-color: #000;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding:0;
	font-size: 0.8em;
}

#menu li {
	display: inline;
	width: 156px;
	line-height: 29px;
	padding: 0 45px 0 45px;
	background: url(/images/menu_separator.png) no-repeat top left;
}

#menu li.first {
	background: none;
}

#menu li.end_nav {
	background: none;
}

#menu li a {
	width: 156px;
	color: #fff;
}

#menu li a:hover {
	color: #00a29f;
	text-decoration: none;
}

#menu li a:active {
	color: #e60a7a;
	text-decoration: none;
}

#content {
	width: 931px;
	margin: 0 auto;
	min-height: 250px;
	background-color: #fff;
}

#footer
  {
  background: #e6e6e6;
  padding: 15px;
  clear: both;
  width: 870px;
  margin: 0px auto 0px auto;
  text-align: left;
  font-size: 0.7em;
  line-height: 1.3em;
  overflow: hidden;
  position: relative;
}

/* Generic styles for list item links */

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer ul li a {
	color: #f68721;
}

/* Additional divs */

#footer-home {
	float: left;
	margin-right: 40px;
}

#footer-websites {
	float: left;
	margin-right: 40px;
}

#footer-support {
	float: left;
	margin-right: 40px;
}

#footer-portfolio {
	float: left;
	margin-right: 40px;
}

#footer-about {
	float: left;
	margin-right: 40px;
}

#footer-generic  {
	float: left;
	margin-right: 40px;
}

#footer-address {
	float: right;
	width: 230px;
}

#footer-address p {
	margin: 0;
	padding: 0;
}

#footer-copyright {
	position: absolute;
	bottom: 5px;
	right: 20px;
}

  
/* Overlay styling for admin area */
.editable { position: relative; min-height: 50px; }
.editable-overlay
  {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: url(/images/admin/black50.png);
  }
.editable-overlay-inner
  {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  cursor: pointer;
  background: url(/images/admin/ctoe.png) no-repeat center center;
  }

 
/* Home Page Template Styles */

#tpl-home-row1 {
	margin-top: 0px;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 0.7em;
}

#tpl-home-row1-col1 {
	width: 158px;
	float: left;
	margin-left: 15px;
	text-align: left;
}

#tpl-home-row1-col1 p {
	line-height: 15px;
}

#tpl-home-row1-col2 {
	width: 543px;
	float: left;
	margin-left: 17px;
}

#tpl-home-row1-col3 {
	width: 158px;
	float: right;
	margin-right: 23px;
	text-align: left;
}

#tpl-home-row2 {
	clear: both;
	margin-top: 12px;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 0.7em;
}

#tpl-home-row2-col1 {
	width: 158px;
	height: 127px;
	overflow: hidden;
	float: left;
	margin-left: 15px;
	background: #90c554 url(/images/home-domain-bg.png) no-repeat top left;
	text-align: left;
	color: #fff;
}

#tpl-home-row2-col1 p {
	margin: 0;
}

#tpl-home-row2-col2 {
position:relative;
	width: 346px;
	height: 156px;
	overflow: hidden;
	float: left;
	margin-left: 16px;
	margin-bottom: 19px;
	margin-top: -7px;
	background: #FFFFFF url(/images/choose_office_bg.gif) top left repeat-x;
	text-align:left;
}

#tpl-home-row2-col2 ul {clear:both; margin:-1px 0 0 12px; float:left; padding:0; width:200px;}
#tpl-home-row2-col2 ul li {float:left; display:inline; margin-right:2px; width:88px; color:#FFFFFF; font-weight:bold; font-size:1.2em; font-weight:bold;}
#tpl-home-row2-col2 ul li a {color:#FFFFFF;}

#tpl-home-row2-col2 .title {float:left; margin:16px 0 0 12px;}


#tpl-home-row2-col2 .mapright {float:right; position:absolute; top:-4px; right:0; width:134px; height:156px; z-index:1;} 




#tpl-home-row2-col3 {
	width: 190px;
	height: 127px;
	overflow: hidden;
	float: left;
	margin-left: 15px;
	margin-bottom: 19px;
	background-color: #ffcb09;
}

#tpl-home-row2-col3 p {
	margin: 0;
}

#tpl-home-row2-col4 {
	width: 159px;
	height: 127px;
	overflow: hidden;
	float: right;
	margin-right: 16px;
	margin-bottom: 19px;
	background-color: #90C554;
	text-align: left;
padding:0;
}


#tpl-home-row2-col4 .title {float:left; margin:10px 0 0 10px; width:109px; height:53px; padding:0;}

#tpl-home-row2-col4 form {clear:both; margin:0 0 0 10px; padding:0;}

#tpl-home-row2-col4 form input.name    	{float:left !important; width:130px; margin:3px 0 5px 0; padding:0;}
#tpl-home-row2-col4 form select.extension {clear:none; float:left; width:70px; height:21px;}
#tpl-home-row2-col4 form input#check    	{float:left; clear:none; margin:0; padding:0;}


#tpl-home-row2-col1 form {
	padding: 0;
	margin-top: 35px;
	margin-left: 2px;
}

#tpl-home-row2-col1 fieldset {
	border: 0;
}

#tpl-home-row2-col1 input.search {
	width: 100px;
	margin-bottom: -5px;
}

#tpl-home-row2-col1 select.extension {
	font-size: 1.0em;
	width: 60px;
}

#tpl-home-row2-col1 input.check {
	background: none;
	border: 0;
	color: #000;
	width: 50px;
	cursor: pointer;
	font-size: 1.0em;
	font-weight: bold;
}

/* #tpl-home-row2-col4 form {
	padding: 0;
	margin-top: 5px;
	margin-left: 2px;
}

#tpl-home-row2-col4 fieldset {
	border: 0;
}

#tpl-home-row2-col4 legend {
	font-size: 1.2em;
	color: #fff;
	font-weight: bold;
	margin-bottom: -12px;
}

#tpl-home-row2-col4 label {
	width: 100%;
	float: left;
	color: #fff;
}

#tpl-home-row2-col4 input.login-box {
	width: 100px;
	height: 12px;
}

#tpl-home-row2-col4 input.login-button {
	background: none;
	border: 0;
	color: #ffcb09;
	width: 50px;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: bold;
}

*/


/* Category template styles */

#tpl-category-case-study {
	width: 138px;
	float: left;
	margin-left: 15px;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 0.7em;
	text-align: left;
	margin-top: 0px;
}

#tpl-category-case-study p {
	line-height: 15px;
}

#tpl-category-content {
	width: 748px;
	float: left;
	margin-left: 15px;
	font-size: 0.7em;
	margin-top: 17px;
}

#tpl-category-content-text {
	text-align: left;
	margin-bottom: 15px;
}

.tpl-category-item {
	width: 357px;
	min-height: 145px;
	float: left;
	margin-right: 15px;
	margin-bottom: 9px;
	padding: 0;
	text-align: left;
}

.tpl-category-item h3 {
	margin-top: 0;
}
.tpl-category-item p {
	margin-top: 15px;
}

.tpl-category-item-image {
	width: 104px;
	height: 104px;
	overflow: hidden;
	float: left;
	margin-right: 15px;
	margin-top: 0;
}

.category-orange img {
	border: 2px solid #f68721;
}

.category-orange h3, .category-orange h3 a {
	color: #f68721;
}

.category-teal img {
	border: 2px solid #00a29f;
}

.category-teal h3, .category-teal h3 a  {
	color: #00a29f;
}

.category-yellow img {
	border: 2px solid #ffcb09;
}

.category-yellow h3, .category-yellow h3 a  {
	color: #ffcb09;
}

.category-green img {
	border: 2px solid #90c554;
}

.category-green h3, .category-green h3 a  {
	color: #90c554;
}

.category-fuschia img { 
	border: 2px solid #e60a7a;
}

.category-fuschia h3, .category-fuschia h3 a  {
	color: #e60a7a;
}

#tpl-category-row {
	clear: both;
	margin-top: 12px;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 0.7em;
}

#tpl-category-col1 {
	width: 138px;
	height: 127px;
	overflow: hidden;
	float: left;
	margin-left: 15px;
	background: #90c554 url(/images/home-domain-bg.png) no-repeat top left;
	text-align: left;
	color: #fff;
}

#tpl-category-col1 p {
	margin: 0;
}

#tpl-category-col2 {
	width: 357px;
	height: 127px;
	overflow: hidden;
	float: left;
	margin-left: 15px;
	margin-bottom: 19px;
	background-color: #f68721;
}

#tpl-category-col2 p {
	margin: 0;
}

#tpl-category-col3 {
	width: 171px;
	height: 127px;
	overflow: hidden;
	float: left;
	margin-left: 15px;
	margin-bottom: 19px;
	background-color: #ffcb09;
}

#tpl-category-col3 p {
	margin: 0;
}

#tpl-category-col4 {
	width: 190px;
	height: 127px;
	overflow: hidden;
	float: left;
	margin-left: 15px;
	margin-bottom: 19px;
	background-color: #e60a7a;
	text-align: left;
}

#tpl-category-col4 p {
	margin: 0;
}

#tpl-category-col1 form {
	padding: 0;
	margin-top: 35px;
	margin-left: 2px;
}

#tpl-category-col1 fieldset {
	border: 0;
}

#tpl-category-col1 input.search {
	width: 100px;
	margin-bottom: -5px;
}

#tpl-category-col1 select.extension {
	font-size: 1.0em;
	width: 60px;
}

#tpl-category-col1 input.check {
	background: none;
	border: 0;
	color: #000;
	width: 50px;
	cursor: pointer;
	font-size: 1.0em;
	font-weight: bold;
}

/* Inner page template */

#tpl-inner-case-studies {
	float: right;
	margin-right: 15px;
	width: 160px;
	margin-top: 15px;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 0.7em;
	text-align: left;
}

#tpl-category-case-study p {
	line-height: 15px;
}

#tpl-inner-content {
	float: left;
	width: 723px;
	margin-left: 15px;
	margin-top: 15px;
}

#tpl-header-image p {
	margin: 0;
}

#tpl-inner-main {
	margin-top: 15px;
}

#tpl-inner-row {
	clear: both;
	margin-top: 12px;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 0.7em;
}

#tpl-inner-main-col1 { 
	width: 359px;
	float: left;
	text-align: left;
}

#tpl-inner-main-col1 p {
	font-size: 0.7em;
}

#tpl-inner-main-col1 h2 {
	color: #e60a7a;
}

#tpl-inner-main-col1 h3 {
	color: #90c554;
}

#tpl-inner-main-col1 ul {
	font-size: 0.7em;
	font-weight: bold;
}

#tpl-inner-main-col2 {
	width: 345px;
	float: left;
	margin-left: 15px;
	text-align: left;
	padding-top: 18px;
}

#tpl-inner-main-col2 p {
	font-size: 0.7em;
}

#tpl-inner-main-col2 h2 {
	color: #e60a7a;
}

#tpl-inner-main-col2 h3 {
	color: #90c554;
}

#tpl-inner-main-col2 ul {
	font-size: 0.7em;
	font-weight: bold;
}

#tpl-inner-col1 {
	width: 158px;
	height: 127px;
	overflow: hidden;
	float: left;
	margin-left: 15px;
	background-color: #90c554;
	text-align: left;
	color: #fff;
}

#tpl-inner-col2 {
	width: 186px;
	height: 127px;
	overflow: hidden;
	float: left;
	margin-left: 15px;
	margin-bottom: 19px;
	background-color: #e60a7a;
}

#tpl-inner-col2 p {
	margin: 0;
}

#tpl-inner-col3 {
	width: 352px;
	height: 127px;
	overflow: hidden;
	float: left;
	margin-left: 15px;
	margin-bottom: 19px;
	background-color: #ffcb09;
}

#tpl-inner-col3 p {
	margin: 0;
}

#tpl-inner-col4 {
	width: 160px;
	height: 127px;
	overflow: hidden;
	float: left;
	margin-left: 15px;
	margin-bottom: 19px;
	background-color: #ffcb09;
	text-align: left;
}

#tpl-inner-col4 p {
	margin: 0;
}

/* Portfolio Template Styles */

/* portfolio template styles */

#tpl-portfolio-case-study {
	width: 138px;
	float: left;
	margin-left: 15px;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 0.7em;
	text-align: left;
	margin-top: 0px;
}

#tpl-portfolio-case-study p {
	line-height: 15px;
}

#tpl-portfolio-content {
	width: 748px;
	float: left;
	margin-left: 15px;
	font-size: 0.7em;
	margin-top: 17px;
}

#tpl-portfolio-content-text {
	text-align: left;
	margin-bottom: 15px;
}

.tpl-portfolio-item {
	width: 357px;
	min-height: 104px;
	float: left;
	margin-right: 15px;
	margin-bottom: 9px;
	padding: 0;
	text-align: left;
}

.tpl-portfolio-item-image {
	width: 104px;
	height: 104px;
	overflow: hidden;
	float: left;
	margin-right: 15px;
       padding-bottom: 20px;
}

.portfolio-orange img {
	border: 2px solid #f68721;
}

.portfolio-orange h3, .portfolio-orange h3 a {
	color: #f68721;
}

.portfolio-teal img {
	border: 2px solid #00a29f;
}

.portfolio-teal h3, .portfolio-teal h3 a  {
	color: #00a29f;
}

.portfolio-yellow img {
	border: 2px solid #ffcb09;
}

.portfolio-yellow h3, .portfolio-yellow h3 a  {
	color: #ffcb09;
}

.portfolio-green img {
	border: 2px solid #90c554;
}

.portfolio-green h3, .portfolio-green h3 a  {
	color: #90c554;
}

.portfolio-fuschia img { 
	border: 2px solid #e60a7a;
}

.portfolio-fuschia h3, .portfolio-fuschia h3 a  {
	color: #e60a7a;
}

#tpl-portfolio-row {
	clear: both;
	margin-top: 12px;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 0.7em;
}

#tpl-portfolio-col1 {
	width: 138px;
	height: 127px;
	overflow: hidden;
	float: left;
	margin-left: 15px;
	background: #90c554 url(/images/home-domain-bg.png) no-repeat top left;
	text-align: left;
	color: #fff;
}

#tpl-portfolio-col1 p {
	margin: 0;
}

#tpl-portfolio-col2 {
	width: 357px;
	height: 127px;
	overflow: hidden;
	float: left;
	margin-left: 15px;
	margin-bottom: 19px;
	background-color: #f68721;
}

#tpl-portfolio-col2 p {
	margin: 0;
}

#tpl-portfolio-col3 {
	width: 171px;
	height: 127px;
	overflow: hidden;
	float: left;
	margin-left: 15px;
	margin-bottom: 19px;
	background-color: #ffcb09;
}

#tpl-portfolio-col3 p {
	margin: 0;
}

#tpl-portfolio-col4 {
	width: 190px;
	height: 127px;
	overflow: hidden;
	float: left;
	margin-left: 15px;
	margin-bottom: 19px;
	background-color: #e60a7a;
	text-align: left;
}

#tpl-portfolio-col4 p {
	margin: 0;
}

#tpl-portfolio-col1 form {
	padding: 0;
	margin-top: 35px;
	margin-left: 2px;
}

#tpl-portfolio-col1 fieldset {
	border: 0;
}

#tpl-portfolio-col1 input.search {
	width: 100px;
	margin-bottom: -5px;
}

#tpl-portfolio-col1 select.extension {
	font-size: 1.0em;
	width: 60px;
}

#tpl-portfolio-col1 input.check {
	background: none;
	border: 0;
	color: #000;
	width: 50px;
	cursor: pointer;
	font-size: 1.0em;
	font-weight: bold;
}

/* Case Study Template Styles */

#tpl_case_study_case_study {
	float: right;
	margin-right: 15px;
	width: 160px;
	margin-top: 15px;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 0.7em;
	text-align: left;
}

#tpl_case_study_case_study {
	line-height: 15px;
}

#tpl_case_study_content {
	width: 500px;
	margin-left: 15px;
	margin-top: 15px;
}

#tpl_case_study_content_main {
	text-align: left;
	margin-bottom: -5px;
}

#tpl_case_study_content_main p {
	font-size: 0.9em;
	color: #00a29f;
}

#tpl_case_study_content_main_col1 {
	width: 240px;
	float: left;
	font-size: 0.7em;
	text-align: left;
}

#tpl_case_study_content_main_col2 {
	width: 240px;
	float: left;
	margin-left: 20px;
	font-size: 0.7em;
	text-align: left;
}

#tpl_case_study_content_main_quote {
	width: 219px;
	height: 107px;
	background-color: #f68721;
	color: #fff;
	padding: 10px;
}

#tpl_case_study_content_main_quote .quotebody {
	font-size: 1.4em;
	margin:0;
}

#tpl_case_study_content_main_quote .citation {
	font-size: 1.0em;
	font-weight: bold;
}

#tpl_case_study_gallery { 
	width: 220px;
	float: right;
	text-align: left;
}

#tpl_case_study_gallery h4 {
	color: #000;
	text-align: left;
	font-size: 0.8em;
	margin-bottom: 3px;
}

#tpl_case_study_gallery .gallery_thumbnail {
	width: 60px;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
	border: 1px solid #808080;
}

#tpl_case_study_gallery .quotebody {
	color: #90c554;
	font-size: 1.4em;
	margin-top: 10px;
	margin-bottom: 0px;
	line-height: 25px;
}

#tpl_case_study_gallery .citation {
	color: #e60a7a;
	font-size: 0.7em;
	font-weight: bold;
}

#sitemap-left
{
  float: left;
  width: 300px;
  padding-left: 50px;
  margin-top: 0px;
}

#sitemap-right
{
  margin-left: 350px;
  margin-top: 0px;
}

#sitemap-pages
{
  text-align:left;
}

#sitemap
{
  text-align:left;
  padding: 20px;
}

#sitemap-pages ul li a
{
  color: #808080;
  font-size: 0.8em
}

/**** The Quote Form ****/
#quote-form { margin-bottom: 20px; width: 670px; margin-left: 100px; }

#quote-form dl {
  border: 1px solid #ccc;
  padding: 15px;
  margin-top: 0px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}

#quote-form dl#col-right
{
  float: right;
  width: 300px;
  height: 300px;
}

#quote-form dd.checkbox {
	height: 80px;
}

#quote-form dl#col-left
{
  margin-right: 350px;
  height: 300px;
}

#quote-form .error
{
  color: #f00;
}

#quote-div
{
  text-align:left;
  font-size: 0.7em;
  padding: 10px 20px;
}







/* ADDED STYLES FOR NEW BOTTOM CTA's */


#makeover	  {width:158px; height:128px;}

#get_a_quote	  {width:190px; height:128px;}


#domain_names   {width:159px; height:128px; background-color:#90C554;}