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

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0; padding: 0; border: 0;
}

body {
	margin: 20px 0 0 0; 
	padding: 0; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0.7em; color:#FFF;
	height:100%;
	background-image:url(../imgs/backgrounds/body_bg.gif); background-color:#333333;
	
}


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

h1 {
	font-size:14px;
	color:#FFF;
	margin:0 0 25px 0;
	padding:0;
	text-indent:-900em;
	background:url(../imgs/backgrounds/intro.gif) no-repeat top left;
	width:820px;
	height:76px;
}

/* ------------ LAYOUT ELEMENTS ------------- */

#wrap { 
	width:950px; 
	padding:0; 
	margin:0px auto;
}

#header {
	height:75px;
	border-bottom:1px solid #696361;
	padding:0 0 13px 0;
	margin:0 10px 22px 0;
	position:relative;
}

#header p {
	position:absolute;
	bottom:7px;
	right:0px;
	font-size:12px;
	margin:0; padding:0;
	width:400px;
	text-align:right;
}

#header p a { 
	color:#FFF; 
	text-decoration:none;
}

#header p a:hover { 
	color:#1B9DC6; 
	text-decoration:none;
}

#rightcolumn {
	width:220px;
	margin:0 0 0 20px;
	padding:0;
	float:left;
	line-height:18px;
	
}

#rightcolumn a { color:#1B9DC6; text-decoration:none;}
#rightcolumn a:hover { color:#1B9DC6; text-decoration:underline;}

#rightcolumn span {color:#1B9DC6;}

#rightcolumn h3 {
	width:220px;
	border-bottom:1px solid #696361;
	margin:0 0 15px 0;
	padding:0 0 6px 0;
	font-weight:100;
	font-size:16px;
	letter-spacing:1px;
	
}

#rightcolumn p {
	 margin:0 0 20px 0;
	 padding: 0;

}

#maincolumn {
	width:710px;
	float:left;
	margin:0 0 40px 0;
	padding:0;
}

#maincolumn h3 {
	width:700px;
	border-bottom:1px solid #696361;
	margin:0 0 15px 0;
	padding:0 0 6px 0;
	font-weight:100;
	font-size:16px;
	letter-spacing:1px;
	clear:both;
	
}

#maincolumn p {margin:0 0 12px 0; font-size:12px; line-height:18px; }

h2 { margin-bottom:40px; font-weight:100; font-size:20px; line-height:26px;}
h2 a { color:#1B9DC6; text-decoration:none;}
h2 a:hover { color:#1B9DC6; text-decoration:underline;}

/* ------------ SKILLS ------------- */

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

ul.skillslist li {
	margin:0; 
	padding:0 0 0 12px;
	line-height:18px; 
	background:url(../imgs/backgrounds/bullet_point.gif) no-repeat top left;}
	
ul.skillslist li p { margin:0 0 7px 0!important;}

.skillslist a { 
	color:#1B9DC6; 
	text-decoration:none;
}

.skillslist a:hover { 
	color:#1B9DC6; 
	text-decoration:underline;
}

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

.featuredwork {
	width:700px; 
	margin:0; 
	padding:0;
}

.featuredwork li {
	width:200px; 
	float:left; 
	height:191px; 
	background:url(../imgs/backgrounds/featured_bg.gif) no-repeat top left;
	margin:0 15px 18px 0;
	padding:10px 13px 0 10px;
	color:#000;
	float:left;
}

.featuredwork li img {
	margin:0 0 5px 0;
	padding:0;
}

.featuredwork li h4 {
	font-size:14px;
	margin:0; 
	padding:0; 
	color:#333; 
	font-weight:normal;	
}

.featuredwork li p {
	font-size:11px;
	margin:0!important; 
	padding:0!important;
	line-height:normal!important;
	color:#666;
}

.featuredwork li p span {color:#000;}

.featuredwork li a { 
	color:#000; 
	text-decoration:none;
}

.featuredwork li a:hover { 
	color:#1B9DC6; 
	text-decoration:underline;
}

/* ------------ TESTIMONIALS ------------- */

.testimonial { clear:both; padding:0 0 0 35px; width:665px; margin:20px 0 0 0; background:url(../imgs/backgrounds/quote.gif) no-repeat 0px 4px  }
.testimonial p {margin:0 0 12px 0; font-size:12px; line-height:18px; font-style:italic; }

/* ------------ PROJECT DESCRIPTION ------------- */

.projectdescription { clear:both; padding:0; width:700px; margin:20px 0 40px 0;  }
.projectdescription p {margin:0 0 12px 0; font-size:12px; line-height:18px; }

/* ------------ FOOTER ------------- */

#footerwrap {width:100%; clear:both; margin:20px 0 0 0; padding:0; background:#1a1919; border-top:1px solid #585757;}

.footer {width:950px; padding:20px 0 0 0; margin:0px auto; height:180px; color:#CCC;}
.footer a { color:#1B9DC6; text-decoration:none;}
.footer a:hover { color:#1B9DC6; text-decoration:underline;}

.footer li { width:300px; float:left; margin-right:20px;}
.footer li h2 { font-size:16px; color:#CCC; font-weight:100; margin-bottom:20px;}
.footer li p {line-height:normal; margin:0 0 12px 0; font-weight:100;}

.credits {height:26px; background:#000; color:#666; text-align:center!important; width:100%; padding:12px 0 0 0;}
.credits a {color:#666; text-decoration:none;}
.credits a:hover {color:#1B9DC6; text-decoration:underline;}


/*--Main Container--*/
.main_view {float: left; position: relative; padding:10px 10px 30px 10px; background:#FFF; margin-bottom:20px;}
/*--Window/Masking Styles--*/
.window {
	height:350px;	width:680px; 
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	background:#FFF;
	border:1px solid #CCC;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: -8px; right: 5px;
	width: 100px; height:30px;
	font-size:11px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding:2px 5px 2px 5px;
	text-decoration: none;
	margin-left:4px;
	color: #fff;
	background: #333;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a.active {
	font-weight: bold;
	background: #FFF;
	color:#333;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}


/* ------------ Latest Tweets ------------- */

.tweet {font-size:11px; color: #ccc; width:280px!important; }
.tweet .tweet_list { background-color: #333; }
.tweet .tweet_list li {overflow: auto; padding:8px 0 8px 0; width:280px!important; }
.tweet .tweet_list li a {color: #1B9DC6; }
.tweet .tweet_list .tweet_even { border-top:1px solid #666;}

/* ------------ Social Networks ------------- */

.socialnetworks {margin:0; padding:0 0 5px 0px;}
.socialnetworks li {margin: 0 0 12px 0; padding: 0; line-height: 18px; background-repeat: no-repeat; background-position: 0 50%; width:120px; float:left; }
.socialnetworks li a {padding-left: 30px; color:#CCC; text-decoration:none;}
.socialnetworks li a:hover {padding-left: 30px; color:#1B9DC6; text-decoration:underline;}

#twitter { background-image: url(../imgs/icons/twitter.gif); }
#linkedin { background-image: url(../imgs/icons/linkedin.gif); }
#vimeo { background-image: url(../imgs/icons/vimeo.gif); }

/* ------------ Main Navigation ------------- */

#mainnav {float:right; font-size: 16px; width:372px; overflow: hidden; line-height: 18px; margin-top: 10px; margin-right:-15px; font-weight:100;}
#mainnav ul {list-style-type: none; margin: 30px 0px 10px 0px; }
#mainnav li {display: inline; width: 90px; float:left; background: url(../imgs/backgrounds/nav_split.gif) repeat-y; background-position:100% 0%; padding: 0 2px 0 3px }
#mainnav a:link, #mainnav a:visited {color: #ccc; display:block;padding: 0 5px 0 5px; text-decoration:none; }
#mainnav a:hover {color: #1B9DC6; text-decoration:none;  }
#mainnav li a:link {}
#mainnav li.enditem {background: none;width: 80px}
span.nav_small {color: #999; font-size:10px;}
a:hover span.nav_small {color: #fff}

/* ------------ Contact Form ------------- */

#formwrap {width:700px; margin:0; padding:0;}
#formwrap a { color: #1B9DC6; text-decoration:none; font-weight:bold;}
#formwrap a:hover { color: #1B9DC6; text-decoration:underline;}

.error { font-size:12px; color:#cc0000; padding:0 0 0 20px; height:15px!important; margin:5px 0 0 0; background:url(../imgs/icons/error.gif) no-repeat 0px 0px;}

.validationerror {color:#FFF; padding:7px 7px 2px 7px; margin:0 0 10px 0; font-size:12px; background:url(../imgs/icons/warning.gif) no-repeat 7px 7px #CC0000;}
.validationerror li {margin:0 0 5px 0; padding:0 0 0 40px;}

.success {background:#339900; color:#FFF; padding:7px;}
.success p {margin:0; padding:0;}

fieldset {  
margin: 0;  
padding:10px 0 0 0;
border:none;
}  

fieldset p {font-size:11px;}

fieldset span { color:#CC0000;}

fieldset input, textarea {width:500px; border:3px solid #333; padding:2px;}
fieldset select {width:200px;}
  
fieldset ol {  
padding: 10px 0 0 0;  
list-style: none;
margin:0;
}  
fieldset li {  
padding-bottom: 1em;
}  
fieldset.submit {  
border-style: none;  
}

label {width:700px; font-size:12px; font-weight:bold; display:block; margin-bottom:5px;}

fieldset input.submit {width:auto!important; background:#1B9DC6; color:#FFF; border:none; padding:2px 5px; margin-left:0;}
.submit fieldset  {padding-top:0px !important;}