/* -- General Settings --------------------------------------------------- */

/* Old Font Settings... non web-safe fonts! 
html, body, form, fieldset, td {
	font-family: "Lucida Grande", "Trebuchet MS", verdana, arial, helvetica, sans-serif;
}
*/

html, body, form, fieldset, td {
	font-family: arial, helvetica, sans-serif;
}

html {
	font-size: 100%;
}

body { 
	font-size: 83%;
	margin: 5px 0;
	background: #FFFFFF;
}

/* -- Main Layout ------------------------------------------------------------ */
#layoutTable {
	width: 735px;
	border-collapse: collapse;
	margin: 0 auto;
}

#headerCell {
	height: 80px;
	background: #009;	
	color: #fd0;
	border: 1px solid #666;
	border-width: 0 1px
}

	#headerCell h1 {
		margin: 0 35px;
		font-size: 3em;
		line-height: 2em;
	}

#sidebarCellLeft {
	width: 19%;
	background: ;
	border: 0px solid #ddd;
	border-width: 0 0px;
	vertical-align: top;
}

#contentCell {
	width: 80%;
	border-right: 1px solid #ddd;
	background: #fff;
}

#footerCell {
	border-top: 1px solid #ddd;
	text-align: center;
	font-size: 0.8em;
	padding: 10px 0;
}

/* -- Common Page Items ------------------------------------------------- */
#frame-container {
	margin: 0;
	padding-top: 0px;
	padding-right: 18px;
	padding-bottom: 35px;
	padding-left: 12px;
}


#page-breadcrumbs {
	margin-top: 1.25em;
}

#page-title {
	font-size: 1.8em;
	color: #172C7D;
	margin-top: 1.0em;
	margin-bottom: 0.5em;
}

/*
.design-subsection #page-title {
	font-size: 1.8em;
	color: #172C7D;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}*/

#page-subtitle {
	color: #666;
	margin: 0 50px 10px;
}

#page-intro {
	margin: 0;
	/* padding-bottom: 1em; */
}

#page-content {
	margin: 0px;
	min-height: 300px;
    height: auto;
    _height: 300px;
}

/* WISH THAT THIS WOULD WORK :-)  
#page-content a:link img, #page-content a:visited img  {
	border-color: #FFFFFF;
	border-bottom: 3px;
}

#page-content a:hover img, #page-content a:active img, #page-content a:focus img {
	border-color: #FEBE08;
	border-bottom: 3px;
}
*/

#page-outro {
	margin: 10px 32px;
	padding-top: 0.75em;
	font-style:italic;
	text-align:center;
}

/* not sure why this doesn't work, but it would be nice if it did */
#page-outro div {
	border: red 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #FEBE08;
	border-right-color: #FEBE08;
	border-bottom-color: #FEBE08;
	border-left-color: #FEBE08;
}


#page-pager-container {
	margin-top: 30px;
}

.page-pager {
	/* float: left;
	margin: 10px 50px; */
	/* Fix IE Doubled Float-Margin Bug
	   http://positioniseverything.net/explorer/doubled-margin.html */
	/* display: inline; */
	/*
	background: #f6f6f6;
	border: 1px solid #eee; */
	font-style:italic;
}

#page-pager a {
	font-style:italic;
}

/*
.page-pager {
	width: 50%;
	margin: 0.33em 0.66em;
}*/

#page-pager-back {
	float: left;
	text-align: left;
	padding-left: 15px;
	margin-left: 10px;
	background-image: url(/img/larrow_lg_gold.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#page-pager-next a {
	float: right;
	text-align: right;
	padding-right: 15px;
	margin-right: 25px;
	background-image: url(/img/rarrow_lg_gold.gif);
	background-position: right;
	background-repeat: no-repeat;
}

/*
#page-pager-next div {
	border-color: red;
	border-right-width: 1;
} */

#page-bottomLinks {
	margin: 10px 50px;
	padding: 10px;
	border: 1px solid #e3e3e3;
	background: #f5f5f5;
}

#copyright {
	margin-top: 5px;
}

#copyright img {
	margin-bottom: -2px;
}

/* -- Misc. Look And Feel --------------------------------------------------------- */

a, a:link, a:visited {
	text-decoration: none;
	color: #4641A7;
	/* border-bottom: 1px;
	border-bottom-style: dashed; */
}

/*
#contentSection-container a, #contentSection-container a:link, #contentSection-container a:visited {
	text-decoration: underline;
	color:#172C7D;
} */

a:focus, a:hover, a:active {
	text-decoration: underline;
	color: #FEBE08;
}

h4 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0;
}

/* -- Mailing List Form ----------------------------------------------- */

#ml-form {
	margin: 25px 40px 15px 0.5em;
	text-align: left;
}

#ml-form #ml-email {
 	border-color: #FEBE08;
	border-style:dashed;
	border-width: 1px;
	/* border-style: dotted; */
	color: #172C7D;
	font-style:italic;
	font-size: 0.95em;
	margin-right: 3px;
	font-size:11px;
}

/*
#ml-form input img {
	border-style: none;
} */

#ml-form p {
	margin: 0;
}

#ml-form input {
	vertical-align: bottom;
}	

.ml-text {
	/* font-style:italic; */
	padding-left: 0.25em;
	color: #172C7D;
}

#ml-email {
	/* margin-top: -15px; */
	width: 75%;	
	/* border: red; */
}

#ml-submit {
	/* margin-top: 0.5em; */
	/* padding-top: 0.5em; */
	/* vertical-align: bottom; */
	/* vertical-align: bottom; */
}

.ml-text {
	font-size: 0.9em;
}

/* -- Page-Specific Items ------------------------------------------------- */
#home #frame-container {
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#sitemap ul {
	list-style-type: disc;
	margin-left: 1em;
}

.contentSection-text li {
	/* vertical-align: middle; */
	/* margin-left: 10px; */
	padding-left: 10px; 
	background-image:url(/img/radio-1_blue.gif);
	background-repeat:no-repeat;
	background-position: left;
}

#sitemap li {
	padding-left: 0px; 
	background-image:url();
}

#sitemap ul ul {
	margin-top: 0.33em;
	margin-bottom: 0.33em;
	list-style-type: circle;
}

#sitemap ul ul ul {
	list-style-type: square;
}

#home #frame-container a:hover img, #home #frame-container a:active img {
	border-color: #FEBE08;
	border: 2; 
} 

/*
#graphicstemplates .contentSection-text div {
	padding-left: 250px;
} */

/* not sure if this is doing anything */
/*
#home td , #home tr, #home table  {
	min-height: 0px;
	height: auto;
	_height: 0px;
} */

/*
.store-section div.SecondMenu {
	background-color:#0099FF;
	border-top: 1px #CC0000;
	border-right: 1px #CC0000;
	border-bottom: 1px #CC0000;
	border-left: 1px #CC0000;
} */

#SecondMenu {
	padding-top: 10px;
	align="center";
/*	padding-left: 25px;
	text-align:left;  */
}

.mincart {
	font-size:11px;
	background-color:#FFFFCC;
	border-top: 1px #CC0000;
	border-right: 1px #CC0000;
	border-bottom: 1px #CC0000;
	border-left: 1px #CC0000;
}

/* table.mincart {
	border-top: 1px #CC0000;
	border-right: 1px #CC0000;
	border-bottom: 1px #CC0000;
	border-left: 1px #CC0000;
} */

.store-section .prodname, .store-section .prodprice, .store-section .prodcurrency { 
	font-size:11px;
	text-align:center;
	padding: 0;
	margin: 0:
}

.store-section .prodprice, .store-section .prodcurrency, .store-section .detailname, .store-section .pagenums {
	display:none;
}

.store-section .cstitle {
	padding-top: 30px;
	font-size:11px;
	font-style:italic;
	color:#172C7D;
}

/* 
.store-section #page-intro {
	text-align:center;
} */

/* -- Site Design Specific ------------------------------------------ */

/*
.var-boldyellow a:link, .var-yellow a:link {
    color:#FEBE08;
	text-decoration: underline;
} */

/*
.var-sectiontext a:link {
    color:#FEBE08;
	text-decoration: underline;
} */

/*
a.var-yellow {
	text-decoration: underline;
	color:#FEBE08;
}

a.var-yellow:hover {
	text-decoration: underline;
	color:#172C7D;
} */

/*
a:focus, a:hover, a:active {
	text-decoration: underline;
	color: #FEBE08;
}*/

.var-sectiontitle, .var-sidebartitle {
	/* margin-left: 5px; */
	padding-left: 10px;
	background-image: url(/img/radio-1_blue.png);
	/* background-position: -5px; */
	background-repeat:no-repeat;
	/* background-position: 50% 50%; */
	background-position: left ;
	font-weight: bold;
	color:#4641A7;
}

/*
.var-blue {
	font-weight: bold;
} */
.php-smarty {
display: none;*/
}
#faq .php-smarty {
display: block;
}

#faq .botMain {
display: none;
}

/*#faq .topMain {
display: none;
}*/

/* This stuff can probably be deleted .phpsmarty, php-smarty {
display:none;
}

#php .phpsmarty, #kb .php-smarty {
display:block;
}*/

.left-photo img {
	float:left;
}

#templ-number {
	text-align:right;
	width:100%;
	font-family:Tahoma,Verdana,sans-serif;
	font-size:11px;
}

#templ-number a {
	color:#000000;
	text-decoration:underline;
}

#templ-number a:hover {
	color:#000000;
}

#templ-number span.current {
	color:#818181;
	font-weight:bold;
}

#templ-dir {
	clear:both;
	float:left;
	width:100%;
	font-family:Tahoma,Verdana,sans-serif;
	font-size:11px;
}

#templ-dir a {
	color:#000000;
	text-decoration:underline;
}

#templ-dir a:hover {
	color:#000000;
}

#templ-prev {

}

#templ-next {
	float:right;
	text-align:right;
}
/* -- SEO Page Specific ------------------------------------------ */

/* Link styles and behavior */
body.specialties a {text-decoration: underline;} /* make the links noticeable */
body.specialties a:hover {text-decoration: none;} /* remove the line on hover - this is the opposite of default behavior */
/* List styles and behavior */
body.specialties #page-bottomLinks {
	background-color: #FFF9E6; /* pale yellow, taken from background image (T324) */
	border-color: #FFBE00; /* dark yellow, T324 yellow (bar at bottom of page) */
	font-size: 9px; /* decrease font size */
	margin: 0; /* zero out default margins */
	margin-top: 40px; /* separate box from content above */
}
/* Title of SEO pages */
#specialties-title {
	text-transform: capitalize; /* Title caps on the H1 title */
	font-size: 1.6em; /* size of title text */
	line-height: 1.3; /* line height, in case it goes double-lined */
	color: #FFBE00; /* T324 Yellow for the H1 titles */
}
/* Affects only the SEO image */
#link-to-clients {
	margin-left: 1em; /* create margin to left */
}
/* Affects all DW-replaced terms */
.seo-test {
	/* background-color: #FFFF00; /* THIS IS A TESTING RULE: Remove after dev. phase ends. */
	padding: 0;
}
/* Affects only the localization term/city */
.city-locale {
	/* background-color: #00FF00; /* THIS IS A TESTING RULE: Remove after dev. phase ends. */
	text-transform: capitalize; /* capitalize city names */
}


/* RULES BELOW TEMPORARILY REMOVED */

/* Four Instances of the Search Term, individually targeted */
/*#instance-1 {
/*	/* bold and underlined */
/*	font-weight: bold;
	text-decoration: underline;
}
#instance-2 {
	/* plain text */
/*	padding: 0;
}
#instance-3 {
	/* only italicized */
/*	font-style: italic;
}
#instance-4 {
	/* bold and italicized */
/*	font-weight: bold;
	font-style: italic;
}

*/

/* SEO Left Sidebar Menu CSS */
body.specialties #menu-container { /* This is for the default menu that isn't showing on SEO pages */
	/* display: none; /* remove from doc flow */
}
#specialties-menu {
	margin-top: 100px;
}
#specialties-menu li {
	margin: 0; /* zero out defaults */
}
#specialties-menu li a {
	background: transparent url(/specialties/images/specialties-yellow-dark.gif) no-repeat scroll 50% 50%; /* yellow background */
	display: block; /* make it a box */
	font-size: 12px; /* limit menu text size */
	line-height: 50px; /* match height of background image -- vertically center the text */
	text-align: center; /* center the text */
}
#specialties-menu li a:hover {
	background: transparent url(/specialties/images/specialties-blue.gif) no-repeat scroll 50% 50%; /* blue background */
	color: #FFBE00;
}
#specialties-websites a {
	padding: 0;
}
#specialties-computing a {
	padding: 0;
}
#specialties-printing a {
	padding: 0;
}

/* -- END SEO Page Specific CSS -------------------------------------- */

/** RSS CSS **/

.rss-box-blog {

}

.rss-items {
	margin: 0;
}

.rss-item {
margin:0 0 10px;
}

.rss-item a {
color:#4641A7;
font-weight:normal;
}

.rss-item a:hover {
	color: #FEBE08;
	text-decoration: underline;
}

.rss-box-twitter {

}

.rss-box-twitter .rss-items {

}

.rss-box-twitter .rss-item {

}

.rss-box-twitter .rss-item a {

}

.rss-box-twitter .rss-item a:hover {

}

/** Added 02-07-2011 **/

.featured_blogs .addtoany_share_save_container {
display: none;
}

.featured_blogs .blog_excerpt {
margin: 4px 0;
display: block;
line-height: 1.4;
}

.featured_blogs a {
font-weight: bold;
}

.featured_blogs a img {
font-weight: bold;
border: 1px solid;
}

.featured_blogs a.blog_readmore {
font-weight: normal;
display: block;
text-decoration:underline;
}

.featured_blogs a.blog_readmore:hover {
text-decoration:none;
}

.featured_blogs img {

}

.featured_blogs p {

}

#frontpage_social_sidebar {
color:#CCCCCC;
font-size:12px;
font-weight:bold;
list-style-type:none;
margin:0;
padding-left:3px;
text-transform:lowercase;
}

#frontpage_social_sidebar #about-me-social-links {
background:none repeat scroll 0 0 transparent;
color:#19569D;
font-family:"Lucida Grande","Trebuchet MS",verdana,arial,helvetica,sans-serif;
font-size:12px;
font-style:italic;
font-weight:bold;
margin-top:10px;
padding-bottom:2px;
}

#frontpage_social_sidebar #about-me-social-links h2.widgettitle {
border-bottom:0 dotted #CCCCCC;
color:#172C7D;
font-size:12px;
font-style:normal;
margin:15px 0 2px;
padding-bottom:2px;
}

#frontpage_social_sidebar #about-me-social-links #socialLinksContainer a img {
border-style:none;
margin-right:2px;
margin-top:2px;
}

#menu_social_media {
margin:10px 0 -10px 24px;
}

#menu_social_media .title {
color:#172C7D;
font-size:11px;
font-weight:normal;
margin-bottom:2px;
}

#menu_social_media a {
margin-right: 2px;
}
