/*****Basic Elements*****/  

body {
	background: #f1f4f6;
	text-align: center;
	line-height: 1.6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #616161;
}

h1, h2, h3, h4, h5, h6 {
	color: #4b4745;
	font-weight: normal;
}

h1 {
	font-size: 26px;
	margin-bottom: 30px;
}

h2 {
	font-size: 18px;
	margin-bottom: 30px;
}

h3 {
	font-size: 18px;
	margin-bottom: 12px;
}

h4 {
	font-size: 16px;
	margin-bottom: 11px;
}

h5 {
	font-size: 14px;
	margin-bottom: 10px;
}

h6 {
	font-size: 13px;
	margin-bottom: 10px;
}

a {
	text-decoration: none;
	color: #314ca3;
}

hr 
{
    margin-left: 50px;
}




a:hover { text-decoration: underline; }

p, pre { margin-bottom: 15px; }

strong {
	color: #333131;
	font-weight: bold;
}

ol { list-style-type: decimal; }

ul { list-style-type: disc; }

ul.cool-li {
	list-style-type: none;
	margin-bottom: 12px;
}

ul.cool-li li {
	padding: 0px 0px 0px 15px;
	background: url(images/list-item.gif) no-repeat 0px 8px;
}

em, dfn { font-style: italic; }

abbr, acronym {
	color: #353535;
	border-bottom: 1px dashed #868585;
}

dfn, dt { color: #353535; }

dd { margin: 0px 0px 0px 10px; }

div.hr {
	border-top: 1px solid #e9eced;
	height: 1px;
	width: 100%;
	margin: 10px 0px;
	clear: both;
} /* use this div with a class "hr" instead of the standart hr element */

fieldset {
	border: 3px solid #eeeeee;
	padding: 10px;
}

legend {
	font-size: 14px;
	color: #a1a0a0;
	font-weight: bold;
}

fieldset label {
	display: block;
	font-size: 13px;
}

fieldset input, fieldset textarea {
	background: #F1F1F1;
	border:1px solid #E2E2E2;
	padding:3px;
	color:#4C4C4C;
}

blockquote span {
	color: #77868b;
	font-weight: bold;
}

testimonial span {
	color: #77868b;
}

p.author {
	color: #437181;
	font-weight: bold;
}

p.author em {
	font-weight: normal;
	color: #616161;
}

/*****Generic Classes*****/ 

.minmargin { margin-bottom: 1px; }

.nomargin { margin-bottom: 0px; }

.alignleft { float: left; }

.alignright { float: right; }

.container {
	width: 940px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	overflow: hidden;
	
}

.subcontainer {
	width: 940px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	overflow: hidden;
	
}

.clearfix { clear: both; }

/*****Basic Layout*****/  

/** Header **/

#header {
	background: url(images/header_bg.gif) repeat-x;
	height: 112px;
}

/** Logo **/

#header h1 {
	background: url(images/logo-trans.png) no-repeat;
	height:82px;
	margin: 5px 0px 5px 0px;
	text-indent:-9990px;
	width:280px;
}

#header span#slogan {
	font-style: normal;
	color: #FFFFFF;
	font-size: 14px;
}

/*** Main Menu ***/

#header ul#top_menu {
	list-style-type: none;
	position: absolute;
	right: 0px;
	top: 42px;
	overflow: hidden;
}

#header ul#top_menu li { float: left; }

#header ul#top_menu li a {
	color: #a0c2d7;
	display: block;
	padding: 5px 13px;
	text-transform: uppercase;
}

#header ul#top_menu li a { text-decoration: none; }

#header ul#top_menu li.active a, #header ul#top_menu li a:hover { color: #fff; }

#header ul#top_menu li.active {
	background: #a0c2d7 url(images/active_item.gif) repeat-x;
	margin: 0px 5px;
}


#LocationMap {margin-left :-25px;}  

/*** Content ***/

#main {
	float: left;
	width: 540px;
}

body#home div#maincontent ul li#blog { background: url(images/blog.jpg) 0px 11px no-repeat; }
body#home div#maincontent ul li#contact { background: url(images/contact.jpg) 0px 11px no-repeat; }
body#home div#maincontent ul li#about { background: url(images/service4.jpg) 0px 11px no-repeat; }
body#home div#maincontent ul li#support { background: url(images/support_logo.jpg) 0px 11px no-repeat; }
body#home div#maincontent ul li#supplies { background: url(images/sales_logo.jpg) 0px 11px no-repeat; }
body#home div#maincontent ul li#website { background: url(images/web_print_logo.jpg) 0px 11px no-repeat; }
body#home div#maincontent ul li#sage { background: url(images/print_ink_logo.jpg) 0px 11px no-repeat; }

body#home div#maincontent ul li h2
{
 margin-left: 50px;
 margin-bottom: 20px;   
 padding-top: 15px;
}

body#home div#maincontent ul li h4
{
 margin-left: 50px;
 margin-bottom: 0px;   
 padding-top: 5px;
}

body#home div#maincontent .datalist
{
 margin-left: 50px;
 margin-bottom: 20px;   
 padding-top: 15px;
}

#maincontent {
	float: left;
	width: 540px;
}

body#home div#maincontent ul li p
{
 margin-left: 50px;   
 
}



#maincontentsummary {
	float: left;
	width: 200px;
	background: #03AE14;
}

body#home .contentimages {
float: left;
margin-left: 50px;
margin-right: 5px;
font-size: 19px;
	color: #8ca5b4;

}

#content {
	background: #ffffff url(images/content_bg.gif) repeat-x top left;
	padding: 33px 0px;
}

#pagename .pagename {
	color: white;
	margin: 22px 0px 0px;
	font-size: 20px;
	font-family: Arial;
}

#pagename .fact {
	color: gray;
	margin: 22px 0px 0px;
	font-size: 15px;
	font-family: Arial;
}

/*** Sidebar ***/

#sidebar {
	float: right;
	width: 300px;
}

#sidebar h2 {
	font-size: 17px;
	color: #8ca5b4;
}

#sidebar .block {
	padding: 1px;
	background: #ffffff;
	margin-bottom: 25px;
	border: 1px solid #edecec;
}

#sidebar .block-inner {
	background: #ffffff url(images/sidebar_block_bg.gif) repeat-x;
	padding: 14px 30px 8px;
}


/*** Footer ***/

#footer {
	clear: both;
	border-top: 1px solid #eaedf0;
	padding: 20px 0px 15px;
	color: #aeb3b6;
}

#footer p#bottom-menu { float: left; }

#footer p#bottom-menu a, h6 { color: #aeb3b6; }

#footer p#bottom-menu a.active, #footer p#bottom-menu a:hover {
	color: #82888c;
	text-decoration: none;
}

#footer h6 { float: right; }

#footer strong {
	color: #84888a;
	font-weight: normal;
}

/***** Home Page ****/



/** Featured Area **/

#featured_area {
	background: url(images/featured_area_bg.gif) repeat-x;
	height: 308px;
	overflow: hidden;
	position: relative;
    top: 0px;
    left: 0px;
}

#featured_area div#mySlides { padding-top: 30px; }

#featured_area .description {
	float: left;
	width: 275px;
	height: 152px;
}

#featured_area .description h2 {
	font-size: 17px;
	color: #423d3a;
	margin-bottom: 15px;
	font-weight: bold;
}

#featured_area .description p { font-size: 13px; }

#featured_area .description a.learn_more {
	font-size: 11px;
	text-transform: uppercase;
}

#featured_area .photo {
	background: url(images/featured_image_bg.gif) repeat-x;
	border: 1px solid #f8f9fa;
	padding: 10px;
	margin-top: 1px;
	float: right;
	position: relative;

}

#featured_area .photo img {
	width: 600px;
	height: 210px;

	
}

#featured_area .slide { overflow: hidden;  }

#featured_area .container {
	height: 308px;
	overflow: none;
}

.ribbon {
	position: absolute;
	right: -1px;
	top: -2px;
	width: 87px;
	height: 89px;
	z-index: 5;
}

.ribbon.webdesign { background: url(images/webdesign-trans.png) right top no-repeat; }

.ribbon.print { background: url(images/print-trans.png) right top no-repeat; }

.ribbon.sales { background: url(images/sales-trans.png) right top no-repeat; }

.ribbon.flash { background: url(images/flash-trans.png) right top no-repeat; }



a.jFlowPrev, a.jFlowNext {
	display: block;
	width: 83px;
	height: 33px;
	position: absolute;
	bottom: -4px;
	text-indent: -9999px;
	cursor: pointer;
}

a.jFlowPrev {
	background: url(images/prev-trans.png) no-repeat;
	left: 0px;
}

a.jFlowNext {
	background: url(images/next-trans.png) no-repeat;
	right: 0px;
}

div#myController { display: none; }

/** Page Name **/

#pagename {
	background: #e9edf0 url(images/pagename_bg.gif) repeat-x top left;
	border-bottom: 1px solid #e7e9ea;
	height: 107px;
}

#pagename h2 {
	color: white;
	margin: 22px 0px 0px;
	font-size: 30px;
	font-family: Arial;
}


/** Home Page Content **/

body#home #content h2 { margin-bottom: 20px; }

body#home div#services {
	width: 560px;
	float: left;
}

body#home div#services ul {
	overflow: hidden;
	list-style-type: none;
}

body#home div#services ul li {
	float: left;
	width: 195px;
	margin: 0px 70px 15px 0px;
	overflow: hidden;
	padding: 0px 0px 0px 45px;
}

body#home div#services ul li#first { background: url(images/support_logo.jpg) 0px 11px no-repeat; }

body#home div#services ul li#first { background: url(images/support_logo.jpg) 0px 11px no-repeat; }

body#home div#services ul li#second { background: url(images/web_print_logo.jpg) 0px 11px no-repeat; }

body#home div#services ul li#third { background: url(images/sales_logo.jpg) 0px 11px no-repeat; }

body#home div#services ul li#fourth { background: url(images/print_ink_logo.jpg) 0px 11px no-repeat; }

body#home div#services ul li.last { margin-right: 0px; }

body#home div#services ul li h3 {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 2px;
}

body#home div#services ul li p {
	color: #4d4c4c;
	line-height: 1.5;
}

body#home div#contact-info {
	float: right;
	width: 300px;
}

body#home div#contact-info p strong {
	color: #454444;
	font-weight: normal;
}

body#home div#quote p.label_name, body#home div#quote p.input_form { float: left; }

body#home div#quote p.label_name {
	width: 80px;
	clear: both;
	color: #7f7e7e;
	font-size: 14px;
}

body#home div#quote input, body#home div#quote textarea {
	width: 145px;
	background: #f3f3f3;
	border: 1px solid #eae9e9;
	font-size: 13px;
	padding: 4px;
	margin-bottom: 15px;
	color: #797676;
}

body#home div#quote input.button {
	text-transform: uppercase;
	color: #fbfbfb;
	background: #a0c2d7;
	padding: 5px 10px;
	display: inline-block;
	font-size: 11px;
	width: 80px;
	border: 0px;
	cursor: pointer;
	margin-left: 80px;
}

body#home #content div.hr { margin: 25px 0px; }

body#home #content .bottom-block {
	float: left;
	width: 300px;
	margin-right: 20px;
}

body#home #content .bottom-block p.postdate {
	float: left;
	width: 250px;
		margin-left: 50px;
}

body#home #content .bottom-block.last { margin-right: 0px; }

body#home #content .bottom-block ul { list-style-type: none; }

body#home #content .bottom-block ul li {
padding-bottom: 10px;

}

body#home #content .bottom-block h2 {
	font-size: 19px;
	color: #8ca5b4;
}

body#home #content .images {
float: left;
padding: 3px;
border: 1px solid #ccc;
margin: 0px 10px 10px 0px;


}

body#home #content .twitter {
float: right;
padding: 3px;
border: 1px solid #ccc;
margin: 0px 10px 10px 0px;

}



/** Services Page **/

ul#latest_blog { list-style-type: none; }

body#home div#subservices ul li#first { background: url(images/support_logo.jpg) 0px 11px no-repeat; }

body#home div#subservices ul li#first { background: url(images/support_logo.jpg) 0px 11px no-repeat; }

body#home div#subservices ul li#second { background: url(images/web_print_logo.jpg) 0px 11px no-repeat; }

body#home div#subservices ul li#third { background: url(images/sales_logo.jpg) 0px 11px no-repeat; }

body#home div#subservices ul li#fourth { background: url(images/print_ink_logo.jpg) 0px 11px no-repeat; }

body#home div#subservices ul li.last { margin-right: 0px; }

body#home div#subservices ul li {
	float: left;
	width: 500px;
	margin: 0px 70px 15px 0px;
	overflow: hidden;
	padding: 0px 0px 0px 45px;
}

body#home div#subservices ul li p {
	color: #4d4c4c;
	line-height: 1.5;
	margin-left: 20px;
}

body#home div#subservices {
	width: 560px;
	float: left;
}

body#home div#subservices ul {
	overflow: hidden;
	list-style-type: none;
}

/** Testimonials Page **/

body#home div#testimonials ul li#review1, li#review2, li#review3, li#review4, li#review5, li#review6, li#review7, li#review8 { background: url(images/gtick.jpg) 0px  0px no-repeat; }

body#home div#testimonials ul li p {
	color: #4d4c4c;
	line-height: 1.5;
}

body#home div#testimonials ul li h3 {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 2px;
}

body#home div#testimonials ul li {
	float: left;
	width: 500px;
	margin: 0px 70px 15px 0px;
	overflow: hidden;
	padding: 0px 0px 0px 45px;
}

body#home div#testimonials ul li p {
	color: #4d4c4c;
	line-height: 1.5;
	margin-left: 20px;
}

body#home div#testimonials {
	width: 560px;
	float: left;
}

body#home div#testimonials {
	width: 560px;
	float: left;
}

body#home div#testimonials p.author {
	color: #437181;
	font-weight: bold;
	
}

/** Portfolio Page **/

#search {
	background: url(images/search.jpg) no-repeat;
	width: 261px;
	height: 32px;
	position: absolute;
	top: 36px;
	right: 0px;
}

#search fieldset {
	border: 0px;
	padding: 8px 3px 3px;
	overflow: hidden;
}

#search fieldset input {
	color:#4C4C4C;
	border: 0px;
	background: none;
	padding: 0px;
}

#search fieldset input#search-field {
	width: 223px;
	font-size: 13px;
	color: #8b8a8a;
	float: left;
}

#search fieldset input#search-button {
	text-indent: -9999px;
	cursor: pointer;
	width: 18px;
	margin-left: 4px;
	padding-top: 27px;
	float: left;
}

ul#categories { list-style-type: none; }

ul#categories li { margin-bottom: 11px; }

/** Post **/

.post {
	overflow: hidden;
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #e9eced;
}

.post h2 { margin-bottom: 0px; }

.post h2 a { color: #4B4745; }

div.post-meta {
	font-size: 11px;
	text-transform: uppercase;
	color: #bfbfbf;
	margin-bottom: 30px;
}

div.post-meta a.category { color: #ccdbe4; }

div.post-meta a.category:hover { color: #8ca5b4; }

div.post-meta em {
	font-family: Palatino Linotype, Georgia, serif;
	font-size: 14px;
}

.post img {
	border: 3px solid #e4e3e3;
	margin-bottom: 30px;
}

a.button {
	text-transform: uppercase;
	color: #fbfbfb;
	background: #a0c2d7;
	padding: 5px 10px;
	display: inline-block;
	font-size: 11px;
}

a.button:hover {
	text-decoration: none;
	background: #658294;
}

.post a.button {
	margin-top: 14px;
	float: right;
}

#pagination {
	overflow: hidden;
	margin-bottom: 20px;
}

#pagination a {
	font-size: 11px;
	text-transform: uppercase;
}

/** Blog **/

p.in_category {
	font-style: italic;
	color: #616161;
	margin-top: 1px;
	padding: 0px 0px 5px;
}

p.in_category a { color: #8dadc7; }

/** Contact Page **/

body#home div#maincontent ul li#contact p

{
    margin-top: 0px;
    margin-bottom: 0px;
    
} 

body#home div#maincontent ul li#contact p.spacing

{
    margin-top: 20px;
    margin-bottom: 20px;
    
} 

p#tip {
	font-weight: bold;
	font-size: 13px;
}

/** Contact us Form **/

#contact_us {
	width: 700px;
	margin: 25px 0px 0px;
}

p.label_name, p.input_form { float: left; }

p.label_name {
	width: 80px;
	clear: both;
	color: #7f7e7e;
	font-size: 14px;
}

#contact_us input, #contact_us textarea {
	width: 370px;
	background: #f3f3f3;
	border: 1px solid #eae9e9;
	font-size: 13px;
	padding: 4px;
	margin-bottom: 15px;
	color: #797676;
	
}

#contact_us input.button {
	text-transform: uppercase;
	color: #fbfbfb;
	background: #a0c2d7;
	padding: 5px 10px;
	display: inline-block;
	font-size: 11px;
	width: 60px;
	border: 0px;
	cursor: pointer;
	margin-left: 80px;
}

#contact_us lblMessage  {
	display: none;
	font-size: 16px;
	text-align: center;
	margin-bottom: 20px;
	cursor: pointer;
	color: #9e9595;
	font-style: italic;
	margin-left: 80px;
}

div#feedback { margin-top: 20px; }

p.error {
	display: none;
	padding: 5px 0px;
	color: #8dadc7;
	font-weight: bold;
}

p#submit { text-align:right; }

p#success {
	display: none;
	font-size: 16px;
	text-align: center;
	margin-bottom: 20px;
	cursor: pointer;
	color: #9e9595;
	font-style: italic;
}