﻿*{
margin:0;
padding:0;
border:0
}
body{
margin:0 0 60px 0;
color:#666666;
background:#051d37;
font:12px arial,tahoma,verdana,helvetica,sans-serif
}
a{
color:#066cb8;
text-decoration:none
}
a:hover{
color:#8cc246;
text-decoration:underline
}
textarea{
border:#969696 1px solid;
padding:2px;
color:#000000;
font:11px arial,tahoma,sans-serif
}
select{
border:#969696 1px solid;
padding:2px;
color:#000000;
font:11px arial,tahoma,sans-serif
}
input{
border:#969696 1px solid;
padding:2px;
color:#000000;
font:11px arial,tahoma,sans-serif
}
select{
padding:1px
}
li{
list-style:none
}
#bgr-fix{
background:url(bgr2.gif)
}
#bgr-grain{
background:url(bgr.gif) repeat-x top
}
#page{
margin:0 auto;
width:766px
}
/*--- HEADER ---*/
#header{
background:url(header-bgr.jpg) no-repeat top;
height:181px
}


/*- Top menu -*/
#header ul{
width:470px;
margin:0 0 0 260px;
position:absolute;
top:149px
}
#header li{
width:76px;
float:left;
margin:0 1px;
color:#ffffff;
font-weight:bold;
text-align:center;
line-height:32px;
height:32px
}
#header li a{
padding:0 1px;
display:block;
color:#ffffff;
background:url(topmenu-normal.gif) no-repeat;
text-decoration:none
}
#header li.active a{
display:block;
color:#ffffff;
background:url(topmenu-hover.gif) no-repeat
}


#header li a:hover{
display:block;
color:#ffffff;
background:url(topmenu-hover.gif) no-repeat
}


/*--- COLUMN LAYOUT ---*/
#columns{
width:740px;
margin:0 auto
}


/*--- LEFT column ---*/
#leftcol{
width:218px;
float:left
}
.leftmenu{
margin:27px 0 45px 0;
background:url(leftmenu-top.gif) #98bb54 no-repeat
}
.leftmenu-bot{
background:url(leftmenu-bot.gif) no-repeat;
line-height:10px;
height:10px
}
.leftmenu h4{
padding:10px 0 0 18px;
color:#ffe154;
font-weight:normal;
font-size:17px;
font-weight:normal
}
.leftmenu ul{
padding:8px 0 8px 10px
}
.leftmenu li{
color:#ffffff
}
.leftmenu li a{
padding:0 0 0 12px;
display:block;
background:url(ico-arrow.gif) no-repeat left top;
color:#ffffff;
line-height:21px;
text-decoration:none;
height:21px
}
.leftmenu li.active a{
padding:0 0 0 12px;
display:block;
color:#ffe154;
background:url(ico-arrow-hover.gif) no-repeat left top
}
.leftmenu li a:hover{
padding:0 0 0 12px;
display:block;
color:#ffe154;
background:url(ico-arrow-hover.gif) no-repeat left top
}
#man{
width: 85px;
height: 159px;
margin:0 0 0 127px;
top:440px;
background:url(ico-man.png) no-repeat;
position:absolute
}


/*--- CENTER column ---*/
#centercol{
width:511px;
float:right;
background:#ffffff
}
#centercol-top{
background:url(centercol-top.gif) no-repeat;
line-height:19px;
height:19px
}
#centercol-bot{
clear:both;
background:url(centercol-bot.gif) no-repeat;
height:19px
}
#centercol .spacer{
padding:7px 20px
}
#centercol h2{
clear:both;
padding:0 0 10px 0;
color:#0583ae;
font-size:15px;
text-transform:uppercase
}
#centercol h3{
clear:both;
color:#276fa0;
font-size:12px;
padding:0 0 10px 0
}
#centercol p{
font-size:11px;
line-height:18px;
padding:0 0 8px 0
}


/*- home Section -*/
.titlehome{
margin:0 0 -20px 0;
background:url(home_header.gif) no-repeat;
height:189px
}
.titlehome h1{
padding:15px 18px;
color:#ffffff;
font-weight:normal;
font-size:20px
}
.titlehome ul{
padding:0 18px
}
.titlehome li{
margin:2px 0;
color:#ffffff
}
.titlehome li a{
padding:0 0 0 18px;
background:url(ico-bullet.gif) no-repeat left;
color:#ffffff;
text-decoration:none
}
.titlehome li.active a{
background:url(ico-bullet-.gif) no-repeat left;
color:#072a52
}

.titlehome li a:hover{
background:url(ico-bullet-.gif) no-repeat left;
color:#072a52
}

/*- home Section -*/




/*- ecommerce Section -*/
.title{
margin:0 0 -20px 0;
background:url(title.jpg) no-repeat;
height:189px
}
.title h1{
padding:15px 18px;
color:#ffffff;
font-weight:normal;
font-size:20px
}
.title ul{
padding:0 18px
}
.title li{
margin:2px 0;
color:#ffffff
}
.title li a{
padding:0 0 0 18px;
background:url(ico-bullet.gif) no-repeat left;
color:#ffffff;
text-decoration:none
}
.title li.active a{
background:url(ico-bullet-.gif) no-repeat left;
color:#072a52
}

.title li a:hover{
background:url(ico-bullet-.gif) no-repeat left;
color:#072a52
}

/*- ecommerce Section -*/

/*- order Section -*/
.titleorder{
margin:0 0 -20px 0;
background:url(order_header.gif) no-repeat;
height:189px
}
.titleorder h1{
padding:15px 18px;
color:#ffffff;
font-weight:normal;
font-size:20px
}
.titleorder ul{
padding:0 18px
}
.titleorder li{
margin:2px 0;
color:#ffffff
}
.titleorder li a{
padding:0 0 0 18px;
background:url(ico-bullet.gif) no-repeat left;
color:#3c96b4;
text-decoration:none
}
.titleorder li.active a{
background:url(ico-bullet-.gif) no-repeat left;
color:#072a52
}

.titleorder li a:hover{
background:url(ico-bullet-.gif) no-repeat left;
color:#072a52
}

/*- order Section -*/


/*- services Section -*/
.titleservices {
margin:0 0 -20px 0;
background:url(services_header.gif) no-repeat;
height:189px
}
.titleservices h1{
padding:15px 18px;
color:#ffffff;
font-weight:normal;
font-size:20px
}
.titleservices ul{
padding:0 18px
}
.titleservices li{
margin:2px 0;
color:#ffffff
}
.titleservices li a{
padding:0 0 0 18px;
background:url(ico-bullet.gif) no-repeat left;
color:#ffffff;
text-decoration:none
}
.titleservices li.active a{
background:url(ico-bullet-.gif) no-repeat left;
color:#072a52
}

.titleservices li a:hover{
background:url(ico-bullet-.gif) no-repeat left;
color:#072a52
}

/*- services Section -*/


/*- webdesign Section -*/
.titlewebdesign  {
margin:0 0 -20px 0;
background:url(web_design.gif) no-repeat;
height:189px
}
.titlewebdesign h1{
padding:15px 18px;
color:#ffffff;
font-weight:normal;
font-size:20px
}
.titlewebdesign ul{
padding:0 18px
}
.titlewebdesign li{
margin:2px 0;
color:#ffffff
}
.titlewebdesign li a{
padding:0 0 0 18px;
background:url(ico-bullet.gif) no-repeat left;
color:#ffffff;
text-decoration:none
}
.titlewebdesign li.active a{
background:url(ico-bullet-.gif) no-repeat left;
color:#072a52
}

.titlewebdesign li a:hover{
background:url(ico-bullet-.gif) no-repeat left;
color:#072a52
}

/*- webdesign Section -*/



/*- privacy Section -*/
.titleprivacy  {
margin:0 0 -20px 0;
background:url(privacy_header.gif) no-repeat;
height:189px
}
.titleprivacy  h1{
padding:15px 18px;
color:#ffffff;
font-weight:normal;
font-size:20px
}

/*- privacy Section -*/

/*- sitemap Section -*/
.titlesitemap  {
margin:0 0 -20px 0;
background:url(sitemap_header.gif) no-repeat;
height:189px
}
.titlesitemap  h1{
padding:15px 18px;
color:#ffffff;
font-weight:normal;
font-size:20px
}

/*- sitemap Section -*/





/*- seo Section -*/
.titleseo  {
margin:0 0 -20px 0;
background:url(seo_header.gif) no-repeat;
height:189px
}
.titleseo h1{
padding:15px 18px;
color:#ffffff;
font-weight:normal;
font-size:20px
}
.titleseo ul{
padding:0 18px
}
.titleseo li{
margin:2px 0;
color:#ffffff
}
.titleseo li a{
padding:0 0 0 18px;
background:url(ico-bullet.gif) no-repeat left;
color:#ffffff;
text-decoration:none
}
.titleseo li.active a{
background:url(ico-bullet-.gif) no-repeat left;
color:#072a52
}

.titleseo li a:hover{
background:url(ico-bullet-.gif) no-repeat left;
color:#072a52
}

/*- seo Section -*/



/*- portfolio Section -*/
.titleportfolio  {
margin:0 0 -20px 0;
background:url(portfolio_header.gif) no-repeat;
height:189px
}
.titleportfolio h1{
padding:15px 18px;
color:#ffffff;
font-weight:normal;
font-size:20px
}
.titleportfolio ul{
padding:0 18px
}
.titleportfolio li{
margin:2px 0;
color:#ffffff
}
.titleportfolio li a{
padding:0 0 0 18px;
background:url(ico-bullet.gif) no-repeat left;
color:#ffffff;
text-decoration:none
}
.titleportfolio li.active a{
background:url(ico-bullet-.gif) no-repeat left;
color:#072a52
}

.titleportfolio li a:hover{
background:url(ico-bullet-.gif) no-repeat left;
color:#072a52
}

/*- portfolio Section -*/




/*- aboutus Section -*/
.titleabout  {
margin:0 0 -20px 0;
background:url(about_header.gif) no-repeat;
height:189px
}
.titleabout h1{
padding:15px 18px;
color:#ffffff;
font-weight:normal;
font-size:20px
}
.titleabout ul{
padding:0 18px
}
.titleabout li{
margin:2px 0;
color:#ffffff
}
.titleabout li a{
padding:0 0 0 18px;
background:url(ico-bullet.gif) no-repeat left;
color:#ffffff;
text-decoration:none
}
.titleabout li.active a{
background:url(ico-bullet-.gif) no-repeat left;
color:#072a52
}

.titleabout li a:hover{
background:url(ico-bullet-.gif) no-repeat left;
color:#072a52
}

/*- aboutus Section -*/



/*- Logo Section -*/
.titlelogo  {
margin:0 0 -20px 0;
background:url(logo_header.gif) no-repeat;
height:189px
}
.titlelogo h1{
padding:15px 18px;
color:#ffffff;
font-weight:normal;
font-size:20px
}
.titlelogo ul{
padding:0 18px
}
.titlelogo li{
margin:2px 0;
color:#ffffff
}
.titlelogo li a{
padding:0 0 0 18px;
background:url(ico-bullet.gif) no-repeat left;
color:#ffffff;
text-decoration:none
}
.titlelogo li.active a{
background:url(ico-bullet-.gif) no-repeat left;
color:#072a52
}

.titlelogo li a:hover{
background:url(ico-bullet-.gif) no-repeat left;
color:#072a52
}

/*- Logo Section -*/


/*- FAQ Section -*/
.titlefaq{
margin:0 0 -20px 0;
background:url(faq_header.gif) no-repeat;
height:189px
}
.titlefaq h1{
padding:15px 18px;
color:#ffffff;
font-weight:normal;
font-size:20px
}
.titlefaq ul{
padding:0 18px
}
.titlefaq li{
margin:2px 0;
color:#ffffff
}
.titlefaq li a{
padding:0 0 0 18px;
background:url(ico-bullet.gif) no-repeat left;
color:#ffffff;
text-decoration:none
}
.titlefaq li.active a{
background:url(ico-bullet-.gif) no-repeat left;
color:#072a52
}

.titlefaq li a:hover{
background:url(ico-bullet-.gif) no-repeat left;
color:#9fe779
}

/*- FAQ Section -*/


/*- testimonials Section -*/
.titletesti{
margin:0 0 -20px 0;
background:url(testimonials_header.gif) no-repeat;
height:189px
}
.titletesti h1{
padding:15px 18px;
color:#ffffff;
font-weight:normal;
font-size:20px
}
.titletesti ul{
padding:0 18px
}
.titletesti li{
margin:2px 0;
color:#ffffff
}
.titletesti li a{
padding:0 0 0 18px;
background:url(ico-bullet.gif) no-repeat left;
color:#ffffff;
text-decoration:none
}
.titletesti li.active a{
background:url(ico-bullet-.gif) no-repeat left;
color:#072a52
}

.titletesti li a:hover{
background:url(ico-bullet-.gif) no-repeat left;
color:#09386e
}

/*- testimonials Section -*/

/*- contactbanner Section -*/
.titlecontactbanner{
margin:0 0 -20px 0;
background:url(contact_header.gif) no-repeat;
height:189px
}
.titlecontactbanner h1{
padding:15px 18px;
color:#ffffff;
font-weight:normal;
font-size:20px
}
.titlecontactbanner ul{
padding:0 18px
}
.titlecontactbanner li{
margin:2px 0;
color:#ffffff
}
.titlecontactbanner li a{
padding:0 0 0 18px;
background:url(ico-bullet.gif) no-repeat left;
color:#ffffff;
text-decoration:none
}
.titlecontactbanner li.active a{
background:url(ico-bullet-.gif) no-repeat left;
color:#072a52
}

.titlecontactbanner li a:hover{
background:url(ico-bullet-.gif) no-repeat left;
color:#09386e
}

/*- contactbanner Section -*/

/*- ecommercepackage Section -*/
.ecommercepackage{
margin:0 0 -20px 0;
background:url(ecommerce_header.gif) no-repeat;
height:189px
}
.ecommercepackage h1{
padding:15px 18px;
color:#ffffff;
font-weight:normal;
font-size:20px
}
.ecommercepackage ul{
padding:0 18px
}
.ecommercepackage li{
margin:2px 0;
color:#ffffff
}
.ecommercepackage li a{
padding:0 0 0 18px;
background:url(ico-bullet.gif) no-repeat left;
color:#ffffff;
text-decoration:none
}
.ecommercepackage li.active a{
background:url(ico-bullet-.gif) no-repeat left;
color:#072a52
}

.ecommercepackage li a:hover{
background:url(ico-bullet-.gif) no-repeat left;
color:#09386e
}

/*- ecommercepackage Section -*/




/* services icons */
#servicespics	{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#servicespics	li	{
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	padding: 3px 0 30px 70px;
	font:11px arial,tahoma,sans-serif
}

#servicespics	li	strong	{
	font-size: 1.1em;
}

#servicespics	li.webdesgin	{
	background-image: url(webdesignicon.gif);
}

#servicespics	li.seo	{
	background-image: url(seoicon.gif);
}

#servicespics	li.ecommerceli	{
	background-image: url(ecommerceicon.gif);
}

#servicespics	li.logodesign	{
	background-image: url(logoicon.gif);
	padding: 3px 0 1px 70px;
}

/* services icons */


/* testimonials icons */
#testipics	{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#testipics	li	{
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	font:11px arial,tahoma,sans-serif;
	border-bottom: 1px dashed #B5B5B5; margin-bottom:12px; margin-top:3px;
}

#testipics	li	strong	{
	font-size: 1.1em;
}

#testipics	li.test1	{
	background-image: url(testi1.gif);
	padding: 2px 0 40px 125px;
}
#testipics	li.test2	{
	background-image: url(testi1.gif);
	padding: 2px 0 40px 125px;
}
#testipics	li.test3	{
	background-image: url(testi1.gif);
	padding: 1px 0 11px 125px;
}
#testipics	li.test4	{
	background-image: url(testi1.gif);
	padding: 1px 0 54px 125px;
}

#testipics	li.last	{
	background-image: url(testi1.gif);
	padding: 1px 0 44px 125px;
}

/* testimonials icons */





/* Styling question */

.dhtmlgoodies_question{	
	/* Start layout CSS */
	color:#666666;
	font-size:0.9em;
	background-color:#FFF;
	width:430px;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:2px;
	height:20px;
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	color:#2e7cae;
	font-size:1.1em;
	background-color:#fff;
	width:460px;
	margin-bottom:6px;
	margin-top:2px;
	padding-left:2px;

	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:3px;
	font-size:0.9em;	
	position:relative;
}

/* Styling question */





/*- featured List -*/
.firstcol {
	FLOAT: left; WIDTH: 230px; MARGIN-RIGHT: 1px
}
.secondcol {
	FLOAT: right; WIDTH: 210px;
}
clear {
	clear:both; 
	height:1px; 
	margin:0; 
	padding:0; 
	line-height: 1px;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: block; 
	width: 0;
}
 
* html .clearfix {
/* Hides from IE-mac \*/
height: 0;
/* End hide from IE-mac */
}


#featured {
	padding:3px 0;

}


#featured ul {
	clear:both;
	list-style:none;
	margin:0;
	padding:0;
	margin-top:-10px;
}

#featured ul li{

	width:40px;
	height:50px;
	float:left;
	padding-bottom:1px;
	/*border:1px solid #E0E2C5;*/
	text-align:center;
	background:url('shadow_thumb.jpg') no-repeat bottom left;; margin-left:0; margin-right:11px; margin-top:10px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:0
}

#featured img{
	float:left;
	margin:0;
	clear:both;
	cursor:pointer;
	border:2px dotted #a6e6f0;
	width:40px;
	height:45px;
}

#featured ul li img:hover{
	border:2px solid #63D7E7;
}
/*- featured List -*/





/*- Links List -*/
ul.links{
clear:right;
padding:1px 0
}
.links li{
padding:0 0 0 16px;
background:url(ico-more.gif) no-repeat left;
font-weight:bold
}
.links li a{
text-decoration:none
}
/*- Links List -*/



/*--- FOOTER ---*/
#footer{
padding:10px 15px;
font-weight:bold;
height:40px
}
#footer a{
text-decoration:none
}
#footer a:hover{
color:#8dd243;
text-decoration:underline
}
p.copy{
width:210px;
color:#5da8c8
}
p.copy a{
color:#5da8c8
}

p.botmenu{
width:496px;
color:#41545a
}
p.botmenu a{
color:#ffffff
}
/*--- FOOTER ---*/



/*--- Misc. styles ---*/
.fix{
clear:both;
line-height:1px;
height:1px
}
hr{
clear:both;
border-bottom:4px solid #0589b0;
margin:3px 0 10px 0;
height:4px
}
.fl{
float:left
}
img.fl{
margin:0 15px 10px 0
}
.fre{
float:right
}
img.fre{
margin:0 0 15px 13px
}
.about_image{
float:right
}
about_image{
margin:0 0 15px 13px


}
.fr{
float:right
}
img.fr{
margin:0 0 10px 15px
}
img.center{
margin:0 0 10px 0;
padding-top:6px;
padding-bottom:5px
}

a.more{
padding:0 0 0 16px;
display:block;
background:url(ico-more.gif) no-repeat left;
font-weight:bold;
text-align:left;
text-decoration:none
}
.blue a{
color:#2e7cae;
font-weight:bold
}



.blue{
color:#2e7cae;
font-weight:bold
}



/*GOOGLEMAP*/

#map {
	width: 210px; 
	height: 145px;
	border: 1px solid #ace1f4;
}

/*GOOGLEMAP*/

/*-CONTACT-*/
#contact {
	padding: 0;
	margin: 0;
}
#contact fieldset {
	border: 0;
	padding: 0;
	margin: 0;
	font:12px arial,tahoma,verdana,helvetica,sans-serif; color:#666;
}
#contactLeft input {
	margin-bottom: 15px;
	width: 180px;
	border: 1px #ace1f4 solid;
	background:#F6FDFF;
	font:12px arial,tahoma,verdana,helvetica,sans-serif; color:#666;
}
#contact legend {
	background-color:#FFFFFF;
	color: #FFFFFF;
	font-weight: bold;
	left: -5px;
	position: relative;
}
#contact label {
	display: block;
	color: #2e7cae;
	font-weight: bold;
}
#contactLeft {
	width: 210px;
	padding-right: 15px;
	float: left;
	background: #FFFFFF url(vertical-dots.gif) repeat-y right;
}
#contactRight {
	float: right;
	width: 220px;
}
#contactRight select {
	margin-bottom: 15px;
	border: 1px #2e7cae solid;
}
#contactRight textarea {
	margin-bottom: 15px;
	border: 1px #ace1f4 solid;
	font:12px arial,tahoma,verdana,helvetica,sans-serif; color:#666;
	width: 230px;
	background:#F6FDFF;
}
#contactRight input {
	margin-bottom: 15px;
	width: 180px;

	
}
.btn-submit { clear:both;  padding-top:1px;}
*html .btn-submit { padding:0; margin:0;}
.input-btn { background:url(btn.gif) no-repeat left top; border:0; font:12px arial,tahoma,verdana,helvetica,sans-serif; color:#fff; font-weight:bold; width:100px; height:20px; cursor:pointer; padding-left:3px; text-align:left;}
.input-btn:hover { color:#fcff00;}
*html .input-btn { padding-left:6px;}
}

#leftColumn {
	width: 450px;
	float: left;
}
#leftContent {
	padding: 0px 0px 0px 0px;
	line-height: 1.5em;
}
div.hr {
  height: 1.5em;
  background: #fff url(divhr.gif) repeat-x scroll center;
}
div.hr hr { display: none; }
}
FORM FIELDSET {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 10px; BORDER-TOP: 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 10px; BORDER-BOTTOM: 0px
}
FORM FIELDSET LEGEND {
	FONT-SIZE: 1.1em; COLOR: #666666
}


/*CONTACT*/

/* Contact icons */
#contacticon	{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#contacticon	li	{
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	padding: 5px 0 10px 40px;
	font:11px arial,tahoma,sans-serif
}

#contacticon	li	strong	{
	font-size: 1.1em;
}

#contacticon	li.contactico	{
	background-image: url(contact_address.gif);
}

#contacticon	li.contactico2	{
	background-image: url(contact_mailing.gif);
}

#contacticon	li.contactico3	{
	background-image: url(contact_phone.gif);
}

/* contact icons */


/* ecommercepackage icons */
#ecommercepackageicon	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-bottom:15px
}

#ecommercepackageicon	li	{
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	padding-left:27px;
	padding-top:5px;
	padding-bottom:7px;
	margin-right:4px;
	font:11px arial,tahoma,sans-serif
}

#ecommercepackageicon	li	strong	{
	font-size: 1.1em;
}

#ecommercepackageicon	li.ecommercepackageicon	{
	background-image: url(backendicon.gif);
}
/* ecommercepackage icons */





/* sitemap icons */

.sitemapitemstyle {
	list-style-image: url(book2.gif);
	vertical-align: middle;
	font-size:11px;
	line-height:18px;
	padding-top:1px;
	padding-left:2px;
	margin-left:25px;

}

/* sitemap icons */


/* portfolio */

#workblocks {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px -15px; PADDING-TOP: 0px
}
#workblocks li {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 17px 17px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;
}
#workblocks li a {
	BORDER-RIGHT: #e6e6e6 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #e6e6e6 1px solid; DISPLAY: block; PADDING-LEFT: 4px; BACKGROUND: #fff; PADDING-BOTTOM: 4px; BORDER-LEFT: #e6e6e6 1px solid; WIDTH: 133px; COLOR: #65675d; PADDING-TOP: 4px; BORDER-BOTTOM: #e6e6e6 1px solid; POSITION: relative; HEIGHT: 59px; TEXT-DECORATION: none; 
}
#workblocks li a img {
	LEFT: 4px; POSITION: absolute; TOP: 4px
}
#workblocks li a span {
	BORDER-RIGHT: #e6e6e6 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #e6e6e6 0px solid; PADDING-LEFT: 5px; BACKGROUND: #fff; LEFT: 4px; PADDING-BOTTOM: 0px; BORDER-LEFT: #e6e6e6 0px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #e6e6e6 1px solid; POSITION: absolute; TOP: 4px; font:11px arial,tahoma,sans-serif;
}
#workblocks li a:hover {
	BORDER-RIGHT: #4b9bb0 1px solid; BORDER-TOP: #4b9bb0 1px solid; BACKGROUND: #7dbada; BORDER-LEFT: #4b9bb0 1px solid; COLOR: #fff; BORDER-BOTTOM: #4b9bb0 1px solid
}
#workblocks li a:hover span {
	BORDER-LEFT-COLOR: #4b9bb0; BACKGROUND: #7dbada; BORDER-BOTTOM-COLOR: #4b9bb0; BORDER-TOP-COLOR: #4b9bb0; BORDER-RIGHT-COLOR: #4b9bb0; font:11px arial,tahoma,sans-serif;
}
.clearfix:unknown {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}

img {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: transparent; BORDER-RIGHT-WIDTH: 0px;
}
.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
padding-right:4px;
padding-bottom:14px;
text-align: right; /*Set to "right" to right align pagination interface*/
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 10px;
border: 1px solid #2e7cae;
text-decoration: none; 
color: #2e6ab1;
font:11px arial,tahoma,sans-serif;
font-weight: bold;

}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
padding: 0 10px;
color: #000;
background-color: #9acfec;
font:11px arial,tahoma,sans-serif;color:#ffffff;
font-weight: bold;

}

.pagination li.currentpage{
padding: 0 10px;
border: 1px solid #2b66a5;
text-decoration: none;
background-color:#2e7cae;
font:11px arial,tahoma,sans-serif;color: #ffffff;
font-weight: bold;
}

.pagination li.disablepage{
padding: 0 10px;
border: 1px solid #929292;
color: #929292;
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}
/* portfolio */
