/* CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;

}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* CSS RESET */



/* pushes the page to the full capacity of the viewing area */
html {height:100%;}
body {height:100%; margin:0; padding:0; background-color:#fafafd;font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;
font-size:10px;
background:url(../images_interface/bg_grid3.png);
background-attachment:fixed;

background-position:top left;


}


/* */
*{
border:0px solid #eee;
margin:0;
padding:0;
list-style:none
}
html,body,#bg,#bg table,#bg td,
{
width:100%;
height:100%;
border:3px solid #00f;

}


h1,h2,.large,.left, p
{font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;font-size:40px;font-weight:normal; padding-left:0; color:#112742; }

h2.address, h2.tagline, h2.available {font-size:13px; line-height:17px; margin-top:0; margin-left:20px; margin-bottom:8px;text-align: justify;  padding:3px; background:url(../images_interface/bg_address.png); width:180px; box-shadow: 3px 3px 3px #ccc;-webkit-box-shadow: 3px 3px 3px #ccc;-moz-box-shadow: 3px 3px 3px #ccc;-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;}
h2.address:first-letter, h2.tagline:first-letter{ background-color:#Fb003e; padding:inherit; color:#fff; margin:0;padding:2px;}
h2.tagline:first-letter {background-color:#0268fa; padding:2px 2px; margin-right:3px;}
h2.main_headers {font-size:34px; color:#667; text-align:justify; line-height:33px;text-shadow: 2px 2px 2px #e4e4e6;-webkit-text-shadow: 2px 2px 2px #e4e4e6;-moz-text-shadow: 2px 2px 2px #e4e4e6;}
h2.tooltip {font-size:12px; font-weight:bold; margin:0; padding:0;color:#334964;}
h3.info {float:left; font-size:13px; color:#9999aa; font-weight:normal;padding:16px 14px 10px 12px; font-style:italic;}

p {font-size:13px; margin-bottom:25px; line-height:20px; text-align:justify; margin-top:10px}
p.headings, p.main {font-size:26px; margin-bottom:25px;letter-spacing:3px; }
p.main { font-size:13px; width:550px; margin:20px; margin-left:10px; letter-spacing:normal;}
p.project {font-size:12px; font-weight:normal; margin:0; padding:0;color:#224;}


a{text-decoration:none;color:#005cff;outline:0}
a:hover{text-decoration:none;color:#ff0046;outline:0}


a.next:link, a.next:visited, a.next:active {font-size:18px;margin:0; margin-top:9px; margin-left:9px; padding:3px 10px 3px 3px;z-index:90;float:right;position: relative; width:350px; color:#334964; background-color:#f5f5f5; box-shadow: 3px 3px 3px #ccc;-webkit-box-shadow: 3px 3px 3px #ccc;-moz-box-shadow: 1px 1px 3px #ccc;-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;}
a.next:hover { background-color:#669ae3;  color:#fbfbf2; }

a.next b {font-weight:bold; font-style:normal; }
a.next i { visibility:hidden; color:#fff; float:right; font-weight:bold; margin-right:0px; font-size:16px; font-style:normal;}

a.next:hover i {color:#adb6c3; visibility:visible; font-size:14px; padding-top:2px; color:#fff; }
a.next img {margin-top:4px;margin-left:-24px;float:left;}




#mainContent {width:10000px;position:relative; overflow:auto; height:800px;float:left;}

#home{width:1000px; left:0;position: absolute; top:0;}
#work{width:1000px; left:1000px; position: absolute; top:0;}
#web_design{width:1000px;left:2000px;position: absolute;  height:728px; top:0;}
#interactive_design{width:1000px;left:3000px;position: absolute; height:728px; top:0;}
#logo_design{width:1000px;left:4000px;position: absolute; top:0;}
#photo_retouch{width:1000px;left:5000px;position: absolute; top:0;}
#abilities {width:1000px;left:6000px;position: absolute; top:0;}
#contact{width:1000px; left:7000px;position: absolute; top:0;}
.paper_section {margin:100px 0px 0px 280px;background-color:#fff; padding:8px;box-shadow: 5px 5px 3px #dadadc;-webkit-box-shadow: 5px 5px 3px #dadadc;-moz-box-shadow: 5px 5px 3px #dadadc;-webkit-border-bottom-right-radius: 18px;
-moz-border-radius-bottomright: 18px;
border-top-right-radius: 18px;}

.portfolio_menu_bg {background-color:#f5f5f5;width:100%; box-shadow: 2px 2px 3px #dadadc;-webkit-box-shadow: 2px 2px 3px #dadadc;-moz-box-shadow: 2px 2px 3px #dadadc;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
div.portfolio {padding-top:50px;margin-left:275px;}


.abilities_list
 {width:210px; float:left; display:inline;margin-top:10px; margin-left:10px; font-size:13px;line-height:20px;font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;}




.work_anchor {float:right; margin:0; padding:7px;  padding-right:20px; display:inline; width:32px;}


/* */
.box{position:absolute;width:542px;padding-bottom:100px; background:url(../images_interface/decoration_rd.png) no-repeat;}
.box div{/*background:#fff;*/}
.box div a{text-decoration:underline}
.large{text-align:right;top:20%;right:120px;font-size:13px}
.left{text-align:left;right:auto;left:180px;font-size:13px}
.large h2{font-size:60px}


.jCarouselLite img {border:2px solid #000; margin:10px; padding:0;}


::-moz-selection{
background: #FE0741;
color: #fff;
} 

::selection {
background: #FE0741;
color: #fff;
} 


/*CONTACT FORM */



#contact-area {
	width: 600px;
	margin-top:12px;
		color:#334964;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-size:14px;line-height:20px;font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
	color:#334964;

}

#contact-area textarea {
	height: 90px;
}


#contact-area textarea:hover,  #contact-area input:hover {
 background-color:#f5f5f5;color:#224;}

#contact-area textarea:focus, #contact-area input:focus {
 background-color:#f3f3eb;
border: 2px solid #668;
}




#contact-area input.submit-button {
	width: 100px;
	float: right;
	background-color:#FcFcFc;
}

#contact-area input.submit-button:hover {
	width: 100px;
	
	float: right;
	 background-color:#f3f3eb; color:#224;
}
label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size:14px;line-height:20px;font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;
}



/* ACCCORDIAN MENU */



#menu {position:fixed;z-index:80;line-height:10px;z-index:666; font-size:14px; font-weight:lighter; height:30px;width:1000px; box-shadow: 0px 2px 3px #dadadc;
-webkit-box-shadow: 0px 2px 3px #dadadc;
-moz-box-shadow: 0px 2px 3px #dadadc;/*background-image:url(../images_interface/bg_cement.jpg);*/ background-color:#f4f4f7;border-right:3px solid #dadadc;}
#menu div{position:relative;height:22px;padding:7px 0 0 0; margin:0;}


/* *************************************************************

NAME: needlemedia - header.css
DATE: 09/11/2009

DESCRIPTION:
main navigation style

************************************************************* */

/*

div#header{
	position:absolute; 
	margin-left:290px; 
	width: 650px;
	font-size:14px;
	padding-bottom:2px;
height:30px;
border:1px solid #000;
	
  	}
  
*/









#nav {
	
	float:right;
	margin-top:10px;
	height: 22px;

}
#nav b {
	visibility: hidden;
	font-size:100%;
}

#address_logo {margin: 0px; display:inline; float:left;clear:both;width:250px;height:500px;}

#link_home, #link_work, #link_abilities, #link_company, #link_profile, #link_contact, #link_back {
	
	background: url(../images_interface/header_links.png) no-repeat; 
	
	text-decoration: none; /*Mozilla Underline Fix*/
	height: 22px;
	float:left;
	display:block;
}

#link_home {
	width: 62px;
	background-position: 0 -44px;
	padding-bottom:2px;
	margin-right:10px;
	
}
#link_home.selected, #link_home:hover {
	background-position: 0 -22px;
}

#link_home.active{
	background-position: 0 0px;
}


#link_work {
	width: 61px;
	background-position: -62px -44px;
	padding-bottom:2px;
	margin-right:10px;
}
#link_work.selected, #link_work:hover {
	background-position: -62px -22px;
}

#link_work.active{
	background-position: -62px 0px;
}

#link_abilities {
	width: 78px;
	background-position: -120px -44px;
	padding-bottom:2px;
	margin-right:10px;
}
#link_abilities.selected, #link_abilities:hover {
	background-position: -120px -22px;
}

#link_abilities.active{
	background-position: -120px 0px;
}


#link_company {
	width: 92px;
	background-position: -198px -44px;
	padding-bottom:2px;
}
#link_company.selected, #link_company:hover {
	background-position: -198px -22px;
}
#link_company.active{
	background-position: -198px 0px;
}




#link_contact {
	width: 92px;
	background-position: -290px -44px;
	padding-bottom:2px;
}
#link_contact.selected, #link_contact:hover {
	background-position: -290px -22px;
}
#link_contact.active{
	background-position: -290px 0px;
}



#link_back {
	width: 48px;
	background-position: -382px -44px;
	padding-bottom:2px;
}
#link_back.selected, #link_back:hover {
	background-position: -382px -22px;
}
#link_back.active{
	background-position: -382px 0px;
}