/*==== GOOGLE FONTS =====
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300);
 */

/*==== GLOBAL =====*/

* { 
	margin:0;
	padding:0;
}

html {
	min-width:200px;
}
body { 
    font-size:100%;
}

/*===== header =====*/
#header {
	height:85px; margin-top:-15px;
    width:100%;
	background:url(images/header-bg.png) left top repeat-x #fff;
}

#header .nav {
    float:none;
    margin:0px auto;
	width:90%; min-width:260px;
	padding:60px 0 0 0;
	overflow:hidden;
    text-align:center;
}
#header .nav li {
    float:none; display:inline-block; text-align:center; padding:0px; 
    margin-left:-1px; width:30%; height:20px;
}
#header .nav li a {
	float:left; 
	color:#000;padding:0px; text-align:center; width:100%;
	text-decoration:none;
	background:url(images/divider1.gif) no-repeat left 6px;
}
#header .nav > li:first-of-type a
{
    background: none;
}
#header .nav li a:hover {
	text-decoration:underline;
}
#header .nav li a.current {
	font-weight:bold;
	font-size:.91em;
}

#header .logo
{
    width:100%; width:100%; height:25px;
    height:auto; padding:0px;
    position:absolute;
    top:30px; text-align:center;
}
#header .logo a
{
    font-family:'Roboto Condensed', sans-serif; font-size:26px;color:#190066; text-transform:uppercase;
	float:none;
	padding:0; margin:0;
}
#header .logo a:hover {text-decoration:none;}

.fSlashH1 {font-size:22px; font-weight:bold; }
.fSlashH2 {font-size:20px; font-weight:bold; margin-right:-5px; }
.fSlashH4 {font-size:20px; font-weight:bold; margin-right:-2px; }


/*===== Lists =====*/

#homeExample {}
#homeExample li 
{
    float:left; width:28%; height:auto;
    background-color:#ffffff; border:solid 1px #cccccc;
    text-align:center; padding:0px;  overflow:hidden;}
#homeExample li.eg1 {margin:0 0px 10px 15px;}
#homeExample li.eg2 {margin:0 10px 10px 10px;}
#homeExample li.eg3 {margin:0 10px 10px 0px;}    
#homeExample li img {width:100%; height:auto; margin-top:-5px;}


.skill1, .skill2, .skill3, .skill4 {font-family:'Roboto Condensed', sans-serif;}
.skill2 {font-size:14px; color:#999999;}
.skill3 {font-size:13px; font-weight:bold;}
.skill4 {font-size:14px; color:#424242;}

.techList {}
.techList li {font-family:'Roboto Condensed', sans-serif;}










 /* BELOW IS NOT BEING USED ****************/
object { 
	vertical-align:top; 
	outline:none;
}
ul, ol { 
	list-style:none;
}

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

.col-1, .col-2, .col-3 { 
	float:left;
}

.col-1 {width:100%;}
.col-2 { width:100%; margin-top:10px; }

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.container { 
	width:100%; 
	margin:0 auto;
	font-size:.875em;
	position:relative;
}






/*---- tailings ----*/
.tail-top { 
	background:url(images/tail-top.gif) left top repeat-x #ffbb00;
}
.tail-bottom { 
	background:url(images/tail-bottom.gif) left bottom repeat-x;
}


/*----- forms parameters -----*/

input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
	width:80%;
	margin:3px;
}
textarea {height:80px;}


/*----- other -----*/
.img-indent { 
	margin:0 28px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:35px;
}
	.img-box img { 
		float:left; 
		margin:0 28px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}

.field-validation-error span {display:block;}
.red {color:#ff0000;}
p {
	margin-bottom:10px;font-family:'Roboto Condensed', sans-serif;
}
label {font-family:'Roboto Condensed', sans-serif;}

/*----- txt, links, lines, titles -----*/
a {
	color:#2D00B2;
	outline:none;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

h1 {
	font-size:20px;
	line-height:1em;
	color:#414b4e;
	font-weight:normal;
	padding-left:10px;
	margin-bottom:15px;
	margin-top:20px;
}
    h1 br
    {
        display:none;
    }
h2 {
	font-size:18px;
	line-height:0.8em;
	font-weight:normal;
	color:#353535;
	margin-bottom:19px;
}
h3 {
	font-size:20px;
	line-height:1.2em;
	font-weight:normal;
	color:#353535;
	margin-bottom:10px;
	margin-top:30px;
}
	h2.alt {
		padding-left:10px;
	}
h4 {
	font-size:15px;
	line-height:1.2em;
	font-weight:normal;
	color:#353535;
	margin-bottom:10px;
	margin-top:35px;
}
h5 {
	font-size:1em;
}

	

/*===== content =====*/
	#content .row-1 {
		background:url(images/line-dotted.gif) left bottom repeat-x; padding-left:10px;
	}
		#content .row-1 .indent {
			padding:40px 0 40px 0;
		}
		#content .row-1 .indent1 {
			padding:40px 0 14px 0;
		}
	#content .row-2 {
		background:#fdfcf9;padding-left:10px;
	}	
		#content .row-2 .indent {
			padding:32px 11px 35px 8px;
		}


/*===== Portfolio Grid =====*/
.folio
{
    margin-left:5px;
position:relative;}
.folio li 
{
    position:relative;float:left; height:auto; width:45%;  margin:1%; 
}

.folio img {position:absolute;width:100%; height:auto; min-height:48%; }
.folio img.col {z-index:0;}
.folio img.bw {z-index:1;display:none;}
.folio li a.thumb {
				width:auto;
				height:50%;
				display:block;
				margin-bottom:3px;
			}
.folio li a.thumb { padding:0px; border:solid 1px #cccccc;}
.folio li div { padding-top:72%; bottom:5px; float:left; max-width:90%; white-space:nowrap; overflow:hidden;}



/*===== main portfolio-piece image =====*/
.pImg {margin-bottom:15px;width:90%; height:auto; border:solid 1px #cccccc; padding:3px;}
			
/*===== footer =====*/
#footer {
	padding:15px 0 35px 10px;
	background:url(images/line-dotted.gif) left top repeat-x;
}