/*Blue Color #34c6f4
.web {
	display:none;
}
.blog {
	display:none;
}
.contact {
	display:none;
}
 */

/*GLOBAL COMMANDS*/

* {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
}

.clearBoth {
	clear:both;
}
.clearRight {
	clear:right;	
}
.clearLeft {
	clear:left;	
}

/*BLOCK LEVEL ELEMENTS (in order of DOM flow)*/

h1 {
	float:right;
	height:70px;
	width:473px;
	background: url(../i/imagemap.png) 0 0 no-repeat;
	text-indent:-5000px;
	margin:20px 0px 0 10px;
	cursor:pointer;
	
}

h3{
	cursor:pointer;
}

a {
	outline:none;
}

/*CUSTOM ID/CLASS ELEMENTS (in order of DOM flow)*/

#wrapper{
	width:600px;
	margin-top: 90px;
	}
#logoWrap{
	position:absolute;
	right:50px;
	top:20px;;
	}
#logoClick{
	
	right:0;
	margin:10px 0 0 10px;
	width:440px;
	height:490px;
	background:url(../i/logoClick.gif) no-repeat;
	position:absolute;
	}
	
	#resume{
		display:block;
		height:24px;
		width:129px;
		background:url(../i/resumeBtn.jpg) no-repeat;
		text-indent:-5000px;
		margin:5px 0 0 0px;
	}
	
	#resume:hover{
			background:url(../i/resumeBtn.jpg) 0 -27px no-repeat;
	}
	
#logoClick img{
	margin:70px 0 0 25px;
}

#logoClick p{
	width:385px;
	margin:5px 0 0 25px;
	padding-top:5px;
	border-top:1px solid #ccc;
}
.bigNavigation {
	height:169px;
	display:block;
	margin-bottom:0px;
	color:#fff;
	text-decoration:none;
	font-size:160px;
	letter-spacing:-25px;
	padding:10px 10px 0 50px;
}

.bigNav {
	margin-bottom:20px;
	cursor:pointer;
}

.closed{height:11px; width:10px; background:url(../i/openclose.png) -10px 0 no-repeat;}
.open{height:11px; width:10px; background:url(../i/openclose.png) 0px 0 no-repeat;}




/*--------------------------------------------------------------------------------------------WORK*/

#work {
	margin-top:80px;
}


#workLink {
	width:425px;
	height:149px;
	background:#fff url(../i/nav/nav_work.gif) no-repeat;
	display:block;
	text-indent:-5000px;
}

#work h3 {
	height:57px;
	width:497px;
	background:#fff url(../i/headers/work.gif) no-repeat;
	text-align:right;
	margin-top:10px;
}
.h3text {
	font-size:20px;
	color:#34c6f4;
	letter-spacing:-1px;
	margin:13px 0px 0 -30px;
	padding-top:12px;
	padding-right:16px;
	display:block;
	font-weight:bold;
}
#work h4 {
	font-size:14px;
	padding-bottom:5px;
	border-bottom:1px solid #f5f5f5;
	margin-bottom:5px;
}
#work p {
	width:350px;
}

.siteButton {
	background: url(../i/imagemap.png) 0 -69px no-repeat;
	height:27px;
	width:107px;
	display:inline-block;
	text-indent:-5000px;
	margin:10px 0 0 -8px;
}
.siteButton:hover {
	background: url(../i/imagemap.png) 0 -96px no-repeat;
	height:27px;
	width:107px;
	display:inline-block;
	text-indent:-5000px;
	margin:10px 0 0 -8px;
}
.caseButton {
	background: url(../i/imagemap.png) -106px -69px no-repeat;
	height:27px;
	width:134px;
	display:inline-block;
	text-indent:-5000px;
	margin-top:10px;
}
.caseButton:hover {
	background: url(../i/imagemap.png) -106px -96px no-repeat;
	height:27px;
	width:134px;
	display:inline-block;
	text-indent:-5000px;
	margin-top:10px;
}


.infoContainer {
	width:500px;
	margin-left:50px;
	margin-bottom:50px;
}
.highlights {
	float:right;
}
	.highlights ul{list-style:none;}
.description {
	float:left;
}

#workContainer {
	height:auto;
	overflow:hidden;
}

.previousImg{width:400px; height:60px; background:url(../i/previous.png); font-size:36px; color:#FFF; display:block; text-indent:-5000px; margin-top:-60px;}
.nextImg{width:400px; height:60px; background:url(../i/next.png); font-size:36px; color:#FFF; display:block; text-indent:-5000px; margin-top:60px;}
.scrollHolder {
	width:640px;
	position:relative;
	z-index:998;}
.photoHolder{position:relative;width:940px; height:245px; }
.photoContainer{width:850px; height:258px; position:absolute; z-index:6; overflow:hidden;}
.subPhotoContainer{width:1500px;}
.photoContainer img{ padding-left:20px; height:230px; width:420px; margin-right:20px; display:block!important;}
 
 
 /*FEATURES UL*/

.featureList{list-style:none; margin:20px 0 10px -5px;}
.feature{height:15px; display:inline-block; margin:0 5px 0 5px; text-indent:-5000px;}
#design{width:46px; background:url(../i/features.gif) 0 0 no-repeat;}
#flash{width:40px; background:url(../i/features.gif) -46px 0 no-repeat;}
#xhtml{width:43px; background:url(../i/features.gif) -86px 0 no-repeat;}
#jquery{width:48px; background:url(../i/features.gif) -128px 0 no-repeat;}
#css{width:29px; background:url(../i/features.gif) -177px 0 no-repeat;}
#jsframe{width:78px; background:url(../i/features.gif) -206px 0 no-repeat;}
#iphone{width:47px; background:url(../i/features.gif) -285px 0 no-repeat;}


#graphicDesign{margin-bottom:40px;}
.bold{font-weight:bold;}


/*END------WORK*/

/*--------------------------------------------------------------------------------------------BLOG*/

#blogLink {
	width:425px;
	height:149px;
	background:#fff url(../i/nav/nav_blog.gif) no-repeat;
	display:block;
	text-indent:-5000px;
}

#blog h3 {
	height:57px;
	width:497px;
	background:#fff url(../i/headers/blog.gif) no-repeat;
	text-align:right;
	margin-top:10px;
}
#blog h3 {
	font-size:20px!important;
	color:#333;
	letter-spacing:-1px;
	margin:13px 10px 0 -30px;
	padding-top:12px;
	padding-right:16px;
	display:block;
	font-weight:bold;
}

#blog small{
	margin:0 0 50px 350px;
	padding:0 0 5px 20px;
	line-height:22px;
	font-size:12.5px;
	background:url(../i/icons/ical.jpg) left no-repeat;
}

#blog p{
	margin:10px 0 0 15px;
	border:1px solid red;
	width:450px!important;
	font-size:13.5px;
	line-height:1.5em;
}

#blog h3 span{margin-right:10px;}


#blog a {
	color:#06C;
	font-size:13.5px;
	line-height:1.5em;
	text-decoration:none;
}
#blog a:hover {
	color:#09F;
}
#blog p {
	width:350px;
	padding-bottom:15px;
	border:none;
}



/*END------BLOG*/

/*--------------------------------------------------------------------------------------------CONTACT*/

#contactLink {
	width:671px;
	height:149px;
	background:#fff url(../i/nav/nav_contact.gif) no-repeat;
	display:block;
	text-indent:-5000px;
}


#contactForm{
	width:440px;
	float:left;
	margin-left:45px;
	margin-top:-35px;
	}

#formInstruct{
	border:none!important;
	font-size:13px;
	font-weight:bold;
	margin:0 0 10px 10px;
}
	
.labelLeft{
	text-align:right;
	padding-right:9px;
}

tr{
	height:35px;
	padding:3px 0 3px 0;
}


#contact h3 {
	height:57px;
	width:497px;
	font-size: 30px;
	text-align:right;
	margin-top:10px;
}

#contact h3 a{
	height:57px;
	width:497px;
	font-size: 30px;
	text-align:right;
	margin-top:10px;
	color: #4e83b9;
	text-decoration: none;
}
#contact .h3text {
	font-size:20px;
	color:#df1800;
	letter-spacing:-1px;
	margin:13px 0px 0 -30px;
	padding-top:12px;
	padding-right:16px;
	display:block;
	font-weight:bold;
}
#contact h4 {
	
	border:1px solid red;
}
#contact p {
	width:350px;
}

#message{vertical-align:top; margin-top:10px;}

#submitBtn{
	width:103px;
	height:50px;
	background:url(../i/send_sprite.gif) no-repeat;
	border:none;
	margin-left:60px;
}

#submitBtn:hover{
	width:103px;
	height:50px;
	background:url(../i/send_sprite.gif) 0 -50px no-repeat;
	border:none;
}
#submitHolder{
	padding-top:20px;
}

.emailMe{text-decoration:none; padding-left:30px; background:url(../i/icons/mail.png) no-repeat; font-weight:bold; color:#F90; margin-left:15px;}
.emailMeAdd{margin:5px 0 0 25px; padding-top:5px; line-height:20px;}

/*SOCIAL NETWORKING CSS*/

#socialNetworkingHolder{
	margin-left:30px;
	padding-left:10px;
}


/*TWITTER*/

#twitter_div{
	width:280px!important;
	margin:58px 0 18px 30px;
}
#twitter_div h2{
	padding-left:22px;
	background:url(../i/icons/twitter-02.png) no-repeat;
	padding-top:2px;
	height:20px;
	border-bottom:1px solid #CCC;
	margin-bottom:3px;
}

#twitter_div h2 a{
	text-decoration:none;
	color:#333;
}
#twitter_div h2 a:hover{
	text-decoration:none;
	color:#666;
}
#twitter_div li{
	margin:9px 0 9px 0;
	padding-bottom:5px;
	width:280px;
}

#twitter_div ul{
	list-style:none;
}


/*LINKEDIN*/

#linkedin_div{
	width:280px!important;
	margin:18px 0 18px 30px;
}
#linkedin_div h2{
	padding-left:22px;
	background:url(../i/icons/linkedin.png) no-repeat;
	padding-top:2px;
	height:20px;
	border-bottom:1px solid #CCC;
	margin-bottom:3px;
}
#linkedin_div h2 a{
	text-decoration:none;
	color:#333;
}
#linkedin_div h2 a:hover{
	text-decoration:none;
	color:#666;
}
#linkedin_div li{
	margin:9px 0 9px 0;
	padding-bottom:5px;
	width:280px;
}

#linkedin_div ul{
	list-style:none;
}

/*hCARD*/

#hcard_div{
	width:280px!important;
	margin:18px 0 18px 30px;
}
#hcard_div h2{
	padding-left:22px;
	background:url(../i/icons/hcard.png) no-repeat;
	padding-top:2px;
	height:20px;
	border-bottom:1px solid #CCC;
	margin-bottom:3px;
}
#hcard_div h2 a{
	text-decoration:none;
	color:#333;
}
#hcard_div h2 a:hover{
	text-decoration:none;
	color:#666;
}
#hcard_div li{
	margin:9px 0 9px 0;
	padding-bottom:5px;
	width:280px;
}

#hcard_div ul{
	list-style:none;
}


/*iCAL*/

#google_div{
	width:280px!important;
	margin:18px 0 98px 30px;
}
#google_div h2{
	padding-left:22px;
	background:url(../i/icons/google.png) no-repeat;
	padding-top:2px;
	height:20px;
	border-bottom:1px solid #CCC;
	margin-bottom:3px;
}
#google_div h2 a{
	text-decoration:none;
	color:#333;
}
#google_div h2 a:hover{
	text-decoration:none;
	color:#666;
}
#google_div li{
	margin:9px 0 9px 0;
	padding-bottom:5px;
	width:280px;
}

#google_div ul{
	list-style:none;
}


/*FACEBOOK*/

#facebook_div{
	width:280px!important;
	margin:18px 0 18px 30px;
}
#facebook_div h2{
	padding-left:22px;
	background:url(../i/icons/facebook.png) no-repeat;
	padding-top:2px;
	height:20px;
	border-bottom:1px solid #CCC;
	margin-bottom:3px;
}
#facebook_div h2 a{
	text-decoration:none;
	color:#333;
}
#facebook_div h2 a:hover{
	text-decoration:none;
	color:#666;
}
#facebook_div li{
	margin:9px 0 9px 0;
	padding-bottom:5px;
	width:280px;
}

#facebook_div ul{
	list-style:none;
}


/*END------CONTACT*/






/*TOOLTIP*/

#tooltip.pretty {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border: none;
	width: 220px;
	padding:20px;
	height: 100px;
	font-size:11px;
	color:#666;
	background: url(../i/tooltip.png) -5px 0 no-repeat;
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 11pt;
	font-weight:normal;
	width: 200px;
	text-align: center;
	padding:15px 0 0 0; 
}
#tooltip.pretty div { width: 240px; text-align: left; }

scrollToHere{margin:0; padding:0; height:0; width:0; line-height:0; outline:none;}
#scrollToTHere{margin:0; padding:0; height:0; width:0; line-height:0; outline:none;}