/* -------------------------------------------
 * Body
  ------------------------------------------- */
BODY
{
	border-top: solid 3px #E3E3E3;
	background-color: #EEEEEE;
}

/* -------------------------------------------
 * Link Pseudo Classes
  ------------------------------------------- */
A, A:link, A:visited
{
	color: #2B6BA1;
}
A:hover, A:active
{
	color: #00457C;
	text-decoration: none;
}
A.external
{
	text-decoration: underline;
}
A.external:hover
{
	text-decoration: none;
}
A.internal
{
	color: #59B2F5;
}

/* -------------------------------------------
 * Accent Colors
  ------------------------------------------- */
.accent
{
	color: #59B2F5;
}
.white
{
	color: #FFFFFF;
}

/* -------------------------------------------
 * Heading Elements
  ------------------------------------------- */
H1, 
H1 A, H1 A:link, H1 A:visited, H1 A:hover
{
	color: #111111;
	font-size: 2.4em;
	line-height: 28px;
	margin-top: 40px;
	margin-bottom: 20px;
	letter-spacing: -1px;
	font-weight: 900;
	text-decoration: none;
}

H2,
H2 A
{
	color: #222222;
	font-size: 24px;
	line-height: 26px;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 15px;
	letter-spacing: 0;
	text-decoration: none;
}

H3,
H3 A
{
	color: #222222;
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 5px;
	letter-spacing: 0;
	text-decoration: none;
}

H4,
H4 A
{
	color: #333333;
	font-size: 12px;
	line-height: 16px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: 900;
	text-decoration: none;
}

H1.first, H2.first, H3.first, H4.first
{
	margin-top: 0;
}

H1 A, H2 A, H3 A, H4 A
{
	
}
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover
{
	text-decoration: underline;
}

/* -------------------------------------------
 * Headings With Backgrounds
  ------------------------------------------- */
H3.services
{
	background: url('../../images/bg/headings/h2/services.png') no-repeat left center;
	padding-left: 40px;
	line-height: 35px;
}
H3.testimonial
{
	background: url('../../images/bg/headings/h2/testimonial.png') no-repeat left center;
	padding-left: 40px;
	line-height: 35px;
}
H3.projects
{
	background: url('../../images/bg/headings/h2/projects.png') no-repeat left center;
	padding-left: 40px;
	line-height: 35px;
}
H3.customers
{
	background: url('../../images/bg/headings/h2/customers.png') no-repeat left center;
	padding-left: 38px;
	line-height: 35px;
}
H3.newsletter_subscribe
{
	background: url('../../images/bg/headings/h2/newsletter_subscribe.png') no-repeat left center;
	padding-left: 38px;
	line-height: 35px;
}


/* -------------------------------------------
 * Horizontal Rule
  ------------------------------------------- */
HR
{
	border-top: solid 1px #F1F1F1;
	height: 0;
	border-bottom: solid 1px #FFFFFF;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* -------------------------------------------
 * 2 Column Inner Layout
  ------------------------------------------ */
.left-50pc
{
	float: left;
	width: 46%;
	padding: 0 4% 0 0;
	overflow: hidden;		/* Equal height columns */
	padding-bottom: 1020px;	/* Equal height columns */
	margin-bottom: -1000px;	/* Equal height columns */
}
.right-50pc
{
	float: right;
	width: 46%;
	padding: 0 0 0 4%;
	overflow: hidden;		/* Equal height columns */
	padding-bottom: 1020px;	/* Equal height columns */
	margin-bottom: -1000px;	/* Equal height columns */
}

/* -------------------------------------------
 * 3 Column Inner Layout
 * http://www.alistapart.com/articles/holgrail
  ------------------------------------------ */
.threecolumn-container
{
	width: 240px; /* 710px */
	margin: 20px 0 20px 0;  
	padding-left: 230px;   /* LC fullwidth */
	padding-right: 250px;  /* RC fullwidth + CC padding */
	overflow: hidden;	/* Equal height columns */
}
.threecolumn-container .column 
{
	position: relative;
	float: left;
	padding-bottom: 2020px;	/* Equal height columns + Any Pad you want */
	margin-bottom: -2000px;	/* Equal height columns */
}
.threecolumn-left
{
	width: 210px;          /* LC width - Pad */
	right: 240px;          /* LC width + Pad*/
	margin-left: -100%;
	padding-right: 20px;
}
.threecolumn-center
{
	width: 210px;
	padding: 0 20px;
}
.threecolumn-right
{
	width: 210px;			/* RC width - Pad */
	margin-right: -240px;	/* RC width */
	padding-left: 20px;
}

/** IE Fix **/
* html .threecolumn-left
{
	left: 210px;  /* RC fullwidth */
}
	        
/* -------------------------------------------
 * Filled Container
  ------------------------------------------- */
DIV.filled
{
	margin: 20px 0 20px 0;
	padding: 20px;
	border: solid 1px #E9E9E9;
	background-color: #F1F1F1;
}
	        
/* -------------------------------------------
 * Menu List
  ------------------------------------------- */
UL.list-menu
{
	list-style-type: none;
	margin-bottom: 40px;
}

UL.list-menu LI
{
	position: relative;	
	min-height: 60px;
	margin-bottom: 30px;
}

UL.list-menu LI IMG
{
	position: absolute;
	top: -5px;
	width: 48px;
	height: 48px;
}

UL.list-menu LI H3
{
	margin-left: 60px;
}
UL.list-menu LI P
{	
	margin-left: 60px;
	font-size: 14px;
}

/* -------------------------------------------
 * Lists
  ------------------------------------------- */
UL.list,
OL.list
{
	margin: 20px 0 20px 20px;
	list-style-position: inside;
}
UL.list
{
	list-style-type: circle;
}
UL.bulleted-list LI
{
	margin: 0 0 0 20px;
	list-style-type: none;
	background: url('../../images/bullets/blue_pointer.gif') no-repeat left center;
	padding-left: 15px;	
}

/* -------------------------------------------
 * Links
  ------------------------------------------- */
.more,
A.more, A.more:link, A.more:visited
{
	background: url('../../images/bullets/blue_pointer.gif') no-repeat right center;
	padding-right: 8px;
}
A.more:hover, 
A.more:active
{
	background: url('../../images/bullets/blue_pointer.gif') no-repeat 99% center;
}

.bullet,
A.bullet, A.bullet:link, A.bullet:visited
{
	background: url('../../images/bullets/blue_pointer.gif') no-repeat left center;
	padding-left: 9px;
}
A.bullet:hover, 
A.bullet:active
{
	background: url('../../images/bullets/blue_pointer.gif') no-repeat 1px center;
}


/* -------------------------------------------
 * Background Images
  ------------------------------------------- */
SPAN.phone
{
	background: url('../../images/icons/silk/telephone.png') no-repeat left center;
	padding-left: 22px;	
}
SPAN.fax
{
	background: url('../../images/icons/silk/transmit.png') no-repeat left center;
	padding-left: 22px;	
}
SPAN.mobile
{
	background: url('../../images/icons/silk/phone_sound.png') no-repeat left center;
	padding-left: 21px;	
}



A.no-text
{
	overflow: hidden;
	text-indent: -10000px;	
	font-size: 1%;
	border: none;
}

A.live-chat
{
	font-weight: bold;
	margin-right: 10px;
	line-height: 20px;
	background: url('../../images/icons/social-icons/google_voice_16.png') no-repeat left center;
	padding-left: 25px;
	display: inline-block;	
}
A.follow-us-facebook
{
	font-weight: bold;
	margin-right: 10px;
	line-height: 20px;
	background: url('../../images/icons/social-icons/facebook_16.png') no-repeat left center;
	padding-left: 25px;
	display: inline-block;	
}
A.follow-us-twitter
{
	font-weight: bold;
	margin-right: 10px;
	line-height: 20px;
	background: url('../../images/icons/social-icons/twitter_16.png') no-repeat left center;
	padding-left: 25px;
	display: inline-block;
}
A.skype-me
{
	font-weight: bold;
	margin-right: 10px;
	line-height: 20px;
	background: url('../../images/icons/social-icons/skype_16.png') no-repeat left center;
	padding-left: 25px;
	display: inline-block;	
}
A.email-us
{
	font-weight: bold;
	margin-right: 10px;
	line-height: 20px;
	background: url('../../images/icons/social-icons/email_16.png') no-repeat left center;
	padding-left: 25px;
	display: inline-block;	
}

A.rss
{
	background: url('../../images/icons/silk/feed.png') no-repeat left center;
	padding-left: 20px;
	display: inline-block;
}
A.email,
A.safemail
{
	background: url('../../images/icons/silk/email_go.png') no-repeat left center;
	padding-left: 21px;
	display: inline-block;
}
A.noemail
{
	background: url('../../images/icons/silk/email.png') no-repeat left center;
	padding-left: 20px;
	display: inline-block;
}
A.print
{
	background: url('../../images/icons/silk/printer.png') no-repeat left center;
	padding-left: 20px;
	display: inline-block;
}

A.zip
{
	background: url('../../images/icons/assets/zip.gif') no-repeat left center;
	padding-left: 20px;
	display: inline-block;
}
A.pdf
{
	background: url('../../images/icons/assets/pdf.gif') no-repeat left center;
	padding-left: 20px;
	display: inline-block;
}
A.largePdf
{
	background: url('../../images/icons/large_pdf.png') no-repeat 0 0;
	padding-left: 120px;
	line-height: 120px;
	display: inline-block;
}
A.doc
{
	background: url('../../images/icons/assets/doc.gif') no-repeat left center;
	padding-left: 20px;
	display: inline-block;
}
A.gif
{
	background: url('../../images/icons/assets/gif.gif') no-repeat left center;
	padding-left: 20px;
	display: inline-block;
}
A.jpg
{
	background: url('../../images/icons/assets/jpg.gif') no-repeat left center;
	padding-left: 20px;
	display: inline-block;
}
A.mov
{
	background: url('../../images/icons/assets/mov.gif') no-repeat left center;
	padding-left: 20px;
	display: inline-block;
}
A.xls, .xls
{
	background: url('../../images/icons/assets/xls.gif') no-repeat left center;
	padding-left: 20px;
	display: inline-block;
}

/* -------------------------------------------
 * Tables
  ------------------------------------------- */  
TABLE THEAD TR
{	
	background-color: #E4EDFF;
	height: 30px;
}

TABLE TR TH,
TABLE THEAD TD
{
	line-height: 25px;
	vertical-align: middle;
	color: #333333;
	padding: 0 3px 0 3px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	border-bottom: solid 1px #D6D5D5;
}
TABLE TR TD
{
	border-right: dashed 1px #FFFFFF;
	padding: 2px 3px 2px 3px;
	height: 25px;
}

TABLE TR.rowStyle TD
{
	background-color: #FFFFFF;
	border-bottom: dashed 1px #D9D9D9;
}
TABLE TR.rowStyleOver TD
{
	background-color: #FFF7D5;
	border-bottom: dashed 1px #D9D9D9;
}
TABLE TR.alternateRowStyle TD
{
	background-color: #FAFAFA;
	border-bottom: dashed 1px #D9D9D9;
}
TABLE TR.alternateRowStyleOver TD
{
	background-color: #FFF7D5;
	border-bottom: dashed 1px #D9D9D9;
}
TABLE TR.selectedRowStyle TD
{
	background-color: #FCF6A2;
	border-bottom: dashed 1px #D9D9D9;
}

/* -------------------------------------------
 * Testimonials
  ------------------------------------------- */
DIV.testimonial
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	margin: 10px 0 10px 0;
	padding: 20px 20px 20px 20px;
	background-color: #F7F7F7;
	border-bottom: solid 1px #E9E9E9;
}
DIV.testimonial DIV.bordered.left
{
	float: left;
	width: auto;
	margin: 0 20px 10px 0;
}
DIV.testimonial DIV.bordered.right
{
	float: right;
	width: auto;
	margin: 0 0 10px 20px;
}
DIV.testimonial DIV.bordered
{
	padding: 8px;
	width: 110px;
	height: 110px;
	background-color: #EFF6F8;
	border: solid 1px #D2E8FA;
}
DIV.testimonial DIV.bordered IMG
{
	width: 108px;
	height: 108px;
}
DIV.testimonial P.title
{
	margin-bottom: 10px;
	font-size: 130%;
	font-weight: bold;
	color: #59B2F5;	
}
DIV.testimonial CITE
{
	font-style: italic;	
}
DIV.testimonial P.name
{
	font-weight: bold;
}
DIV.testimonial P.name EM
{
	color: #333333;
	font-style: normal;
}

P.comments
{
	margin-bottom: 20px;
	font-weight: bold;
	color: #59B2F5;	
	font-style: italic;	
}

/* -------------------------------------------
 * Services
  ------------------------------------------- */
H3 SMALL.recommended
{
	margin-left: 5px;
	background: url('../../images/icons/favorite.png') no-repeat left center;
	padding-left: 20px;
	color: #F9850F;
}

/* -------------------------------------------
 * J-Carousel
  ------------------------------------------- */
UL.cycle-controls
{
	width: 100%;	
}
UL.cycle-controls LI
{
	float: left;
	width: 50%;
	margin: 10px 0 0 0;
	list-style-type: none;
}
UL.cycle-controls LI A
{
	display: block;
	color: #999999;
	font-size: 90%;
	white-space: nowrap;
}
UL.cycle-controls LI A.prev
{
	text-align: left;
	padding-right: 30px;
}
UL.cycle-controls LI A.next
{
	text-align: right;
	padding-left: 30px;
}


/* -------------------------------------------
 * Portfolio Lists
  ------------------------------------------- */
UL.bulleted-tick-list LI
{
	margin: 0;
	list-style-type: none;
	background: url('../../images/bullets/tick.png') no-repeat left center;
	padding-left: 25px;	
}
UL.bulleted-service-list LI
{
	margin: 0;
	list-style-type: none;
	background: url('../../images/bullets/tick.png') no-repeat left center;
	padding-left: 25px;	
}
UL.bulleted-feature-list LI
{
	margin: 0;
	list-style-type: none;
	background: url('../../images/bullets/features.png') no-repeat left center;
	padding-left: 25px;	
}
UL.bulleted-technology-list LI
{
	margin: 0;
	list-style-type: none;
	background: url('../../images/bullets/technologies.png') no-repeat left center;
	padding-left: 25px;	
}


/* -------------------------------------------
 * Portfolio
  ------------------------------------------- */        
DIV.container
{
	overflow: hidden;
	width: 100%;
	padding-bottom: 20px;
	border-bottom: solid 1px #ECECEC;
	margin-bottom: 20px;
}
DIV.container > A
{
	font-weight: bold;
}
DIV.container > P.client-introduction
{
	margin-top: 20px;
	font-size: 14px;
}

DIV.container DIV.left
{      
 	float: left;
	margin: 30px 0 20px 0;
    padding: 20px 20px 10px 20px;
	background-color: #EEEEEE;
}

DIV.container DIV.left IMG
{     
	width: 250px;
	height: 300px;
	border: solid 5px #CCCCCC;
}

DIV.container DIV.right
{
	margin: 30px 0 20px 0;
	width: 364px;
	height: 355px;
}

DIV.container DIV.right H4
{
	margin: 0 0 10px 0;
}

DIV.container UL.bulleted-feature-list,
DIV.container UL.bulleted-technology-list,
DIV.container UL.bulleted-service-list
{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
	font-size: 90%;
}

DIV.container UL.bulleted-feature-list LI,
DIV.container UL.bulleted-technology-list LI,
DIV.container UL.bulleted-service-list LI
{
	float: left;
	width: 155px;
}

/* -------------------------------------------
 * Project
  ------------------------------------------- */
DIV.project
{
	
}
DIV.project H3
{
	width: auto;
}
DIV.project A.website
{
	width: auto;
	font-weight: bold;
}
DIV.project DIV.summary
{
	clear: both;
	margin: 10px 0 0 0;
	padding: 5px;
	background-color: #FDF3EC;
	border: solid 1px #F4DDCC;
}

DIV.project DIV.summary P
{
	margin: 0;
	font-size: 80%;
	background: url('../../images/icons/silk/bullet_orange.png') no-repeat left center;
	padding-left: 16px;
}
DIV.project DIV.summary P EM
{
	color: #FE6D00;
	font-style: normal;
	font-weight: bold;
}
DIV.project P.overview IMG
{
	float: right;
	margin: 0 0 10px 20px;
	width: 120px;
	height: 134px;
	border: solid 1px #EEEEEE;
}
        
/* -------------------------------------------
 * Calendar & Article Display
  ------------------------------------------- */
DIV.calendar-display
{
	position: relative;
	float: left;
    width: 130px;	
    height: 130px;	
    margin: 0 20px 20px 0;
	background: url('../../images/bg/calendar-display.png') no-repeat left top;
}
DIV.article-display
{
	position: relative;
	float: left;
    width: 130px;	
    height: 130px;	
    margin: 0 20px 20px 0;
	background: url('../../images/bg/article-display.png') no-repeat left top;
}

DIV.calendar-display P.month,
DIV.article-display P.month
{
	position: absolute;
	top: 25px;
	width: 130px;
	text-align: center;
	font-size: 14px;
	font-weight: bolder;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #000000;
}
DIV.calendar-display P.day,
DIV.article-display P.day
{
	position: absolute;
	top: 55px;
	width: 130px;
	text-align: center;
	font-size: 40px;
	font-weight: bolder;
	color: #000000;
}
DIV.calendar-display P.year,
DIV.article-display P.year
{
	position: absolute;
	top: 82px;
	width: 130px;
	text-align: center;
	font-size: 12px;
	font-weight: bolder;
	color: #CCCCCC;
}