/*  Created for yFactorial by Unit Interactive, September 2008

Style Index:
--------------------
- Basic Reset Styles
- Generic Page Styles
- Main Page Styles
- General Interior Pages Styles
- Image Styles
- Portfolio Pages Styles 
- Blog Styles
- Base Section Styles
- Forms Styles
- Footer Styles
*/

/*Basic Reset Styles
------------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

html {
    overflow: hiddenl;
}

body {
    line-height: 1;
    font-size: 62.5%;
	background: #1e313f url(http://yfactorial.com//images/template/header_bg.jpg) repeat-x top;
}

ol, ul {
    list-style: none;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, textarea, input {
	text-align: left;
	color: #fff;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

textarea, input, code {
       font-size: 1.0em;
}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited, p a:link, p a:visited, ul a:link, ul a:visited, ol a:link, ol a:visited, dl a:link, dl a:visited {
	color: #d9c8a3;
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, p a:hover, ul a:hover, ol a:hover, dl a:hover {
	color: #fff;
	text-decoration: underline;
}

blockquote, q {
    quotes: none;
}

abbr {
	cursor: help;
	border-bottom: 1px dotted #999;
}

acronym {
	cursor: help;
	border-bottom: 1px dotted #999;
}

code {
        font-size: 1.8em;
        color: #fff;
        display: block;
        margin: 10px 0;
        background: #1B2B38;
        padding: 10px;
}

p code {
        font-size: 1.0em;
        margin: 0;
        padding: 0;
        background: none;
        display: inline;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */ ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */ table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Generic Page Styles
------------------------------------------------------------------------ */
.wrapper {
	margin: 0 auto;
	width: 970px;
}

.logoNav {
	clear: both;
	width: 970px;
	height: 130px;
}

.logoNav h1 a {
	float: left;
	width: 330px;
	height: 42px;
	display: block;
	text-indent: -5000px;
	background: url(http://yfactorial.com//images/template/yfactorial_logo_web.jpg) no-repeat top left;
	margin-top: 32px;
}

.logoNav ul {
	float: left;
	width: 640px;
	font-size: 1.2em;
}

.logoNav li {
	float: left;
	padding-right: 62px;
}

.logoNav li a {
	line-height: 100px;
	display: block;
}

.logoNav li a:hover {
	text-decoration: none;
	background: url(http://yfactorial.com//images/template/nav_arrow_bg_over.jpg) no-repeat bottom center;
}

/* YOU ARE HERE effect for main navigation */
.logoNav li.mainCurrent a {color:#66bdbd; text-decoration: none; background: url(http://yfactorial.com//images/template/nav_arrow_bg.jpg) no-repeat bottom center; }



/* Main Page Styles
------------------------------------------------------------------------ */
.mainFeature {
	clear: both;
	margin: 0 0 30px;
	padding-top: 15px;
	background: url(http://yfactorial.com//images/template/stripeglow_bg.jpg) no-repeat top center;
}

#feature {
       visibility: hidden;
}

.featureDetail {
	float: left;
	width: 475px;
        position: relative;
	display: inline;
	margin-right: 20px;
}

.featureDetail h3 {
	font-family: "Insignia LT Std", Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	padding: 10px 0;
}

.featureDetail p {
	font-size: 1.4em;
	color: #768f9f;
	line-height: 1.3em;
        width: 474px;
}

.mainIntro {
	float: left;
	width: 475px;
	display: inline;
}

.mainIntro h2 {
	font-size: 30px;
	color: #b7c5cc;
	line-height: 1.2em;
	font-family: "Insignia LT Std", Arial, Helvetica, sans-serif;
	padding: 20px 0 0;
}

.mainIntro p {
	font-size: 1.6em;
	color: #ccc;
	line-height: 1.3em;
	padding: 30px 0;
	border-bottom: 1px solid #111c24;
}

.mainIntro p a:link, .mainIntro p a:visited {
	color: #66bdbd;
	text-decoration: none;
}

.mainIntro p a:hover {
	color: #fff;
	text-decoration: underline;
}

.mainIntro p#frontExamples {
	font-size: 1.4em;
	color: #305067;
	width: 475px;
	padding: 0;
	padding: 20px 0;
	border: none;
}

.mainIntro p#frontExamples a:link, .mainIntro p#frontExamples a:visited {
	color: #305067;
	text-decoration: none;
}

.mainIntro p#frontExamples a {
	float: right;
	text-align: right;
	display: inline;
	position: relative;
}

.mainIntro p#frontExamples:hover a {
	color: #c9c8a3
}

.mainIntro p#frontExamples a:hover {
	color: #fff;
	text-decoration: none;
}

.mainIntro p#frontExamples:hover a span {
	color: #66bdbd;
	text-decoration: none;
}

.mainIntro ul {
	display: inline;
	clear: both;
}

.mainIntro li {
	float: left;
	width: 145px;
	padding-top: 15px;
}

li.rightSpace {
	padding-right: 20px;
}

ul.main-news li img {
        vertical-align: center;
        padding: 2px 10px 0 0;
        float: left;
}

ul.main-news li a {
        display: block;
        float: right;
        width: 250px;
}

.mainIntro li a:link img, .mainIntro li a:visited img {
	border: 5px solid #182530;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

.mainIntro li a:hover img, .mainIntro li a.on img {
	border: 5px solid #768f9f;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}


/* General Interior Page Styles
------------------------------------------------------------------------ */
.innerContent {
	clear: both;
	margin: 0 0 30px;
	padding-top: 15px;
}

.subnav {
	clear: both;
	width: 970px;
	border-bottom: 10px solid #1b2b38;
	min-height: 43px;
}

.subnav h2 {
	font-size: 1.6em;
	color: #ced7dc;
	line-height: 1.3em;
	padding: 5px 0 20px;
}

.subnav h6 {
	font-family: "Insignia LT Std", Arial, Helvetica, sans-serif;
	font-size: 2.6em;
	color: #000;
	line-height: 70px;
	text-align: center;
}

.subnav h6 a {
	padding: 0 15px;
}

.subnav a.subCurrent { color: #fff; text-decoration: none; } /* YOU ARE HERE effect for subnav */

.leftCopy {
	float: left;
	clear: left;
	width: 310px;
	margin-right: 20px;
	padding: 30px 0 20px;
}

.leftCopy h2 {
	font-family: "Insignia LT Std", Arial, Helvetica, sans-serif;
	font-size: 2.4em;
	color: #768F9f;
	padding-bottom: 5px;
}

.leftCopy p {
	font-size: 1.35em;
	line-height: 1.3em;
	padding: 10px 35px 5px 0px;
}

.portExample {
	width: 310px;
	clear: both;
	border-top: 1px solid #294458;
	margin-top: 20px;
	padding: 15px 0;
}

.portExample img {
	float: left;
	margin: 0 20px 20px 0;
}

.portExample a img {
	border: 5px solid #182530;
}

.portExample a:hover img {
	border: 5px solid #768F9f;
}

.portExample dl {
	width: 145px;
	float: left;
}

.portExample dt {
	font-family: "Aviano Sans", Arial, Helvetica, sans-serif;
	font-size: 2em;
}

.portExample dt a:link, .portExample dt a:visited {
	color: #66bdbd;
	text-decoration: none;
}

.portExample dt a:hover {
	color: #fff;
	text-decoration: none;
}

.portExample dd, .featureDetail a:link, .featureDetail a:visited {
	font-size: 1.2em;
	color: #ccc;
	line-height: 1.3em;
	padding-top: 10px;
}

.featureDetail a:link, .featureDetail a:visited {
       font-size: 0.9em;
       color: #D9C8A3;
}

.featureDetail a:hover {
       color: #ccc;
}

.portExample dd a:link span, .featureDetail a span  {
	color: #1e313f;
}

.portExample dd a:hover, .featureDetail a:hover {
	text-decoration: none;
}

.portExample dd:hover a:link span, .featureDetail a:hover span {
	color: #66bdbd;
}


.longContent {
	float: left;
	width: 640px;
	padding: 30px 0 20px;
}

.longContent h4 {
	font-family: "Insignia LT Std", Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #768F9f;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #294458;
}

.longContent dl {
	width: 640px;
	padding-top: 2px;
}

.longContent dt {
	font-size: 1.8em;
	color: #768F9f;
}

.longContent dt a:link span {
	color: #1e313f;
}

.longContent dt:hover a:link span {
	color: #66bdbd;
}

.longContent dd {
	font-size: 1.4em;
	color: #ced7dc;
	margin-bottom: 15px;
	padding: 10px 0 10px;
	border-bottom: 1px solid #17242f
}

.people {
	clear: both;
        margin-bottom: 15px;
	padding: 5px 0 0;
}

.people h3 {
	font-family: "Aviano Sans", Arial, Helvetica, sans-serif;
	font-size: 2em;
	padding-bottom: 15px;
}

.people img {
	float: left;
	border: 5px solid #768f9f;
	margin: 0 20px 20px 0;
}

.people p {
	font-size: 1.4em;
	line-height: 1.3em;
	color: #ced7dc;
	padding: 0 0 15px;
}


/* Image Styles
------------------------------------------------------------------------ */
.imgLeft {
	float: left;
	padding: 15px 15px 5px 0;
}

.imgRight {
	float: right;
	margin: 15px 0 15px 15px;
}

.blogContent img.imgRight {
	border: 5px solid #768f9f;
}


/* Portfolio Pages Styles
------------------------------------------------------------------------ */
h4.archHeader {
	font-family: "Insignia LT Std", Arial, Helvetica, sans-serif;
	padding-bottom: 0; /* zero-out previous style */
	padding: 0 0 15px 20px;
	background: url(http://yfactorial.com//images/template/cat_header_faint_bg.jpg) no-repeat top left;
	border: none;
	width: 620px;
	line-height: 50px;
	font-size: 2em;
	clear: both;
	display: block;
}

h4.archHeader a:link, h4.archHeader a:visited {
	color: #66bdbd;
	text-decoration: none;
}

h4.archHeader a:hover {
	color: #fff;
	text-decoration: none;
}

ul.portArchive {
	clear: both;
	padding-bottom: 20px;
	position: relative;
	top: -25px;
}

.portArchive li {
	float: left;
	width: 135px;
	margin: 10px 0 0 20px;
}

.portArchive li.first {
	margin-left: 0 !important;
        clear: left;
}

.portArchive li a:link img, .portArchive li a:visited img {
	border: 5px solid #1b2936;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

.portArchive li a:hover img {
	border: 5px solid #768f9f;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.projectDetail {
	clear: both;
	width: 970px;
	margin-top: 20px;
	padding-top: 30px;
	border-top: 1px solid #294458;
        visibility: hidden;
}

.preview {
	float: left;
	width: 475px;
	margin-right: 20px;
	padding-bottom: 30px;
}

.thumbs {
	float: left;
	width: 145px;
	margin-right: 20px;
	padding-bottom: 30px;
}

.thumbs ul {
	display: block;
}

.thumbs li {
	width: 145px;
	padding-bottom: 30px;
}

.thumbs li a:link img, .thumbs li a:visited img {
	border: 5px solid #182530;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

.thumbs li a:hover img, .thumbs li a.on img {
	border: 5px solid #768f9f;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.projectCopy {
	float: left;
	width: 310px;
	padding-bottom: 30px;
}

.projectCopy h3 {
	font-family: "Aviano Sans", Arial, Helvetica, sans-serif;
	font-size: 2.6em;
}

.projectCopy h3 a:link, .projectCopy h3 a:visited {
	color: #66bdbd;
	text-decoration: none;
}

.projectCopy h3 a:hover {
	color: #fff;
}

.projectCopy h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	color: #ced7dc;
	padding: 10px 0;
	border-top: 1px solid #17242f;
}

.projectCopy p {
	font-size: 1.4em;
	color: #ccc;
	line-height: 1.3em;
	padding: 10px 0 5px;
}

.projectCopy ul {
	font-size: 1.4em;
	color: #768F9f;
	list-style: square;
}
.projectCopy li {
	padding: 4px 0;
	margin-left: 20px;
}


/* Blog Styles
------------------------------------------------------------------------ */
.blogLeft {
	float: left;
	clear: left;
	width: 310px;
	margin-right: 20px;
	padding: 30px 0 20px;
}

.blogLeft h3 {
	font-size: 1.6em;
	width: 275px; /* FOR IE7 */
	padding: 0 0 15px 35px;
	line-height: 28px;
	background: url(http://yfactorial.com//images/template/icon_rss.jpg) no-repeat left top;
	display: block;
}

.blogLeft h4 {
	font-family: "Insignia LT Std", Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #fff;
	padding: 10px 0 5px;
	border-bottom: 1px solid #17242f;
}

ul.blogCats {
	font-size: 1.6em;
}

.blogCats li {
	padding: 7px 0;
}

.blogContent {
	float: left;
	width: 640px;
	padding: 30px 0 40px;
}

.blogContent h3  {
       margin-top: 15px;
	font-size: 2em;
	color: #fff;
}

.blogContent h4 {
	font-size: 2em;
	color: #fff;
}

ul.blogCats a.catCurrent:link, ul.blogCats a.catCurrent:visited {
        color: #fff;
}

.blogContent h6 {
	font-size: 1.6em;
	padding: 10px 0 5px;
}

.blogContent p, .aboutContent p {
	font-size: 1.6em;
	color: #ced7dc;
	padding: 10px 0 5px;
	line-height: 1.3em;
}

.blogContent ul, .blogContent ol {
	font-size: 1.4em;
	color: #768F9f;
	list-style: square;
        padding: 10px 0 10px;
}

.blogContent ol {
       list-style: decimal;
}

.blogContent li {
	padding: 4px 0;
	margin-left: 20px;
}

p.postInfo {
	font-size: 12px;
	color: #ccc;
	padding: 10px 0 0;
}

p.postInfo a:link, p.postInfo a:visited {
	color: #66bdbd;
	text-decoration: none;
}

p.postInfo a:hover {
	color: #fff;
	text-decoration: none;
}

p.postInfo span {
	display: inline;
	float: right;
	text-align: right;
}

p.archive {
	margin-bottom: 10px;
	padding-bottom: 15px;
	border-bottom: 1px solid #17242f;
}

p.byLine {
	font-size: 12px;
	color: #ccc;
	border-top: 1px solid #17242f;
	margin-top: 30px;
	padding-top: 20px;
}

p.byLine a:link, p.byLine a:visited {
	color: #66bdbd;
	text-decoration: none;
}

p.byLine a:hover {
	color: #fff;
	text-decoration: none;
}

.postTitle {
	clear: both;
	width: 620px;
	background: #223848;
	margin-bottom: 10px;
	padding: 10px;
}

.postTitle h2 {
	font-size: 2.6em;
	color: #768f9f;
	padding-bottom: 8px;
	border-bottom: 1px solid #294458;
}

.postTitle h2 a:link, .postTitle h2 a:visited {
	color: #768f9f;
	text-decoration: none;
}

.postTitle h2 a:hover {
	color: #fff;
	text-decoration: underline;
}

.prevPosts {
	clear: both;
        position: relative;
	width: 970px;
	padding-bottom: 20px;
	background: url(http://yfactorial.com//images/template/blog_prevtitle_bg.jpg) no-repeat top left;
}

.prevPosts h3 {
	font-family: "Insignia LT Std", Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #fff;
	padding-left: 20px;
	line-height: 56px;
        width: 700px;
}

.prevPosts h4 {
	font-size: 1.8em;
	line-height: 1.2em;
}

.prevPosts h5 {
	float: right;
	width: 290px;
	padding-right: 20px;
	text-align: right;
	font-size: 1.6em;
	color: #2c4256;
	line-height: 56px;
}

.prevPosts h5 a:link, .prevPosts h5 a:visited {
	color: #2c4256;
}

.prevPosts h5 a:link span {
	color: #141e27;
}

.prevPosts h5 a:hover {
	color: #fff;
	text-decoration: none;
}

.prevPosts h6 {
	font-size: 1.6em;
	padding: 10px 0 5px;
}

.prevPosts h5:hover a:link span {
	color: #66bdbd;
}

.prev1, .prev2, .prev3 {
	float: left;
	display: inline;
}

.prev1 {
	clear: left;
	width: 290px;
	padding: 20px 20px 0 20px;
}

.prev2 {
	width: 310px;
	padding: 20px 0 0;
}

.prev3 {
	width: 290px;
	padding: 20px 20px 0 20px;
}

.prev1 p, .prev2 p, .prev3 p {
	font-size: 1.2em;
	color: #ced7dc;
	line-height: 1.3em;
	padding: 10px 0 5px;
}

.downloadOuter {
	clear: both;
	width: 640px;
	background: #223848 url(http://yfactorial.com//images/template/download_border_bg.jpg) repeat-x top;
}

.download {
	width: 640px;
	padding: 20px 0;
	background: url(http://yfactorial.com//images/template/download_border_bg.jpg) repeat-x bottom;
}

dl.dload {
	display: inline;
	padding: 20px 0;
}

.dload dt {
	float: left;
	width: 290px;
	padding: 0 20px;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.3em;
}

.dload dt span {
	font-size: 11px;
	color: #768f9f;
	line-height: .5em;
}

.dload dd {
	float: left;
	margin-left: 45px;
	font-size: 16px;
	color: #fff;
	text-align: center;
}

.dload dd a:link, .dload dd a:visited {
	color: #fff;
	text-decoration: none;
	background: #768f9f;
	width: 200px;
	line-height: 43px;
	display: block;
}

.dload dd a:hover {
	color: #66bdbd;
	text-decoration: none;
	background: #000;
}

.blogComments {
       position: relative;
	clear: both;
	width: 970px;
	padding-bottom: 20px;
	background: url(http://yfactorial.com//images/template/blog_prevtitle_bg.jpg) no-repeat top left;
}

.blogComments h3 {
	font-family: "Insignia LT Std", Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #fff;
	padding-left: 20px;
	line-height: 56px;
        width: 700px;
}

.blogComments h4 {
	font-size: 1.8em;
	line-height: 1.2em;
}

.blogComments h5 {
	float: right;
	width: 290px;
	padding-right: 20px;
	text-align: right;
	font-size: 1.6em;
	color: #2c4256;
	line-height: 56px;
}

.blogComments h5 a:link, .blogComments h5 a:visited {
	color: #2c4256;
}

.blogComments h5 a:link span {
	color: #141e27;
}

.blogComments h5 a:hover {
	color: #fff;
	text-decoration: none;
}

.blogComments h5:hover a:link span {
	color: #66bdbd;
}

.comment {
	clear: both;
	width: 970px;
	padding: 15px 0 20px;
	border-bottom: 1px solid #294458
}

.nameDate {
	float: left;
	width: 290px;
	padding: 0 20px;
}

.nameDate h6 {
	font-size: 1.6em;
	padding: 10px 0 5px;
	color: #768f9f;
}

.commentBody {
	float: left;
	width: 640px;
}

.commentBody h4 {
	font-size: 1.8em;
	padding: 0 0 5px;
}

.commentBody p {
	font-size: 1.4em;
	color: #768F9f;
	line-height: 1.3em;
}

.commentBody p.noComments {
        padding-left: 20px;
}

.commentForm {
	clear: both;
	width: 970px;
	padding-bottom: 15px;
	border-bottom: 20px solid #1b2b38;
	background: url(http://yfactorial.com//images/template/commentform_bg.jpg) no-repeat top left;
}

.commentForm h4 {
	font-family: "Insignia LT Std", Arial, Helvetica, sans-serif;
	font-size: 2em;
	padding: 20px 0 0 20px;
}


/* Base Section Styles
------------------------------------------------------------------------ */
.base {
	clear: both;
	width: 970px;
	padding-bottom: 15px;
	border-bottom: 20px solid #1b2b38;
}

.base h4 {
	font-family: "Insignia LT Std", Arial, Helvetica, sans-serif;
	font-size: 2em;
	padding: 20px 0 0 20px;
}

.base h4 a:link, .base h4 a:visited {
	color: #66bdbd;
	text-decoration: none;
}

.base h4 a:hover {
	color: #fff;
	text-decoration: none;
}

.baseShort {
	float: left;
	width: 310px;
	margin-right: 20px;
	display: inline;
	background: url(http://yfactorial.com//images/template/base_short_bg.jpg) no-repeat top left;
}

.baseShort ul {
	margin: 0 20px;
	padding: 30px 0 0 0;
	font-size: 1.2em;
}

.baseShort li {
	padding: 8px 0;
	border-bottom: 1px solid #17242f;
	line-height: 1.2em;
}

.baseShort p {
	font-size: 1.6em;
	color: #768f9f;
	padding: 20px 0px 0px 40px;
}

.baseShort p a:link span {
	color: #1e313f;
}

.baseShort p a:hover {
	text-decoration: none;
}

.baseShort p:hover a:link span {
	color: #66bdbd;
}

.baseLong {
	float: left;
	width: 640px;
	display: inline;
	background: url(http://yfactorial.com//images/template/base_long_bg.jpg) no-repeat top left;
}

.baseLong dl {
	width: 600px;
	margin: 0 20px;
	padding: 30px 0 0;
}

.baseLong dt {
	font-size: 1.8em;
}

.baseLong dd {
	font-size: 1.4em;
	color: #ced7dc;
	margin-bottom: 10px;
	padding: 10px 0 10px;
	border-bottom: 1px solid #17242f
}


/* Form Styles
------------------------------------------------------------------------ */
.baseShort form {
	width: 270px;
	clear: both;
	margin: 0 20px;
	padding-top: 40px;
}

#quickContact ol {
	font-size: 1.2em;
}

#quickContact li {
	margin: 0 !important; /* correct previous styles from "base" section */
	padding: 0 !important; /* correct previous styles from "base" section */
	width: 270px;
	display: block;
	padding: 1px 0;
	border: none;
	clear: both;
	text-align: right;
	line-height: 1 !important; /* correct previous styles from "base" section */
}

#quickContact li.hideField, #fullContact li.hideField {
        display: none;
}

#quickContact label {
	width: 70px;
	text-align: left;
	float: left;
	display: inline;
	color: #768F9f;
}

#quickContact input.name, #quickContact textarea.details, #quickContact select {
	width: 200px;
	background: #0c1318 !important;
	border: none;
	padding: 2px;
	color: #ccc;
	position: relative;
	top: -15px;
}

input.submit {
	clear: both;
        color: #000;
        border: none;
        font-size: 0.9em;
	display: block;
	margin-left: 64px;
	.margin-left: 44px; /* TO FIX IE7 */
        background: url(http://yfactorial.com//images/template/submit.gif) no-repeat 0 0;
        height: 24px;
        width: 89px;
        cursor: hand; cursor: pointer;
}

input.submit:hover {
        background-position: 0 -24px;
}

#fullContact li {
       width: 310px;
       float: left;
       display: block;
       margin: 0 0 17px 0;
}  

#fullContact li.first {
        margin: 0 20px 10px 0;
}

#fullContact label {
	text-align: left;
	display: inline;
	color: #768F9f;
        font-size: 1.2em;
        display: block;
        width: 310px;
}

#fullContact input.name, #fullContact textarea.details, #fullContact select {
       font-size: 1.2em;
       margin-top: 5px;
       background: #0c1318 !important;
	border: none;
	color: #ccc;
	position: relative;
       width: 302px;
       padding: 4px;
}

#fullContact textarea.details {
        height: 173px;
}

#fullContact input.submit {
        color: #000;
        margin: 2px 0 0 0;
}

.commentForm form {
	width: 930px;
	padding: 40px 20px 20px;
}

.commentForm ol.cformLeft {
	float: left;
	font-size: 1.2em;
	width: 290px;
	padding-right: 20px;
}

.commentForm .cformLeft li {
	width: 270px;
	display: block;
	margin: 0 0 10px;
	padding: 1px 0;
	border: none;
	clear: both;
	text-align: right;
}

.commentForm ol.cformRight {
	float: left;
	width: 620px;
	font-size: 1.2em;
}

.commentForm .cformRight li {
	margin: 0 0 10px;
}

.commentForm label {
	width: 70px;
	text-align: left;
	float: left;
	display: inline;
	color: #768F9f;
}

.commentForm input.name, .commentForm input.email, .commentForm input.website {
	width: 200px;
	background: #0c1318 !important;
	border: none;
	padding: 2px;
	color: #ccc;
	position: relative;
	top: -15px;
}

.commentForm textarea.commentCopy, .commentForm input.commentTitle {
	width: 540px;
	background: #0c1318;
	border: none;
	padding: 2px;
	color: #ccc;
	position: relative;
	top: -5px;
}

.cformLeft li span {
	float: left;
	clear: left;
	text-align: left;
	margin-left: 66px;
	position: relative;
	top: -10px;
}

.cformRight li span {
	text-align: left;
	margin-left: 70px;
}

li.commentBtn {
	padding-top: 5px;
	padding-left: 6px;
}


/* Footer Styles
------------------------------------------------------------------------ */ 
.footer {
	clear: both;
	width: 970px;
	padding: 0 0 30px;
	background: url(http://yfactorial.com//images/template/yfactorial_logomark.jpg) no-repeat 125px 40px;
}

.linksInfo {
	margin-left: 330px;
	width: 640px;
}

.linksInfo ul {
	font-size: 1.1em;
	display: inline;
	border-bottom: 1px solid #17242f;
	clear: both;
}

.linksInfo li {
	float: left;
	padding-right: 60px;
	line-height: 66px;
}

.linksInfo p {
	clear: both;
	font-size: 1.1em;
	color: #768F9f;
	line-height: 1.8em;
}

.linksInfo p span {
	padding: 0 10px;
}

/*sIFR Styles
------------------------------------------------------------------------ */ 

.sIFR-alternate {
       display: none;
}

.sIFR-hasFlash .mainIntro h2 {
       visibility: hidden;
	font-size: 20px;
	line-height: 1.5em;
        margin-top: 10px;
        padding: 20px 0 20px 0;
}

.sIFR-hasFlash .mainIntro p {
	padding: 0 0 30px;
}

.sIFR-hasFlash .leftCopy h2 {
       visibility: hidden;
	font-size: 22px;
	line-height: 1.0em;
        padding: 3px 0 0 0;
}

.sIFR-hasFlash .prevPosts, .sIFR-hasFlash .blogComments {
        position: relative;
}

.sIFR-hasFlash .prevPosts h3, .sIFR-hasFlash .blogComments h3 {
       visibility: hidden;
        font-size: 25px;
        position: relative;
        top: -39px;
        margin-bottom: -29px;
        line-height: 1.0em;
}

.sIFR-hasFlash .commentForm {
       padding-top: 18px;
}

.sIFR-hasFlash .commentForm h4 {
       visibility: hidden;
	font-size: 25px;
	padding: 0;
        margin: 0 0 -10px 20px;
}

.sIFR-hasFlash .subnav h6 {
       position: relative;
}

.sIFR-hasFlash .subnav h6 strong {
       visibility: hidden;
       font-size: 28px;
       line-height: 1.0em;
       margin: 0 15px;
       position: relative;
       top: 10px;
}

.sIFR-hasFlash .subnav h6 a {
       padding: 0;
}

.sIFR-hasFlash .people h3 {
       visibility: hidden;
        padding: 0;
        margin-bottom: 8px;
        font-size: 23px;
        line-height: 1.0em;
}

.sIFR-hasFlash .projectCopy p {
        padding: 0 0 5px 0;
}

.sIFR-hasFlash .portExample dd {
	padding-top: 0;
}

.sIFR-hasFlash .featureDetail h3 {
       visibility: hidden;
        font-size: 18px;
        padding: 0;
        margin: 10px 0 5px 0;
}

.sIFR-hasFlash .longContent h4.longHead {
       visibility: hidden;
	font-size: 18px;
	margin-bottom: 20px;
	padding: 0;
}

.sIFR-hasFlash h4.archHeader {
        padding: 13px 0 4px 20px;
        .padding: 16px 0 15px 20px; /* fix IE */
}

.sIFR-hasFlash h4.archHeader strong {
       visibility: hidden;
      font-size: 24px;
       line-height: 1.0em;
}

.sIFR-hasFlash ul.main-news {
      padding-top: 20px;
}

.sIFR-replaced {
       visibility: visible !important;
}

/* Float Clearing Styles
------------------------------------------------------------------------ */ 
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */