@charset "utf-8";
/* CSS Document */

body{
	background-color:#FFF;
	padding:0px;
	margin:0px;
}

.wrapper{
	width:624px;
	min-height:2000px;
	margin: 0px auto;
	background-image:url(../images/bg.gif);
	background-position:12px 0px;
	background-repeat:repeat-y;
	background-color:#FFF;
}

/*         --------- HEADER --------- */

.header{
	position:relative;
	height:210px;
	padding-top:20px;
	padding-bottom:10px;
}

.logo{
	background-image:url(../images/logo.png);
	width:293px;
	height:212px;
	float:left;
	margin-left:12px;
}

.twitter{
}

.twitBird{
	background-image:url(../images/twitBird.png);
	width:61px;
	height:44px;
	float:right;
	position:absolute;
	right:-10px;
	margin-top:186px;
	display:block;
	text-indent:-9999px;
}

.twitContainer{
	background-image:url(../images/twitBox.png);
	width:243px;
	height:104px;
	float:right;
	position:absolute;
	right:20px;
	margin-top:90px;
	z-index:1900;
}

.twitterTop{
	position:absolute;
	margin-top:2px;
	margin-left:82px;
}

.twitterTop a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#F2F1A0;
	font-weight:bold;
	text-decoration:none;
}

.twitterTop a:hover{
	text-decoration:underline;
}

#twitter_update_list{
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	margin-top:15px;
	margin-bottom:5px;
	padding:5px;
	width:232px;
	position:absolute;
}

#twitter_update_list a{
	color:#FFF;
}



.quoteBox{
	background-image:url(../images/quote.png);
	width:499px;
	height:129px;
	margin-top:20px;
	margin-left:62px;
}

/*         --------- END HEADER --------- */


/*         --------- NAVIGATION --------- */

.nav{
	background-image:url(../images/nav-banner.png);
	width:624px;
	height:39px;
	position:relative;
}

.navPos{
	height:39px;
	width:343px;
	display:block;
	position:absolute;
	top:5px;
	left:240px;
}

.navPos ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

.navPos ul a{
	display:block;
	height:39px;
	overflow:hidden;
	outline:0;
}

.navPos ul li{
	display:block;
	float:left;
	position:relative;
	text-indent:-9999px;
	overflow:hidden;
}

.navPos ul li, .navPos ul li a{
	background-image: url(../images/nav.png);
	background-repeat:no-repeat;
	background-position:left top;
}

.navPos ul li.l1 a{width:88px; background-position: left 0px;}
.navPos ul li.l2 a{width:67px; background-position: -88px 0px;}
.navPos ul li.l3 a{width:94px; background-position: -155px 0px;}
.navPos ul li.l4 a{width:94px; background-position: -249px 0px;}

.navPos ul li.l1 a:hover{width:88px; background-position: left -39px;}
.navPos ul li.l2 a:hover{width:67px; background-position: -88px -39px;}
.navPos ul li.l3 a:hover{width:94px; background-position: -155px -39px;}
.navPos ul li.l4 a:hover{width:94px; background-position: -249px -39px;}


/*         --------- END NAVIGATION --------- */

/*         --------- COMMON -------------*/
.headBanner{
	width:197px;
	height:65px;
	float:left;
}

.clearFix{
	clear:both;
}

.content{
	margin-left:25px;
	margin-top:30px;
}

.spacing{
	margin-top:30px;
}

.backUp{
	background-image: url(../images/back.jpg);
	display:block;
	text-indent:-9999px;
	width:79px;
	height:17px;
	float:right;
	margin-right:50px;
	margin-top:10px;
	outline:none;
}
/*         --------- END COMMON -------------*/

/*         --------- PORTFOLIO --------- */

.port{
	background-image: url(../images/portfolio-head.png);
}

.portLinks{
	float: right;
	margin-right:12px;
	margin-top:47px;
}

.portLinks ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

.portLinks ul li{
	float: left;
	margin-right:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:16px;
}

.portLinks a{
	color:#F2F1A0;
	text-decoration:none;
}

.portLinks a:hover{
	text-decoration:underline;
}

.portCont{
	width:575px;
	min-height:600px;
	/*background-color:#F00;*/
	position:relative;
}

.slot{
	width:157px;
	min-height:150px;
	float:left;
	margin-left:25px;
	position:relative;
}

.img{
	width:157px;
	height:157px;
	border:thin solid #244667;
	display:block;
	text-indent:-9999px;
}

.s2{
	margin-top:25px;
}

.i1{background-image:url(../images/portfolio/blueox-small.jpg);}
.i2{background-image:url(../images/portfolio/cav-small.jpg);}
.i3{background-image:url(../images/portfolio/easco-small.jpg);}
.i4{background-image:url(../images/portfolio/boardwalk-small.jpg);}
.i5{background-image:url(../images/portfolio/fourmation-small.jpg);}
.i6{background-image:url(../images/portfolio/youtube-small.jpg);}

.p1{background-image:url(../images/portfolio/photo1-small.jpg);}
.p2{background-image:url(../images/portfolio/photo2-small.jpg);}
.p3{background-image:url(../images/portfolio/photo3-small.jpg);}
.p4{background-image:url(../images/portfolio/photo4-small.jpg);}

.d1{background-image:url(../images/portfolio/email1-small.jpg);}
.d2{background-image:url(../images/portfolio/manvs-small.jpg);}
.d3{background-image:url(../images/portfolio/email3-small.jpg);}
.d4{background-image:url(../images/portfolio/design1-small.jpg);}

.portHead{
	background-image:url(../images/smallBox.png);
	width:159px;
	height:39px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#155da0;
}

.text{
	padding:3px;
	margin:0px;	
}

.portDescript{
	background-image:url(../images/bigBox.png);
	width:159px;
	height:101px;
	color:#6b6b6b;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

.portDescript ul{
	list-style-type:none;
	font-size:10px;
	font-style:italic;
	font-weight:normal;
	display:block;
	float:left;
	margin:7px 0px 0px 10px;
	padding:0px;
	text-align:left;
}

.iconWrapper{
	float:right;
	position:absolute;
	right:10px;
	bottom:10px;
}

.set{
	background-image:url(../images/iconbox.jpg);
	width:25px;
	height:25px;
	float:left;
}

.ps{
	background-position:0px 0px;
}

.dw{
	background-position:-25px 0px;
}

.fl{
	background-position:-50px 0px;
}


/*         --------- END PORTFOLIO --------- */

/*         --------- BLOG --------- */
.blog{
	
}
.blogH{
	background-image: url(../images/blog-head.png);
}

.blogCont{
	width:575px;
	min-height:500px;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}

.blogCont hr{
	color: #3179BE; background-color: #3179BE; border: 1px dotted #fff; border-style: none none dotted;
}
.storytitle a{
	color:#FFF;
	font-size:22px;
	text-align:center;
	text-decoration:none;
}

.storytitle a:hover{
	text-decoration:underline;
}

.storycontent img{
	margin:0px auto;
	border:1px dotted #fff;
	margin-bottom:15px;
}

.storycontent{
	font-size:12px;
	text-align:left;
	margin-bottom:60px;
}

.storycontent a{
	color:#F2F1A0;
	text-decoration:none;
}

.storycontent a:hover{
	text-decoration:underline;
}

.blogCont h2{
	font-size:9px;
	font-weight:normal;
	margin:0px;
}

.more{
	float:right;
	margin-right:50px;
	margin-top:30px;
}

.more a{
	font-size:12px;
	color:#FFF;
	text-decoration:none;
}
.more a:hover{
	text-decoration:underline;
}
	
/*         --------- END BLOG--------- */

/*         --------- RESUME --------- */
.resume{
	
}
.resumeH{
	background-image: url(../images/resume-head.png);
}

.resumeCont{
	width:575px;
	min-height:500px;
	position:relative;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.large2{
	color:fefee1;
	font-weight:bold;
	text-decoration:underline;
}

.resumeCont a{
	color:#FFF;
	text-decoration:none;
}

.resumeCont a:hover{
	text-decoration:underline;
}

.large{
	font-size:14px;
	color:#F2F1A0;
}

.large3{
	font-size:16px;
	color:#F2F1A0;
}

.smallList{
	padding:0px;
	margin:0px 0px 0px 20px;
	display:block;
}

.small{
	font-size:10px;
	margin-left:20px;
}
/*         --------- END RESUME--------- */

/*         --------- ABOUT ME --------- */
.about{
	min-height:700px;
}
.aboutH{
	background-image: url(../images/about-head.png);
}

.aboutCont{
	width:575px;
	min-height:500px;
	position:relative;
}

.me{
	background-image:url(../images/me.png);
	width:156px;
	height:156px;
	margin-left:200px;
}

.textA{
	width:500px;
	margin-left:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
}

b#bold3{
	color:#F2F1A0;
}

.textA a{
	color:#F2F1A0;
	text-decoration:none;
}

.textA a:hover{
	text-decoration:underline;
}

.others{
	margin-top:20px;
	margin-bottom:20px;
}

.others img{
	padding:0px;
	margin:1px;
}
/*         --------- END ABOUT ME--------- */