body {
	background: #e7ede3 url(images/body_bckgrd.gif) repeat-x;
	text-align: center;
	margin: 0;
	padding: 0;
	margin: 0;
	padding: 0;
	font:70% 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

* {
	margin: 0;
	padding: 0;
}

/* default links */

a {
	background-color: transparent;
	text-decoration: none;
	color: #007bb1;
	font-weight: bold;
}

a:hover {
	color: #59c4ff;
}

/* headers here */

#primaryContent h1 {
	padding: 6px 0 0;
	color: #839e1f;
	font-weight: lighter;
	letter-spacing: .14em;
	margin: 0 0 12px 5px;
	font-size: 1.8em;
	line-height: 20px;
}

#primaryContent h1 span {
	color: #747474;
	font-size: .5em;
	margin: 0;
	padding: 0;
	font-weight: lighter;
	letter-spacing: .05em;
}

.portfolio #primaryContent h1 {
	margin: -46px 0 12px 5px;
}

.portfolio #primaryContent h1.noscreenshot {
	margin: 0px 0 12px 5px;
}

.about #primaryContent h1 {
	margin-top: 15px;
}

.about #primaryContent h1 span {
	margin-bottom: 0;
	padding-left: 2px;
}

#primaryContent h2 {
	margin: 0 0 12px 5px;
	padding: 0;
	color: #839e1f;
	font-size: 1.1em;
	line-height: 0;
}
.services #primaryContent h2, .about #primaryContent h2 {
	line-height: 15px;
}
.services #primaryContent h2 a, .about #primaryContent h2 a {
	color: #839e1f;
}
#primaryContent h2 span {
	color: #747474;
	font-size: .82em;
	margin: 0;
	padding: 0;
	display:block;
	font-weight: lighter;
	letter-spacing: .05em;
}

/* text here */

#primaryContent p,
#primaryContent li,
#sideContent p,
#special_services p,
#featured_project p {
	color: #666;
	line-height: 1.5em;
	margin: 0 0 0px 5px;
	padding: 0;
	letter-spacing: 0em;
}

#primaryContent li {
	border-bottom: 1px dotted #999999;
	padding-left: 2px;
	list-style: disc;
	margin-left: 22px;
}

#primaryContent p {
	margin-bottom: 26px;
}

#primaryContent p span {
	font-weight: bold;
}

#primaryContent a:hover {
	text-decoration: underline;
}

/* main wrapper that holds it all centrally */

.wrapper {
	width: 750px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

/* spacer used immediately after a box containing floated elements to make sure it wraps              */

.clear {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
}

/* lists */

ul, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#primaryContent ul {
}

/* images */
/* @group articles */

.leadIn {
	clear: both;
	padding: 8px 5px;
	margin-bottom: 18px;
}

#primaryContent .leadIn p {
	margin-bottom: 10px;
}

.continue {
	float: right;
	margin: 0;
}

#byLine {
	border-top: 2px solid #d8dcd6;
	border-bottom: 1px solid #d8dcd6;
	padding-top: 2px;
	padding-bottom: 4px;
	margin-bottom: 12px;
}

#tagged {
	padding-left: 5px;
	float: left;
}

#timeStamp {
	float: right;
	padding-right: 5px;
}

/* @group comments */

#comments-area h3 {
	background: url("http://evisionservices.com/images/icon_comments-area.gif") no-repeat;	
	margin-bottom: 10px;
	padding-left: 30px;
	padding-bottom: 10px;
	padding-top: 4px;
	margin-left: 5px;
}

#leavaAComment {
	background: url("http://evisionservices.com/images/icon_leaveAComment.gif") no-repeat;	
	margin-bottom: 10px;
	padding-left: 20px;
	padding-bottom: 6px;
	padding-top: 2px;
	margin-left: 5px;
}

.comment {
	background: url("http://evisionservices.com/images/comment_bckgrd_top.gif") no-repeat;
	padding-top: 8px;
}

#primaryContent .comment p, #primaryContent .commentAlt p {
	margin-bottom: 0;
	padding-bottom: 0;
}

.comment .citation {
	background: url("http://evisionservices.com/images/comment_bckgrd_btm.gif") no-repeat 0 top;
	text-align: right;
	padding-right: 68px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 16px;
}

.comment_wrapper {
	background: url("http://evisionservices.com/images/comment_bckgrd_tile.gif") repeat-y;
	padding: 12px 14px 12px 12px;
}

.commentAlt {
	background: url("http://evisionservices.com/images/commentAlt_bckgrd_top.gif") no-repeat;
	padding-top: 8px;
}

.commentAlt .citation {
	background: url("http://evisionservices.com/images/commentAlt_bckgrd_btm.gif") no-repeat 0 top;
	text-align: right;
	padding-right: 68px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 16px;
}

.commentAlt_wrapper {
	background: url("http://evisionservices.com/images/commentAlt_bckgrd_tile.gif") repeat-y;
	padding: 12px 14px 12px 12px;
}

.commentAlt .comment_count {
}

/* @end */

#primaryContent #screenshots {
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0;
}

#primaryContent #screenshots li {
	width: 33%;
	float: left;
	border-bottom-style: none;
	list-style: none;
	margin: 0;
	padding: 0;
}


#primaryContent img {
	border-bottom: 1px solid #f2f6ee;
}

#secondaryContent {
	clear: both;
}

#sideContent,
#featured_project {
	float: left;
	width: 255px;
	display: inline;
}

.services #sideContent #box li a {
	margin-left: 22px;
	background-position: 0 6px;
}

#sideContent {
	margin: 0 0 20px -750px;
}

#twoColLayout #primaryContent {
	width: 448px;
	float: left;
	margin: 0 0 0 280px;
	padding-right: 22px;
	display: inline;
}

#special_services {
	width: 448px;
	float: right;
	/*margin: 0 0 0 280px;*/
	padding-right: 22px;
	display: inline;
}



#content-area {
	width: 100%;
	background: #f5f8f2;
	padding-bottom: 60px;
}

/* @group header & mainNav (tabs) */

#header-area {
	height: 90px;
	width: 100%;
	margin-bottom: 5px;
	background: url(/images/wrap_bckgrd.gif) center top no-repeat;	
}

#header-area ul {
	padding: 0;
	list-style: none;
	float: right;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 3px;	
}

#mainNav li {
	float: left;
	margin: 0;
	padding: 0 0 0 8px;
}

#mainNav a {
	text-decoration: none;
	color: #fff;
	font: normal 12px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 8px 18px 4px 8px;
	display: block;
}

#mainNav a:hover {
	color: #fffbcd;
}

#mainNav a:visited {
}

#mainNav a:active {
}

.about #mainNav #about,
.services #mainNav #services,
.portfolio #mainNav #portfolio,
.contact #mainNav #contact,
.articles #mainNav #articles,
.client #mainNav #client,
.home #mainNav #home
 {
	float: left;
	background: url(/images/tabs_normLft.gif) no-repeat left top;
}

.about #mainNav #about a,
.services #mainNav #services a, 
.portfolio #mainNav #portfolio a,
.contact #mainNav #contact a,
.articles #mainNav #articles a,
.client #mainNav #client a,
.home #mainNav #home a
{
	text-decoration: none;
	background: url(/images/tabs_normRt.gif) right top no-repeat;
	color: #2c2c2c;
	display: block;
	font-weight: bold;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	padding: 10px 18px 5px 8px;
}

.home #about,
.home #services,
.home #client,
.about #services,
.about #client,
.services #client,
.services #home,
.portfolio #home,
.portfolio #about,
.portfolio #client,
.contact #home,
.contact #about,
.contact #services,
.articles #home,
.articles #about,
.articles #services,
.articles #client,
.articles #contact,
.client #home,
.client #about,
.client #services,
.home #portfolio,
.about #portfolio,
.services #portfolio,
.contact #portfolio,
.client #portfolio
{
	background: url(/images/tabs_divider.gif) right no-repeat;
}

.home #articles,
.about #articles,
.services #articles,
.contact #articles,
.client #articles
{
	background: url(/images/tabs_divider_alt.gif) right no-repeat;
}
	
/* @end */

#logo {
	background:url(images/hdr_logo.gif)  no-repeat;
	width: 144px;
	height: 45px;
	text-indent: -9999px;
	position: relative;
	top: 18px;
	margin-left: 50px;
}

h1 a {
	font-weight: lighter;
	background: url(images/h1_bullet.gif) no-repeat right 4px;
	padding-right: 7px;
}

h1 a:hover {
	color: #59c4ff;	
}

h1 a:visited {
	color: #007bb1;	
}

#keyPlayers {
	float: left;
	margin-left: 5px;
	background: url(/images/about_keyPlyr_bckgrd.gif) no-repeat;
	padding: 4px 16px 4px 4px;
}

/* @group rounded corner box */

/* box is the shaded area that holds a rounded corner box or flat box, fitting the given width of the column it is in. Usually combined with another class to control inner elements, eg box default */

.box {
margin: 0;
padding: 0;
}

/* Styling of the boxes if there is no JavaScript support */

.cbb {
margin: 0;
background: #e4f2f1;
padding: 0;
line-height: 170%;
}

/* paragraph styles for any main boxes */

.cbb p, .cb p {
margin: 1px;
padding: 0;
color: #e4f2f1;
}

/* Insert the custom corners and borders for browsers with sufficient JavaScript support */

.cb {
margin: 0.5em 0;
line-height: 170%;
	}

/* Rules for the top corners and border */

.bt {
	background:url(/images/box.gif) no-repeat 100% 0;
	margin:0 0 0 18px;
	height: 14px;
	}

.bt div {
	height:14px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(/images/box.gif) no-repeat 0 0;
	}

/* Rules for the bottom corners and border */

.bb {
	background:url(/images/box.gif) no-repeat 100% 100%;
	margin:0 0 0 12px;
	height:14px;
	}

.bb div {
	height:14px;
	width:12px;
	position:relative;
	left:-12px;
	background:url(/images/box.gif) no-repeat 0 100%;
	}

/* Insert the left border */

.i1 {
	padding: 0 0 0 12px;
	background:url("http://evisionservices.com/images/borders.gif") repeat-y 0 0;
	}

/* Insert the right border */

.i2 {
	padding: 0 12px 0 0;
	background:url("http://evisionservices.com/images/borders.gif") repeat-y 100% 0;
	}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */

.i3 {
	background: #e4f2f1;
	padding:0 5px;
}

/* CSS for the box ends here */
	
/* @end */

#hcard p {
	float: left;
	margin: 0 0 2px;
	background:#e4f2f1;
	clear: both;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.type {
	display: block;
	float: left;
	text-align: right;
	width: 50px;
	font-weight: bold;
	clear: both;
	color: #839e1f;
	margin: 0;
	padding: 0 3px 0 0;
}

div.value {
padding-left: 60px;
margin-top:-14px;
}

#h-card {
	font-size: 1.4em;
	font-weight: bold;
	background: url(/images/h-card_bullet.gif) no-repeat left 5px;
	padding-left: 30px;
	padding-bottom: 8px;
	padding-top: 8px;
	margin-top: 8px;
	float: left;
	margin-left: 26px;
	clear: left;
}

/* @group tag_cloud */

#tag_cloud {
	padding-left: 22px;
	padding-right: 22px;
	background: url(../../images/cat_mid_bckgrd.gif) repeat-y;
	padding-bottom: 12px;
	margin: 0;
	zoom: 1;
	text-align: center;
}

#tag_cloud a {
	padding: 1px 4px;
	margin: 0;
}

.tag1 {
	font-size: 7pt;
}

.tag2 {
	font-size: 8pt;
}

.tag3 {
	font-size: .9em;	
}

.tag4 {
	font-size: 1.0em;	
}

.tag5 {
	font-size: 1.1em;	
}

.tag6 {
	font-size: 1.3em;	
}

.tag7 {
	font-size: 1.4em;	
}

.tag8 {
	font-size: 1.6em;	
}

.tag9 {
	font-size: 1.8em;		
}

.tag10 {
	font-size: 2.0em;
}

/* @end */
/* @group primaryContent */

	
/* @end */

/* @group sideContent */

#sideContent #box {
	background: url(/images/cat_btm_bckgrd.gif) no-repeat bottom;
	padding-bottom: 20px;
}

#sideContent #box ul {
	background: url(/images/cat_mid_bckgrd.gif) repeat-y;
	padding-bottom: 12px;
	margin: 0;
	zoom: 1;
}

#sideContent #box li {
	margin: 0;
	padding: 0;
	zoom: 1;
}

#sideContent h3 {
	color: #839e1f;
	font-size: 1.6em;
	margin: 0;
	font-weight: normal;
	letter-spacing: .14px;
	zoom: 1;
	background: url(/images/cat_top_bckgrd.gif) no-repeat top;
	font-style: normal;
	padding: 20px 0 10px 20px;
}
#sideContent h3 #kbis {
color: #839e1f;
	font-size: 1em;
	margin: 0;
	font-weight: normal;
	letter-spacing: .14px;
	zoom: 1;
	font-style: normal;
}
#sideContent h4 {
	padding: 30px 0 20px 20px;
	color: #839e1f;
	font-size: 1.2em;
	line-height: 0;
	margin: 0;
	font-weight: lighter;
	text-transform: uppercase;
	letter-spacing: .14px;
	zoom: 1;
	background: url(/images/cat_top_bckgrd.gif) no-repeat top;
}

#sideContent p {
	background: url(/images/cat_mid_bckgrd.gif) repeat-y;
	margin: 0;
	padding: 0 20px 12px;
	font-size: .9em;
	
}

#sideContent #box ul a {
	padding: 5px 20px 5px 22px;
	display: block;
	margin: 0;
	font-size: 1em;
}

#sideContent #box ul a span {
	color: #747474;
	font-size: 9px;
	margin: 0;
	padding: 0;
	font-weight: lighter;
	letter-spacing: 0em;
}

#rfp {
	background: url(/images/icon_rfp.gif) no-repeat;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: 24px;
	padding-left: 22px;
	margin-top: 10px;
	display: block;
	margin-bottom: 4px;
}

#box #active  {
	background: url(/images/cat_active_bckgrd.gif) no-repeat;
	padding: 0;
	margin: 0;
}

#box #active a  {
	color: #839e1f;
	margin: 0 0 0 40px;
	padding: 0 0 0 40px;
}

/* @group next-prev */

#sideContent #box #cat_next-prev {
	padding: 0 20px;
}

#sideContent #box #cat_next-prev a {
	color : #c2c8bf;
	font-weight: lighter;
}

#sideContent #box #cat_next-prev a:hover {
	color : #747474;
}

#next {
	float: right;
}

#previous {
	float: left;
}
	
/* @end */
	
/* @end */

/* @group footer */

#footer-area {
	clear: both;
	background: #e7ede3;
	padding-top: 10px;
}

#footer-area dl {
	width: 200px;
	float: left;
	margin-left: 50px;
	display: inline;
}

#footer-area dt {
	color: #839e1f;
	font-weight: bold;

	font-size: 1.3em;
	margin-bottom: 4px;
	border-bottom: 1px solid #c2c8bf;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 8px;

}

#footer-area dd {
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #c2c8bf;
}

#footer-area dd a {
	margin: 0;
	padding: 3px 5px 3px 14px;
	display: block;
	background: url(/images/ftr_bullet.gif) no-repeat 4px 7px;
	text-transform: capitalize;
}

#footer-area dd a:hover {
	background: #e1e9dc url(/images/ftr_bullet.gif) no-repeat 4px 7px;
}

#footer-area dd a:visted {
}

#footer-area p {
	width: 100%;
	text-align: center;
	padding-top: 40px;
	color: #c2c8bf;
	padding-bottom: 10px;

}

/* @end */

/* @group home */

.home #primaryContent h1 {
	margin-bottom: 26px;
	position: relative;
}

.home #primaryContent h1 span {
	background: url(/images/h1_bckgrd_home.gif) no-repeat;
	width: 404px;
	height: 65px;
	position: absolute;	
}

.home #primaryContent p {
	margin-left: 40px;
	margin-bottom: 32px;
}

.home #primaryContent ul {
	float: left;
	display: inline;
}

.home #primaryContent ul li {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	padding-top: 0;
	padding-bottom: 18px;	
	border-style: none;
}

.home #primaryContent ul li a {
	padding-left: 22px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.home #primaryContent h2 {
	margin-left: 40px;
	margin-bottom: 14px;
}

.home .c1 {
	margin-left: 40px !important;
	margin-left: 24px;
}

.home .c2 {
	margin-left: 40px !important;
}

#web_development {
	background: url("http://evisionservices.com/images/service/icons/icon_web_programming.gif") no-repeat 0 center;
}

#web_design {
	background: url("http://evisionservices.com/images/service/icons/icon_web_design_dev.gif") no-repeat 0 center;
}

#seo_services {
	background: url("http://evisionservices.com/images/service/icons/icon_seo_consulting.gif") no-repeat 0 center;
}

#remote_design_services {
	background: url("http://evisionservices.com/images/service/icons/group_16.gif") no-repeat 0 center;
}

#product_lifecycle_management {
	background: url("http://evisionservices.com/images/service/icons/rebuild_site_16.gif") no-repeat 0 center;
}

#elearning {
	background: url("http://evisionservices.com/images/service/icons/entry_16.gif") no-repeat 0 center;
}

#ecommerce_consulting {
	background: url("http://evisionservices.com/images/service/icons/finance_16.gif") no-repeat 0 center;
}

#design_optimization {
	background: url("http://evisionservices.com/images/service/icons/computer_16.gif") no-repeat 0 center;
}

#database_design {
	background: url("http://evisionservices.com/images/service/icons/icon_database_design.gif") no-repeat 0 center;
}

#data_warehousing {
	background: url("http://evisionservices.com/images/service/icons/disc-media_16.gif") no-repeat 0 center;
}

#custom_web_application_development {
	background: url("http://evisionservices.com/images/service/icons/icon_custom_web_apps.gif") no-repeat 0 center;
}

#catalog_development {
	background: url("http://evisionservices.com/images/service/icons/icon_catalogs.gif") no-repeat 0 center;
}

#call_center {
	background: url("http://evisionservices.com/images/service/icons/icon_call_center.gif") no-repeat 0 center;
}


.home #sideContent #box ul {
	padding-top: 5px;
}

.home #sideContent #box ul a {
	padding: 6px 16px;
	display: block;
	font-size: 1em;
	margin: 0 18px 0 24px;
	border-bottom: 1px solid #cdd5cb;	
}

.home #sideContent h3 {
}

.home #sideContent h3 span {
	background: url(/images/icon_recent_additions.gif) no-repeat 0 0;
	height: 30px;
	position: absolute;
	border-bottom: 1px solid #cdd5cb;
	width: 216px;
	padding-bottom: 3px;
}

.home #sideContent ul li a {
}

.home #secondaryContent {
	background: url(/images/secondaryContent_bckgrd.gif) repeat-x top;
	padding-top: 10px;
	display: block;
}

#special_services {
}

#special_services h3 {
	margin-left: 22px;
	margin-bottom: 30px;
}

#special_services h3 span {
	background: url(/images/h3_bckgrd_special_services.gif) no-repeat 0 0;
	width: 418px;
	height: 38px;
	position: absolute;		
}

#special_services p {
	margin-left: 36px;	
}

#special_services img {
	padding: 4px;
	margin-right: 8px;
	border: 1px solid #dde1db;
	background-color: #fff;
	float: left;
}

#featured_project h3 {
	margin-left: 14px;
	margin-bottom: 26px;
	margin-top: 4px;
}

#featured_project h3 span {
	background: url(/images/h3_bckgrd_featured_project.gif) no-repeat 0 0;
	width: 418px;
	height: 38px;
	position: absolute;		
}

#featured_project p {
	margin-left: 16px;	
}

#featured_project img {
	padding: 3px;
	margin-right: 8px;
	border: 1px solid #dde1db;
	background-color: #fff;
	float: left;
}

#featured_project a {
	font-size: 1.4em;
}


/* @end */

/* @group forms */



input, textarea {
	width: 280px;
	background: #f5f8f2;
	color: #666;
	border: 1px solid #d9ddd5;
	padding: 2px;
	
}
select#state, select#service, select#size, select#budget, select#time {
        width: 200px;
	background: #f5f8f2;
	color: #666;
	border: 1px solid #d9ddd5;
}

#submit-area {
	padding-top: 0;
	padding-bottom: 4px;
	margin-right: 16px;
	
}

#cancel-area {
	padding-top: 0;
	padding-bottom: 4px;
	margin-right: 16px;
}

#submit {
	float: right;
	width: 92px;
	padding: 0px;
	border-style: none;
}

/* fieldset styling */
fieldset {
	margin: 0;
	border-style: none;
	padding: 5px;
}

/* legend styling */
legend {
	font-weight: bold;
}

#primaryContent form p {
	position: relative;
	margin-bottom:15px;
}
#primaryContent form .scope p, #primaryContent form .budget p {margin-bottom:5px;}
/* style for  labels */
label {
	float: left;
	width: 100px;
}

#primaryContent form .check {
       width:175px;
       float:left;
       margin-bottom:5px;
}

#primaryContent form .check label {
        width:150px;
        float:none;
}

#remember-me label {
  width: 100px;
  float: left;
}

/* style for required labels */
#primaryContent .required {
	color:#760000;
        font-weight:normal;
}

input.radio, input.checkbox, input.submit {
  width: auto;
}

/* style form elements on focus */
input:focus, textarea:focus {
	background: #ffc;
}

input.radio {
  float: left;
	margin-right: 1em;
	border-style: none;
}

/* Date of Birth form styling */

#monthOfBirthLabel, #yearOfBirthLabel {
  text-indent: -1000em;
	width: 0;
}

#dateOfBirth {
	width: 3em;
	margin-right: 0.5em;
}

#monthOfBirth {
	width: 10em;
	margin-right: 0.5em;
}

#yearOfBirth {
	width: 5em;
}

/* Color form styling */
#favoriteColor {
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
}

#favoriteColor h5 {
  width: 10em;
	float: left;
	font-size: 1em;
	font-weight: normal;
	color: #575757;
}

#favoriteColor div {
  width: 8em;
	float: left;
}

#favoriteColor label {
  /*width: 3em;*/
	float: none;
	display: inline;
}

/*#favoriteColor p {
	margin: 0.3em 0;
}*/

/* Service list for portfolio */

.portfolio #primaryContent ul#service_provided {
	margin-top: 0px;
}

.portfolio #primaryContent ul#service_provided li {
	list-style: none;
	border:none;
	background:none;
}

/* @end */