.sIFR-active h1.myraid{
	visibility: hidden;
	line-height: 60px;
	font-size:48px;
    }
	


a{
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
	
a:link{
	color:#fff;
}

a:visited{
	color:#ccc;
}

a:hover{
	color:#CCFF00;
}

a:active{
	color:#ccc;
}

a.rolloverBtn{
	border:none;
}

img{border:none;}

img:focus{border:none;}


h1, h2, h3, h4, h5, h6{
  font-family: Myriad Web, Arial, sans-serif;
}

	
h1 {
	text-align: left;
	font-size:72px;
	color:#fff;
	font-weight:bolder;
	line-height:62px;
	font-variant: small-caps;  
	letter-spacing:-4.5px;
	text-shadow:2px 2px 2px #000;
	margin-bottom:15px;
}

h2{font-size:36px;color:#d0d0d0;font-weight:normal;margin-bottom:20px;}

h3{font-size:26px;color:#d0d0d0;font-weight:normal;line-height:25px;}

h4{font-size:22px;color:#d0d0d0;font-weight:normal;}

h5{font-size:25px;color:#d0d0d0;font-weight:normal;}

h3.myraidBlack{
	font-weight:bold;
}


#identity h1{
	line-height:80px;
	text-indent:-9000px;
	background-image: url(/images/gfx_ID_tagline.png);
	background-repeat: no-repeat;
	background-position: 290px 40px;
}

.viewer h2{
	font-size:36px;
	margin-bottom:30px;
	line-height:28px;
}
.viewer h3{
	font-size:22px;
	margin-bottom:10px;
	color:#B9B9B9;
}

#contact h3{	
	padding:25px 0px 10px 0;
	z-index:500;
	color:#909090;
}

#contact h2{	
	padding:25px 5px 10px 0;
	z-index:500;
}


#categories h4{
	margin-bottom:20px;
}

#categories h3{
	font-weight:bold;
	color:#fff;
	margin-bottom:10px;
}
	
#featured h4{	
	padding:30px 5px 20px 0 ;
}

#contentSplit #contactInformation h4{
	margin-bottom:20px;
}
	
.commentsContainer h4{
	margin-bottom:20px;
	float:left;
	margin-right:10px;
}

.clearFloats{
	clear:both;
	margin:0;
	padding:0;
	height:0;
}

.footnote{
	font-size:90%;
}
 .time {
	font-size:12px;
	color:#666666;
 }

hr {
	border: 0;
	color: #656566;
	background-color: #656566;
	height: 1px;
	width: 100%;
	text-align: left;

}
input, textarea {
		border: 1px solid #d5d5d5;
		background-color:#f1f1f1;
		border-radius:0;
}

.rolloverBtn{
	background-position: top left;
}

.rolloverBtn:hover{
	background-position: bottom left;
}


.learnMoreBtn{
	background-image:url(/images/sprite_learnMore_btn.png);
	background-repeat:no-repeat;
	width:110px;
	height:25px;
	text-indent:-9000px;
	display:block;
}

.largerSizeBtn{
	background-image:url(/images/sprite_magnifyingGlass_btn_bg.png);
	background-repeat:no-repeat;
	width:110px;
	height:25px;
	text-indent:20px;
	display:block;
	position:absolute;
	bottom:40px;
	right:10px;
	line-height:25px;
	z-index:300;
	display:none;
}

.webDesignBtn{
	background-image:url(/images/sprite_need_a_website.png);
	background-repeat:no-repeat;
	float:right;
	height:38px;s
	margin-right:-5px;
	margin-top:-15px;
	text-indent:-9000px;
	display:block;
	width:430px;
}

.infoBox{
	padding:20px;
	margin:30px;
	background-color:#333333;
	text-align:center;
	border: 1px dotted #656566;
}


body {
	background-color: #000;
	color: #e7e2ee;
	background-image: url(/images/Background_v3_ribbons.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	line-height:18px;
	letter-spacing: 0.9px;
	font-size:12px;
}


/* MAIN UI ELEMENTS */

#identity {
	height:130px;
	background-repeat: repeat-x;
	background-position: left top;
}

#identity .container{
	width:980px;
	margin:auto;
}

#identity img{
	float:left;
	margin-top:30px;
	margin-left:10px;
}

#navsimple {
	height:100px;
	margin-top:30px;
	float:right;
	position:relative;
	width:220px;
}

#navsimple .left{
	position:absolute;
	top:0;
	left:0;
	
}

#navsimple .right{
	position:absolute;
	top:0;
	right:60px;
	
}

.navsimple a{
	border:none;
	padding:1px;

}

.navsimple a.active, .navsimple a.active:hover {
background-color:#fff;
color:#000;
font-weight:bold;
text-decoration:none;
padding:3px;
}


.navsimple a:hover {
	color:#000;
	background-color:#fff
}



#navigation {
	margin:10px auto;
	width:980px;
	height:50px;
	text-transform: uppercase;
	background-image: url(/images/Navigation_bg.png);
	background-repeat: repeat-x;
	background-position: left 2px;
	font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
	font-size:14px;
	font-weight:bold;
	line-height:48px;
	letter-spacing: 4px;
}

#navigation li{
	display:inline;
	float:left;
	
}

#navigation a{
	color:#f1f1f1;
	margin:0 5px;
	padding: 0 10px;
	text-decoration:none;
	display:block;
	background-image: url(/images/Navigation_sprite_bg.png);
	background-repeat: repeat-x;
	background-position: 0px 50px;
	border:none;
}

#navigation a:hover{
	background-position: 0 0px;
	color:#292929;
	opacity:.8;
}

#navigation a:active{
	background-position: 0 0px;
	color:#292929;
	opacity:1;
}

#navigation a.active{
	color:#292929;	
	background-image: url(/images/Navigation_sprite_bg.png);
	background-position: 0px -50px;
}

#navigation a#navHome{
	background-image: url(/images/Navigation_home_sprite.png);
	background-repeat: no-repeat;
	text-indent:-9000px;
	margin:2px 0 0 -8px;
	background-position: 0px 0px;
	height:44px;
	width:55px;
	padding:0;
}

#navigation a#navHome:hover{
	
}

#navigation a#navHome:hover, #navigation a#navHome.active{
	background-position: 0px -44px;
}



#content{
	width:980px;
	margin: -14px auto 20px auto;
	padding-bottom:30px;
	
}

#contentSplit{
	width:980px;
	background-image:url(/images/540_440_split_bg.png);
	background-repeat: repeat-y;
	float:left;
	padding-bottom:30px;
	}
#content980{
	width:980px;
	float:left;
	padding-bottom:30px;
	background-color:#000000;
}

#contentWhite980{
	width:980px;
	float:left;
	padding-bottom:30px;
	background-color:#fff;
}

#contentWhite980 p{
	color:#333333;
	margin:20px 0;
}

#contentWhite980 h3{
	color:#333333;
}

#contentWhite980 a{
	border:none;
	text-decoration:none;
	margin-right:20px;
}

#contentWhite980 a img:hover{
	opacity:.8;
}

#pageTitle {
	background-image: url(/images/gradient_dark_grey_bg.png);
	background-repeat: repeat-x;
	padding: 20px 10px;
	border-bottom-width:2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

#pageTitle p{
	color:#fff;
	letter-spacing:0;
	line-height:32px;
	font-size:30px;
	text-shadow:2px 2px 2px #000000;
}

#pageTitle p span{
	color:#000;
	background-color:#61B7BF;
	padding:0 10px;
	text-shadow:none;
	
}

#pageTitle h3{
	font-size: 45px;
	line-height:50px;
}


/* BODY OF WORK */

.viewer{
	height:440px;
	position:relative;
	background-image: url(/images/bodyOfWork_bg.png);
	background-repeat: no-repeat;
	overflow:hidden;
	border-top-width: 1px;
	border-bottom-width: 1px;

}

.viewer .exampleContainer{
	position:absolute;
	top:0px;
	left:0px;
	height:400px;
	
}

.viewer .exampleContainer .loading{
	width:55px;
	height:55px;
	background-image:url(/images/gfx_loader.gif);
	background-repeat:no-repeat;
	text-align:center;
	line-height:55px;
	position:absolute;
	top:165px;
	left:240px;
	z-index:3;
}


.viewer .exampleContainer .example{
position:relative;
	width:540px;
	height:400px;
	float:left;
	margin-right:440px;
	text-align:center;
	padding-bottom:30px;

}

.viewer .exampleContainer .elementReflectionContainer{
	position:absolute;
	bottom:50px;
	width:540px;
	z-index:4;
}


.viewer .exampleContainer .example img{
	margin:0 auto 0 auto;
	display:block;
	visibility:hidden;
}

.viewer .exampleContainer .container{
	position:absolute;
	bottom:80px;
	width:540px;
	z-index:4;
}


.viewer .exampleContainer  img.nonReflect{
	visibility:visible !important;	
}


.viewer .exampleContainer .elementReflectionContainer img{
	visibility:visible;
	
}

.viewer .example .exampleInformation{
	text-align:left;

	width:540px;
	height:400px;
	z-index:200;
	background-color:#000;
}

.viewer .example .exampleInformation .container{
	padding:30px 30px 0 30px;
}

.viewer .example .exampleInformation .container h5{
	margin-bottom:5px;
}

.viewer .information{
	width:440px;
	height:400px;
	position:relative;
	float:right;
	background-image: url(/images/gfx_30_opacity_black_bg.png);
	background-repeat: repeat;
	z-index:500;

}

.viewer .informationContainer{
	position:absolute;
	top:0;
	left:0;

}
.viewer .information .learnMoreBtn{
	margin-top:30px;
}

.viewer .information .container{
	padding:40px;
	height:320px;
	width:360px;
}




.viewer .body_of_work_navigation{
	clear:both;
	height:30px;
	width:980px;
	text-align:right;
	position:absolute;
	bottom:0;
	right:10px;
	line-height:35px;
	z-index:1000;
	font-size:18px;
	color:#909090;
	background-color:#000;
}

.viewer .body_of_work_navigation .navigator{
	height:24px;
	width:50px;
	background:#ccc;
	margin:0px 5px;
	cursor:pointer;
	display:inline;
	vertical-align:middle;
	
}

.viewer .body_of_work_navigation .navigator:hover{
	background:#555
}

.viewer .commentArrow{
	position:absolute;
	bottom:5px;
	left:540px;
	z-index:2000;
}
/* categories on home page */
#categories{

	background-repeat: repeat-x;
	padding: 20px 10px 0;
	border-bottom-width:2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}


#categories .category{
	width:223px;
	height:175px;
	float:left;
	margin:0 8px -5px 9px;
	position:relative;
	
}

#categories .category p{
	line-height:14px;
	color:#fff;
}

#categories .category .container{
	padding:10px;
	
}

#categories .category0{
	background-image:url(/images/gfx_category_orange_bg.png);
}
#categories .category1{
	background-image:url(/images/gfx_category_green_bg.png);
}
#categories .category2{
	background-image:url(/images/gfx_category_blue_bg.png);
}
#categories .category3{
	background-image:url(/images/gfx_category_red_bg.png);
}

#categories .category .learnMoreBtn{
	position:absolute;
	bottom:10px;
	right:10px;
}


/*EXAMPLE*/

.xLargeExample{
	position:relative;
	top:0;
}

.xLargeExample img{
	margin:30px;
}

.xLargeExample #close{
	background-image:url(/images/sprite_close_btn.png);
	text-indent:-9000px;
	position:absolute;
	top:3px;
	right:3px;
	width:71px;
	height:23px;
}


/* Featured */
	#featured{	
		padding-left:10px;
		width:960px;
		padding-bottom:20px;
		margin-top:20px;
	}
	

	.featuredContainer{
		width:195px;
		float:left;
		margin:0 8px -5px 15px;
		position:relative;
		z-index:10;
		padding:10px;
	
	}	
	
	.featuredContainer h5{
		font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
		font-weight:normal;
		margin-bottom:10px;
	}
	
	.featuredContainer.featured0 h5{
		color:#a6c000;
	}
	
	.featuredContainer.featured1 h5{
		color:#ff9c00;
	}
	
	.featuredContainer.featured2 h5{
		color:#dc2955;
	}
	
	.featuredContainer.featured3 h5{
		color:#0088ca;
	}
	
	.featuredContainer li{
		font-size:14px;
		font-weight:bold;
		line-height:20px;
		color:#c2c7d2;
		margin-left:2px;
		}

/* Contact partial on homepage */

#contact  {	
	margin-left:10px;
	padding-bottom:10px;
	position:relative;
	margin-top:30px;
}
#contact form{
	margin-left:15px;
}

#contentSplit #contact form{
	margin-left:0px;
}


#contentSplit #contact  {	
	padding-left:30px;
	padding-bottom:10px;

}

#contentSplit #contact {
	float:left;
	width:500px;
}
#contentSplit #contactInformation{
	float:right;
	width:410px;
	margin:30px 0 0 30px;
}




#contact label{
		font-size:18px;
		font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
		font-weight:normal;
		vertical-align:middle;
	}
	
#contact label.messageLabel{
		vertical-align:top;
	}
	
	
	
#contact input, #contact textarea{
	padding:5px;
	margin-bottom:15px;
	width:211px;
}
#contentSplit #contact input, #contentSplit #contact textarea{
	padding:5px;
	margin-bottom:15px;
	width:300px;
}

#contact textarea{
	height:150px;
	margin-top:10px;
}

#contact .submitBtn{
	width:289px !important;
	height:114px !important;
	border:none !important;
	padding:0 !important;
	display:block !important;
	margin-left:-30px;
	margin-top:-15px;
	opacity:.75;
}

 #contentSplit #contact form{
	margin-left:20px;
}

#contact .submitBtn:hover{
	opacity:1;
}

#contact #message{
	margin-bottom:15px;
}
#contact .textFieldArrow{
	position:relative;
	bottom:-9px;
	left:-1px;
	visibility:hidden;
}

#contact .textAreaArrow{
	position:relative;
	top:-148px;
	left:-1px;
}
#contact img.explodingExamples{
	position:absolute;
	right:143px;
	top:-12px;
}
	
/* comments */

.commentsContainer{
	padding-top:15px;
	background-color:#000000;
	padding-bottom:30px;
	padding-left:10px;
}




.commentsContainer h5{
	font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
	font-weight:normal;
	margin-bottom:0px;
	display:inline;
}

.commentsContainer a{
	line-height:25px;
}

.comments{
	padding-left:10px;
	width:980px;
}

.comments .comment, .hiddenComments .comment{
	width:219px;
	float:left;
	margin:0 8px 15px 15px;
	position:relative;

}

.comments .comment input{
	border:solid;
}

.commentsContainer .leaveACommentBtn{
	background-image:url(/images/sprite_leaveAComment.png);
	height:94px;
	width:214px;
	text-indent:-9000px;
	display:block;
	margin-left:-23px;
	margin-bottom:-15px;
}


.commentForm form{
	margin-left:20px;
}

.commentForm input{
margin-bottom:10px;

}

.commentForm{	
}

.commentForm .notation{
	font-size:12px;
	color:#666666;
	padding-left:10px;
	vertical-align:sub;
}
	
.commentForm h3{	
	padding:30px 5px 20px 0;
}

.commentForm label{
		font-size:18px;
		font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
		font-weight:normal;
		vertical-align:middle;
	}
	
.commentForm label.messageLabel{
		vertical-align:top;
	}
	
	
	
.commentForm input, .commentForm textarea{
	padding:5px;
	margin-bottom:15px;
	width:227px;
}

.commentForm textarea{
	height:150px;
	margin-top:10px;
}

.commentForm .submitBtn{
	width:289px;
	height:114px;
	border:none;
	padding:0;
	display:block;
	margin-left:-25px;
	margin-top:-15px;
	opacity:.75;
}

.cancelComment{
	position:relative;
	top:-83px;
	right:-283px;
}

.commentForm .submitBtn:hover{
opacity:1;
}

.message{
	margin-bottom:15px;
	line-height:18px;

}

.message img{
	vertical-align:middle;
	margin-right:3px;
}

.commentForm .textFieldArrow{
	position:relative;
	bottom:-9px;
	left:-1px;
	visibility:hidden;
}

.commentForm .textAreaArrow{
	position:relative;
	top:-148px;
	left:-1px;
}

/* news -------------------------------------------------- */

#news{
	width:540px;
	padding-top:1px;
	float:left;
}

#news .newsItem{
	margin: 20px 10px 25px 10px;
}

#news .newsItem .container{
		width:380px;
		float:right;
}

#news .newsItem .largeDate{
	width:100px;
	color:#d0d0d0;
	font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
	font-weight:bold;
	text-align:right;
	padding-top:10px;
	}

#news .newsItem .largeDate .month{
	font-size:20px;
	
}

#news .newsItem .largeDate .day{
	font-size:66px;
	letter-spacing: -4px;
	color: #666666;
	padding-top:18px;
	display:block;
}

#news .newsItem .largeDate .year{
	font-size:20px;

	vertical-align:top;
}
#news h2{
	line-height:40px;
}

#sideBar{
	width:440px;
	float:right;

}

#sideBar #rssFeed{
	position:relative;
}

#sideBar #rssFeed #rssLink{
	display:block; 
	position:absolute;
	top:110px;
	right:68px;
}

#sideBar #rssFeed #rssLink:hover{
	color:#F89501;
}

#sideBar #archives{
	margin-left:45px;
	margin-top:20px;
	margin-right:10px;
	color:#d0d0d0;
}

#sideBar #archives li{
	line-height:22px;
}

#sideBar #archives li.year{
	font-size:20px;
	font-weight:bold;
	font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
	margin-top:20px;
	margin-bottom:20px;
}

#sideBar #archives li.month{
	font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
	font-size:16px;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:10px;
}

#sideBar #archives .day{
	color: #666666;
	font-weight:bold;
}

/*SEARCH*/
#navigation #search{
	position:relative;
	float:right;
	width:180px;
	top:12px;
	right:-14px;
}

#navigation #search input{
	height:20px;
	width:120px;
	text-align:right;
	padding-right:5px;
	color:#ccc;
	
}

#navigation #search input:focus{
	color:#000;
	
}	

#navigation #search #searchSubmit{
	width:26px;
	height:24px;
	position:absolute;
	right:23px;
	top:0px;
	border:none;
	opacity:.85;
	background-color:transparent;
}

#navigation #search #searchSubmit:hover{
	opacity:1;
}

#searchResults{
	padding:20px;
}

#searchResults .column{
	float:left;
	width:23%;
	padding:1%;
}
#searchResults .noResults{
	color:#666666;
	font-weight:bold;
	font-size:14px;
}

#searchResults h5{
font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
font-weight:normal;
}

.color1{
	font-weight:bold;
		color:#ffa800;
	}
	
.color2{
	font-weight:bold;
		color:#b9e900;
	}
	
.color3{
	font-weight:bold;
		color:#0090ec;
	}
	
.color4{
	font-weight:bold;
		color:#d10f45;
	}




/* FOOTER */

#footer{
	padding-top:100px;
	margin-top:-100px;
	background-color:#FFFFFF;
	color:#606060;
	background-image:url(/images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;	

}

#footer a:link, #footer a:visited{
	color:#000;
}

#footer a:hover{
	color:#9900CC;
}

#footer .container{
	width:980px;
	margin:30px auto;
}

#footer .container .left{
	float:left;
	width:225px;
}
#footer .container .right{
	float:right;
	width:170px;
}

#footer .container .nameLogo{
	font-size:12px;
	margin:0 0 10px 10px;
}

#footer .container .nameLogo img{
	margin-bottom:5px;
}


#footer .container h3{
	margin-bottom:20px;
}

#footer .container h5 {
	margin-bottom:10px;
	font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
}

#footer .container h5 em{
	font-style:normal;
	color:#000;

}

#footer .container ul{
	margin-bottom:20px;
}

#footer .container li{
	line-height:18px;
}

#footer .container li em{
	font-weight:bold;
	font-size:16px;
	font-style: normal;
}

#footer .container ul.opportunities li{
	text-indent:10px;
	list-style-position: inside;
	list-style-type: square;
}

#footer .container a.linkedin{
	padding-left:20px;
	background-image: url(/images/icon_linkedIn.gif);
	background-repeat:no-repeat;

}
 #footer .container li.linkedin a{
 	line-height:25px;
	vertical-align:bottom;
 }

#footer .container #businessRelations{
	width:420px;
	margin:30px 10px;
	float:left;
}

#footer .container #businessRelations h3{
	color:#9a7eb0;
}

#footer .container #aboutThisSite{
	width:420px;
	margin:30px 10px;
	float:right;
}

#footer .container #aboutThisSite h3{
	color:#909fc9;

}