* {

	margin: 0;

	padding: 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

a:link {

	color: #012A7A;

	text-decoration: none;

} 

a:active {

	color: #5382C6;

	text-decoration: none;

}

a:visited {

	color: #7286A5;

	text-decoration: none;

} 

a:hover {

	color: #900;

	text-decoration: underline;

}

body {

	color: #000;

	background-color: #FFF;

	text-align: center;

	margin: 0;

	padding: 0;

	border-top: 40px solid #333;

}

h1, h2, h3, h4, h5 {

	font-family: "Century Gothic", Verdana, Helvetica, Arial, sans-serif;

	font-weight: normal;

	margin: 0;

	padding: 0;

	line-height: 1em;

}

h1 {

	font-size: 200%;

	margin: 0;

	height: 56px;

	width: 300px;

}

h1 span {

	color: #333;

	position: absolute;

	left: -1000em;

}

h1 a:link,

h1 a:visited,

h1 a:active {

	background: url(../images/logos/logo_infinite.gif) no-repeat 0 0;

	display: block;

	height: 56px;

	width: 300px;

}

h1 a:hover,

h1 a:focus {

	background: url(../images/logos/logo_infinite.gif) no-repeat 0 -100px;

	display: block;

	height: 56px;

	width: 300px;

}

h2 {

	font-size: 170%;

	color: #333;

	margin: 0 15px 5px 0;

	padding: 0;

}

h3 {

	font-size: 120%;

	margin: 10px 10px 10px 0;

	font-weight: bold;

	clear: both;

}

h3 a {

	text-decoration: none;

}

h4 {

	font-size: 105%;

	font-weight: bold;

}

h5 {

	font-size: 100%;

}

p {

	margin: 0px 0px 10px 0px;

	text-align: left;

	line-height: 1.5em;

	font-size: 90%;

	padding: 0 25px10px 0;

}

p a {

	font-weight: bold;

}

table {

	font-size: 90%;

	color: #000;

}

blockquote {

	background-color: #EFEFEF;

	border: 1px solid #CCC;

	padding: 10px 10px 10px 50px;

	text-align: justify;

	background-image: url(../images/format/bg_blockquote.gif);

	background-repeat: no-repeat;

	background-position: top left;

}

blockquote p {

	margin: 0;

	padding: 0;

}

acronym {

	border-bottom: dotted #666 1px;

	cursor: help;

}

a.screenshot {

	border: none;

}

a.screenshot img {

	border: none;

}

dl {

	margin: 0 15px 0 15px;

}

dt {

	font-weight: bold;

	margin: 20px 0 0 0;

}

dd {

	display: inline;

	line-height: 1.5em;

	font-size: 90%;

}

ul, ol {

	font-size: 90%;

	line-height: 1.5em;

	margin: 10px;

	padding: 10px;

}

em {

	font-style: normal;

	font-weight: normal;

	font-size: 150%;

	line-height: 1.5em;

	display: block;

	padding: 10px 10px 10px 10px;

}

code {

	font-size: 90%;

	background-color: #EEE;

	border-top: 1px solid #CCC;

}

/************************* MAIN *********************************/

#main {

	margin: 0 auto;

	width: 900px;

	height: auto;

	text-align: left;

	color: #000;

	padding: 0;

}



/************************* HEADER *************************/

#header {

	margin: 0;

	padding: 10px 0 0 0;

}

#header img {

	padding: 0;

}

#nav {

	margin: 15px 0 0 0;

	padding: 0;

	list-style: none;

	float: right;

	right: 0;

	top: 0;

	font-size: 70%;

}

#nav li {

	float: left;

	list-style: none;

	margin: 0;

	padding: 0;

}

#nav a {

	color: #333;

	padding: 10px 0 2px 0;

	margin: 0 8px;

	text-decoration: none;

	border-bottom: 5px solid #FFF;

}

#nav a:hover {

	padding: 10px 0 2px 0;

	margin: 0 8px;

	color: #333;

	border-bottom: 5px solid #900;

}

#nav a.active {

	font-weight: bold;

	color: #333;

	border-bottom: 5px solid #900;

	padding: 10px 0 2px 0;

	margin: 0 8px;

}

.breadcrumb {

	font-size: 85%;

}

/************************* CONTENT *************************/

#content {

	padding: 0;

	margin: 0;

}

.subsection {

	border-bottom: 1px solid #999;

	margin-bottom: 10px;

	margin-right: 15px;

	margin-left: 15px;

	padding: 0 0 20px 0;

}

.note {

	background-image: url(../images/icons/icon_note.gif);

	background-repeat: no-repeat;

	padding-left: 35px;

	background-position: 15px 75%;

}

.home_decoration {

	float: left;

	margin: 0 10px 10px 0;

}

.block {

	padding: 10px 10px 20px 10px;

	width: 254px;

	text-align: center;

	float: right;

	margin: 0 0 0 20px;

	border-top: 10px solid #CCC;

	background-image: url(../images/format/bg_hire.jpg);

	background-repeat: repeat-x;

}

.block h3 {

	background-color: #FFF;

	padding: 5px 0;

	margin: 0 0 5px 0;

	border: 1px solid #CCC;

	font-weight: bold;

}

.block a {

	padding: 10px;

	background-color: #FFF;

	border: 1px solid #CCC;

	display: block;

	text-align: center;

	vertical-align: middle;

}

.block a:hover {

	background-color: #FFFFF0;

}

.block img {

	border: 1px solid #CCC;

}

.block p {

	margin: 0;

	padding: 0;

}



.portfolio {

	width: 890px;

	border: 5px solid #999;

	border-left: none;

	border-right: none;

	padding: 0 0 0 10px;

	background: #EEE;

	margin: 10px 0;

	float: left;

	clear: left;

}

.portfolio h3 {

	clear: none;

	background-image: none;

	background-color: #FFF;

	color: #333;

	padding: 5px;

	border-top: 1px solid #666;

	border-bottom: 1px solid #666;

}

.portfolio a img {

	border: 1px solid #333;

	background-color: #FFF;

	padding: 10px;

}

.portfolio a:hover img {

	border: 1px solid #C93;

	background-color: #FFFFF2;

}





.hire_infinite {

	margin: 0;

	border-top: 10px solid #CCC;

	padding: 20px;

	background-image: url(../images/format/bg_hire.jpg);

	background-repeat: repeat-x;

}

.step_one {

	border-bottom: 1px solid #CCC;

	padding: 0 0 10px 60px;

	background-image: url(../images/decorative/step_one.gif);

	background-repeat: no-repeat;

}

.step_two {

	border-bottom: 1px solid #CCC;

	padding: 0 0 10px 60px;

	background-image: url(../images/decorative/step_two.gif);

	background-repeat: no-repeat;

}

.step_three {

	border-bottom: 1px solid #CCC;

	padding: 0 0 10px 60px;

	background-image: url(../images/decorative/step_three.gif);

	background-repeat: no-repeat;

}



.infinite_can {

	margin: 0;

	padding: 0;

	list-style-type: none;

	font-size: 80%;

}

.infinite_can li {

	width: 258px;

	padding: 20px;

	height: 12em;

	margin: 10px 0;

	float: left;

	border: 1px solid #CCC;

	border-right: none;

	background: url(../images/format/bg_em.jpg) repeat-x top left;

}

.infinite_can li img {

	border: none;

	margin: 0 0 5px 0;

}

.infinite_can li.educate {

	border-right: 1px solid #CCC;

}

/************************* CASE STUDIES *************************/

.case_studies {

	margin: 0 300px 0 0;

}

.case_studies h2,

.case_studies h3 {

	clear: none;

}

.case_studies img {

	float: right;

}

.case_studies ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

}

.case_studies ul li {

	padding: 5px 0;

	border-bottom: 1px solid #DDD;

}

/************************* SIDEBAR *************************/

.sidebar {

	width: 290px;

	padding: 0 0 0 10px;

	margin: 0 1px 0 10px;

	float: right;

}

.sidebar h4 {

	font-weight: bold;

}

.sidebar ul {

	list-style-type: none;

	margin: 0;

	padding: 10px 0;

	font-size: 90%;

}

.sidebar ul li {

	margin: 0;

	padding: 0;

}

.sidebar ul li a {

	display: block;

	width: 100%;

	padding: 3px 20px 3px 0;

	text-decoration: none;

	border-bottom: 1px solid #EEE;

}

.sidebar ul li a:visited {

	padding: 3px 20px 3px 0;

	background-image: url(../images/icons/icon_checked.gif);

	background-repeat: no-repeat;

	background-position: right 50%;

}

.sidebar ul li a:hover {

	background-color: #EFEFEF;

}

/********************* BLOG SIDEBAR / FILTERING ******************************/

.filtering {

	margin: 0;

	clear: both;

}

.filtering form {

	float: left;

	margin: 0 30px 10px 0;

}

.filtering h3 {

	margin: 5px 0;

}

/********************* FORM ******************************/

.contact_form {

	margin: 20px 310px 0 0;

}

.contact_form fieldset {

	border: none;

	border-top: #FFF;

	padding-bottom: 30px;

}

fieldset.step_one, fieldset.step_two, fieldset.step_three {

	margin-bottom: 20px;

	border-bottom: 1px solid #CCC;

}

.contact_form legend {

	border: none;

	display: none;

}

.contact_form label {

	margin: 0 10px 10px 0;

	float: left;

	width: 150px;

}

.contact_form input {

	margin: 0 0 10px 0;

	width: 200px;

}

.contact_form textarea {

	margin: 0 0 10px 0;

	width: 300px;

	height: 200px;

}

/* used for positive messages */

.success {

	background-color: #E8FFE8;

	border: 1px solid #090;

	padding: 10px;

	margin: 10px 0;

}

/* used for warning messages */

.warning {

	background-color: #FFE8E8;

	border: 1px solid #900;

	padding: 10px;

	margin: 10px 0;

}

/* used to highlight problems */

.error {

	font-weight: bold;

	background-color: #FFE8E8;

	border: 1px solid #900;

}

.highlight {

	font-weight: bold;

	background-color: #FFFFF2;

	border: 1px solid #C93;

	padding: 10px;

	margin: 10px 0;

}



/********************* LOGIN ******************************/

.login {

	margin: 0;

	color: #000;

	background-image: url(../images/format/bg_portfolio.gif);

}

.login input {

	font-size: medium;

}

.login input#username {

	width: 11em;

}

.login input#password {

	width: 11em;

	margin-right: 5px;

}

.login input#emailpassword {

	vertical-align: middle;

	margin-right: 5px;

}

.login a:link,

.login a:visited,

.login a:active {

	text-decoration: underline;

}

.login a:hover,

.login a:focus {

	text-decoration: underline;

}



/********************* PDF ******************************/

a.pdf:link, a.pdf:visited, a.pdf:hover, a.pdf:active {

	background-image:   url("../images/icon_pdf.gif");

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 18px;

}

.pdficon:before {

	display: marker;

	content:   url("../images/icon_pdf.gif");

}



/********************* EMAIL and RSS ******************************/

.subscribe {

	background-color: #E8FFE8;

	border: 1px solid #090;

	padding: 10px;

	margin: 10px 0;

}

.subscribe a {

	padding: 5px 0 5px 36px;

}

.rss {

	background-image: url(../images/icons/icon_rss.gif);

	background-repeat: no-repeat;

	background-position: left center;

}

.email {

	background-image: url(../images/icons/icon_email.gif);

	background-repeat: no-repeat;

	background-position: left center;

}



/********************* FOOTER ******************************/

#footer {

	text-align: right;

	font-size: 80%;

	background-color: #333;

	height: 30px;

	padding: 10px 10px 0 10px;

	color: #FFF;

	clear: both;

	margin: 0;

}



/********************* CLEAR ******************************/

.clear {

	clear: both;

}



/********************************************************************************

 * CodeHighlight Classes

 *******************************************************************************/

.hl-surround {

    -moz-border-radius: 5px;

    background-color: #F9FBFC;

    border: 1px solid #C3CED9;

    padding: 8px;

    margin-bottom: 5px;

    width: 800px;

    overflow: auto;

    text-align: left;

}



.hl-surround, .hl-surround pre, .hl-surround span { font: normal 9pt 'Courier New', monospace;}



.hl-default     { color: Black; }

.hl-code        { color: Gray; }

.hl-brackets    { color: Olive; }

.hl-comment     { color: #ffa500; } /* Orange */

.hl-quotes      { color: #8b0000; } /* Dark red */

.hl-string      { color: Red; }

.hl-identifier  { color: Blue; }

.hl-builtin     { color: Teal; }

.hl-reserved    { color: Green; }

.hl-inlinedoc   { color: Blue; }

.hl-var         { color: #00008b; } /* Dark blue */

.hl-url         { color: Blue; }

.hl-special     { color: Navy; }

.hl-number      { color: Maroon; }

.hl-inlinetags  { color: Blue; }

.hl-main        { background-color: transparent; }



.hl-main pre { margin: 0; padding: 0; }