@charset "utf-8";
/* CSS Document */

/* =CALL LIBRARY */
	@import url("reset-min.css"); /* ------- Reset all CSS Styles */

BODY {
	color: #222;
	text-align: center; /* To Make Content Centered */
/* Edit {{page_background:background-image: url(XXX) ;:This is the image that appears in the background of your site. Choose an image that is one of our stock photos, or one of your own that you have previously uploaded.;}} << */
	background-color: #fff ; 
	background-image: url('../_images/back.png') ; 
	background-repeat: repeat-y; 
	background-position:  center 50% ;; font-style:normal; font-variant:normal; font-weight:normal; line-height:9pt; font-size:small; font-family:Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif 
}

/* Header Area */
#container { 
}


#bodyIndent {
	background-image: url('../_images/indent_back.png') ;
	background-repeat: repeat-x;
	height: 202px;
	/* The height of the background below, should be the same size as the inside part of the #banner graphic */
/* Edit {{back_banner:background-image: url(XXX);:This is the image that appears as an extension of your banner OUTSIDE of the main area of your page. Choose an image that is one of our stock photos, or one of your own that you have previously uploaded.;}} << */
	width: 100%;
	position: absolute;
	top: 0;
	left: 0
}

#pageHeader {
	height: 0px;	/* This is the space between the banner and the margin area below the top margin of the window */
	background: none ;
}

#pageHeader H1, #pageHeader H2  {
	background: none ;
}

#banner {
	width: 1075px;
	height: 130px;
/* Edit {{main_banner:background-image: url(XXX);:This is the image that appears as an extension of your banner OUTSIDE of the main area of your page. Choose an image that is one of our stock photos, or one of your own that you have previously uploaded.;}} << */
	background-image: url(../_images/banner_back3.png) ;
	background-image: url('../_images/banner_back2.png') ;
	background-repeat: no-repeat;
	margin: 0 auto 13px auto;
	position: relative
	
}

#banner H1 {
	display: none;
}

#bannercap {
	margin: auto;
	width: 920px;
	height: 126px;
}

#logo {
	padding-left: 65px;
	margin-top: 25px;
	float: left;
	height: 100px;
	width: 450px;
}
#contact_line {
	margin-top: 10px;
	padding-right: 45px;
	float: right;
	height: 50px;
	width: 350px;
	text-align: right;
	font-size: 9pt;
}

#contact_line img {
	margin-right: 3px;
	margin-left: 15px;
}

#loginblock {
	margin-top: 35px;
	padding-right: 60px;
	clear: right;
	float: right;
	height: 34px;
	width: 200px;
}
/* Header  ENd */



#pageHeader {
	height: 0px;	/* This is the space between the banner and the margin area below the top margin of the window */
	display: none;
}

#pageHeader H1, #pageHeader H2  {
	font-size: 1.2em;
}

#contentContainer {
	background: #fff ;
	margin: 10px auto 0 auto;
	line-height: 1.5em;
	text-align: left;
	font-size: 1.2em;
/* Edit {{content_area_width:width: XXX;:This can be either a pixel width (650px) or a percentage (65%).;}} << */
	width: 820px;
}


#masthead {
	padding-top: 10px;
	width: 100%;
	height: 218px;
	width: 820px;
	clear: both;	
}

#masthead_content {
	position: absolute; 
	width: 544px;
	height: 201px;
	float: left;
	background-color: #fff ;
	background-image: url('../_images/doggy2.png') ;
	background-repeat: no-repeat ;
	z-index: 98
}

#masthead_content1, #masthead_content2, #masthead_content3   {
	position: absolute; 
	width: 544px;
	height: 201px;
	float: left;
	text-align: right;
	z-index: 99;
}

#masthead h1  {
	padding: 20px 20px 0 20px;
	color: #fffffe; /*rich-edit*/
	display: none;
}

#masthead p {
	display: none;
}

#masthead #promo-link {
	display: inline;
	
}

#masthead #promo-link a {
	height: 230px;
	width: 544px;
}


.ptext {
	display: none;
}

#masthead_content1 {
	background-image: url('../_images/mastback-content-management.png') ;
	color: #eee;
	background-color: #fff
}

#masthead_content2 {
	background-image: url('../_images/mastback-idx-programmer.png') ;
	background-color: #fff
}



#masthead_content a {
	height: 201px;
	width: 544px;
}

#masthead_content3 {
	background-image: url('../_images/mastback-free-consultation.png') ;
	background-color: #fff
}


#masthead_links {
	height: 201px;
	float: right;
	width:auto; /*rich-edit*/
}

#masthead_links UL {
	list-style: none;
	float: right;
	width:auto; /*rich-edit*/
}

#masthead_links, #masthead_links UL  {
	padding-left: 5px;
	width: 270px;
}

#masthead_links li {
	position: relative;
	padding: 0;
	margin: 0px;
	float: left;
	width: 100%;
	text-align: center;
	background-color: #48637e;
}

#masthead_links a {
	background-image: url('../_images/mastlink_blu.png') ; 
	background-repeat: repeat-x; 
	text-decoration: none;
	font-weight: normal;
	font-family: "Lucida Sans", Helvetica,  Verdana, Arial; /*rich-edit*/
	font-size: 13pt !important;
	display: block;
	color: #fffffe; /*rich-edit*/
	height: 45px;
	margin: 0;
	padding-top: 22px;

	padding-top: 17px;
	height: 40px
}


#masthead_links #link1 a:hover {
	background: #ccc url('../_images/link_back1_o.png') ; 
}

#masthead_links #link2 a:hover {
	background: #ccc url('../_images/link_back2_o.png') ; 
	color: #000
}

#masthead_links #link3 a:hover {
	background: #ccc url('../_images/link_back3_o.png') ; 
}

#masthead_links #link3 a:hover, #masthead_links #link2 a:hover, #masthead_links #link1 a:hover  {
	background: #ccc url('../_images/link_back3_o.png') ;
	color: #fff;
	font-weight: normal
}


#content, #contentFRONT {
	text-align: left;
	float: LEFT;
	width: 100%;
	width: 542px;
	margin-top: 5px;
}

#content2 {
	text-align: left;
	float: LEFT;
	width: 100%;
	margin-top: 5px;
}

#contentFRONT {
	margin-top: -20px;
}



#sidebarContainer {
	float: right;
	width: 268px;
	display: inline;
}


#sidebarContainer #sidebar {
	padding: 0 10px 10px;
}

#sidebarContainer .sideHeader {
	color: #000001; /*rich-edit*/
	font-size: 1.3em;
	font-weight: bold;
	padding: 10px 10px 3px;
}



#footIndent {
	background-repeat: repeat-x;
	height: 90px;
	/* The height of the background below, should be the same size as the inside part of the #banner graphic */
/* Edit {{back_banner:background-image: url(XXX);:This is the image that appears as an extension of your banner OUTSIDE of the main area of your page. Choose an image that is one of our stock photos, or one of your own that you have previously uploaded.;}} << */
	width: 100%;
	position: relative;
	padding-top: 20px;
	top: 20px;
	left: 0;
	background-color: #3b5166; /*rich-edit*/
	background-image: url('../_images/foot_back2.png') ;
	background-repeat: repeat-x ;
	color: #0000cc
}

#footIndent a:link, #footIndent a:visited {
	color: #ffffff;
	padding: 2px 5px;
}

#footIndent a:hover, #footIndent a:active {
	text-decoration: none;
	background-image: url('../_images/trans_green.png') ;
	 /*rich-edit*/ /*took out color*/
}
	

#footer {
	color: #3B5167;
	position: relative;
	background-image: url('../_images/foot_white_curve2.gif') ;
	background-position:  center 50% ;
	background-repeat: no-repeat ;
	height: 60px;
	overflow: hidden;
	width: 750px;
	margin: 0 auto;
}

#footer #w3c {
	float: right;
	margin-top: 5px;
}

#footer p {
	text-align: center;
	margin: 0;
	padding: 10px;
	font-size: .9em !important;
	font-weight: normal;
}

#footer a:link, #footer a:visited   {
	color: #3b5166; /*rich-edit*/
}

#footer a:hover  {
/*
	color: #ccc;
*/
}
	



/*</group>*/


/* Start Linkbar Area */

/* Toolbar Styles */
#navcontainer {
	margin: 0 auto ;
	position: relative;
	z-index: 101;
	width: 822px;
/*
	background-image: url('../_images/linkbackb.png');
*/	border-bottom: 0px none;
	display: table; font-style:normal; font-variant:normal; font-weight:normal; font-size:0.7em; font-family:Lucida Grande, LucidaGrande, Lucida, Helvetica, Arial, sans-serif
}


#navcontainer .current {
	color: #fffffd; /*rich-edit*/
}

/* Parent - Level 0 */

#navcontainer ul {
	list-style: none;
	margin: 0px;
	padding: 0;
/*
	height: 47px;
*/
}

#navcontainer li {
	position: relative;
	padding-bottom: 0px;
	display: block;
	float: left;
	width: 18%;
	text-align: center;
	background-image: url('../_images/link_divider2.png') ; 
	background-position: left 8px ; 
	background-repeat: no-repeat; 
	padding-left: 2px
}

#navcontainer a {
	text-decoration: none;
	font-weight: bold;
	font-size: 10pt;

	margin-top: 2px;
	display: block;
	color: #4D5B7D;
	padding-top: 20px ;
	height: 27px;
}

#navcontainer a:hover {
	background: #ccc url('../_images/link_back_o.png') ; 
}

/* Fix IE. Hide from IE Mac \*/
/* End */

/* Child - Level 1 */
/* All browsers will use this code, it will make the pop out menus work */
#navcontainer ul ul {
	position: absolute;
	top: 49px;
	left: 0;
	margin: 0 ;
	width: 227px;
	background: url('../_images/drop_back2.png') left bottom;  
	padding-left:0; padding-right:0; padding-top:10px; padding-bottom:10px
}

#navcontainer ul ul li {
	padding: 0px;
	width: 100%;
	text-align: left;
	background-image: url('none') ; 
}

#navcontainer UL UL a {
	color: #fffffe; /*rich-edit*/
	font-weight: bold;
	margin: 0px;
	padding: 7px 10px 7px 20px ;
	background: none;
	margin-right: 10px;
	margin-left: 5px;
	margin-bottom: 5px;
	height: 10px;
	
}



#navcontainer UL UL a:hover {
	color: #fffffe; /*rich-edit*/
	background: url('../_images/link_arr.gif') no-repeat left 8px; 
}


#navcontainer ul ul ul {
	width: 170px;
	position: absolute;
	left: 170px;
	text-align: left;
	margin-bottom: 0px;
	top: 0;
}


div#navcontainer ul ul, div#navcontainer ul ul ul, div#navcontainer ul li:hover ul ul, div#navcontainer ul li:hover ul ul ul, div#navcontainer ul li:hover ul ul ul ul, div#navcontainer ul li:hover ul ul ul ul ul{
display:none;
}

div#navcontainer ul li:hover ul, div#navcontainer ul ul li:hover ul, div#navcontainer ul ul ul li:hover ul, div#navcontainer ul ul ul ul li:hover ul, div#navcontainer ul ul ul ul ul li:hover ul{
display:block;
}

/*<group=Global Classes>*/


/*</group>*/

#barlinks a:hover  {
	background: none;
}


div#barlinks {
	float: right;
	margin-top: 11px;
	width: 140px;
	height: 28px;
	text-align: right;
}

#barlinks img {
	padding: 0 2px; 
}

#barlinks .rss {
	padding: 0 0px 0 15px ; 
}

#barlinks a  {
	height: 28px;
	clear: none;
	padding: 0px;
	margin: 0px;
	background: none;
	display: inline;
}

#barlinks a:hover  {
	background: none;
}



#sharethisDIV {
	position: fixed;
	bottom:4px;
	right:0px;
	padding: 12px 6px 6px 6px;
	background-image: url(../_images/back-sharethis.gif);
	background-repeat: no-repeat;
	background: #3D546B;
	height: 27px;
	height: 18px;
	border: #888 solid 4px ;
	border-width: 4px 0px 4px 4px ;

}

#sharethisDIV img {
 	float: left; 
 	margin: 0px 2px 3px 2px ;
 }

#sharethisDIV a {
	margin: 8px 4px 0px 4px;
	color: #fffffe;
	font-size: 15px;
}


/* END Linkbar Area */