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

* {
	margin:0;
	padding:0;
}

.loader {
	width: 28px; height:28px;
	background: url(../images/loading.gif) no-repeat;
	margin: -621px 0 0 182px;
	text-indent:-9999em;
}

#floatMenu { position: fixed; top:0px; left:30px; width:940px; height:120px; background-color:#222222;}
#rule { width:915px; margin-top:35px; height:7px;  border-top: 1px solid #808080; }
#small_logo { float:left; width: 197px; height:50px; padding-right:18px; }
#floatMenu ul {	margin-bottom:16px; list-style-type:none; }
#floatMenu ul li a { height:16px; display:block; border-top: text-decoration:none; padding:1px 3px 0px 3px; margin:-1px -3px -0px -3px; }		
.nav { float: left;	height: 80px; width: 160px; margin-right:19px;	}

body { font-family: Arial,Helvetica, sans-serif; font-size:11px; line-height:16px; background-color:#222222; color: #CCC;}

#container {width: 940px; margin: 0 0 0 30px; }

#branding { margin-bottom:40px; padding:80px 0 0 0; height:50px; position:relative; }
#logo { position:absolute; left:222px; bottom:0;}

p { font-family: Helvetica, Arial, Verdana, sans-serif; font-size:11px; padding-top:16px; line-height: 17px;}
h1 { font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:14px; line-height: 15px; color:#fbe23e; padding:3px 4px 2px 4px; margin:-3px -4px -2px -4px;}
#txt_light { color:#999999; font-style:normal;}
#txt_orange { color:#FFc300; padding:3px 4px 2px 4px; margin:-3px -4px -2px -4px; }
#p1 {text-decoration:line-through;}

#content { position:relative; height:270px; }
#intro { position:absolute; width: 197px; border-top: 1px solid #808080; padding-top:7px; }
#about { position:absolute; border-top: 1px solid #808080; width:340px; height:140px; left:215px; padding-top:7px; }
#contact { position:absolute; border-top: 1px solid #808080; width:160px; height:140px; left:574px; padding-top:7px; }
#links { position:absolute; border-top: 1px solid #808080; width:163px; height:140px; left:753px; padding-top:7px; }
#resume { position:absolute; width:700px; height:52px; left:215px; top:170px; }
#portfolio { position:absolute; width:700px; left:215px; top:230px; height:30px;}

#work {display:block; position:relative; float:left;}
.work_container {height: 650px;}
.description {border-top: 1px solid #808080; margin: 0 19px 0 0; padding-top:7px; width:197px; float:left;}
#image {border-top: 1px solid #808080; width:700px; overflow:hidden; padding:10px 0 120px 0;}

#footer { position:relative; float:left; width:700px; height:200px; padding: 0 0 0 215px; }

a img {border:0; }
#container a {font-weight:bold; font-size:12px; padding:3px 3px 2px 4px; margin: -3px -4px -2px -4px; }
a:link { text-decoration:none; color: #CCC; }
a:visited { text-decoration:none; color:#50555a; }
a.selected { color:#ffdf1b; }
a:hover { background-color:#ffdf1b; color: #000; text-decoration:none; }


#contact a, #links a { font-size:11px; font-weight:normal;  padding:1px 4px 2px 4px; margin:-1px -4px -2px -4px; }
li { list-style:none; display:inline; }

.work_container li { display:inline-block; line-height:16px; padding:0 3px 0 3px; margin:0 6px 0 -3px;}
.work_container:hover li { border-bottom:1px solid #ffdf1b; color:#000; }
.work_container li:hover { background-color:#ffdf1b; color:#000; }

img.largeImage{cursor:pointer}