/* GLOBAL STYLES */
/* http://www.tamcao.com */


*, html {
	margin: 0;
	padding: 0;
}

img{border:none;}

#cleardiv
{
	clear: both;
	height: 1em;
}

body{background:#ffffff; 
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 62.5%;}


#top_blackline {
	height: 5px;
	background-color: #333333;
	width: 100%;
	padding: 0px;
	margin: 0px;
	}
	
#container1{margin-left:auto; margin-right:auto; width:100%; height:100%;}
	
#container {width:1024px; }
	
#topmenubar { margin-left:69px; margin-bottom:88px; margin-top: 37px; height:100px; width:430px;}

#hdrselectedwork {margin-left:0px;padding-right:0px;}

#mainlogo {float:left; width:268px; height:100px; padding:0px; margin:0px;}
#mainmenu {float:left; width:144px; height:100px; padding:0px; }

#profile_txt {margin-left:69px; margin-top:12px; width: 955px; height:333px; }

#profile_txt h3{ font-family:"HelveticaNeue-Light", Helvetica, Arial, sans-serif; font-weight:bold; font-size: 350%; margin:0pt 0pt 5em; line-height:102%; letter-spacing:.5px; color:#333333;}

.lightertext {color:#666666; }
.darkertext {color:#444444;}

#profile_txt a:hover{ color:#fdba12; text-decoration:none;}

#profile_txt a, a:visited { color: #333333; text-decoration:none;}



/* Footer  */

#footer {height:25px; width:955px; margin-top:50px; border-top:1px solid #c2c2c2; margin-left:69px;}
.footertxt {; padding-top:15px; color:#535353; font-family:Arial, Helvetica, sans-serif; font-size:8pt;}
#footercontent {width:955px; margin:0 auto;}
#footercontent a, a:visited {color:#535353; text-decoration:none;}
#footercontent a:hover {color:#fdba12;}


/* Navigation  */

#mainmenu a { height:25px; display:block;}
#mainmenu li span{display:none;}
#mainmenu li {margin:0; list-style:none;}

#mainmenu a.current,
#mainmenu a:hover {background-position:0 -25px !important;position:relative;}
#mainmenu a.current {z-index:99;}
#mainmenu #home {width:144px;background:url(../pagepics/tam_home.jpg);}
#mainmenu #profile {width:144px;background:url(../pagepics/tam_profile.jpg);}
#mainmenu #portfolio {width:144px;background:url(../pagepics/tam_portfolio.jpg);}
#mainmenu #blog {width:144px;background:url(../pagepics/tam_blog.jpg);}


#leftnav a.current {color:#fdba12; font-weight:bold; font-size:14pt;}
#leftnav a:hover {color:#fdba12;}

#leftnav .current a {color:#fdba12; font-weight:bold; font-size:16px;}

#leftnav {
	float:left;
	width:280px;
	margin-right:15px;
	margin-left:5px;
}
#leftnav li{
	padding-bottom: 20px;
}

#workcontainer {width:640px; float:left; margin-left:20px;}

#worktitle {margin-left:0px; padding-top:20px; padding-bottom:3px;}
#worktitle .titleofwork {font-family:"HelveticaNeue-Light", Helvetica, Arial, sans-serif; font-size:16px; font-weight:600 ; text-transform:uppercase; color:#525252;}
#worktitle .categories {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; text-transform:none; color:#828282; font-weight:300}
.categories {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-transform:none; color:#828282; font-weight:300}
#workdescription { width:500px; padding-top:0px; padding-bottom:12px;}
#mainpicturecontainer {height:100%; width:640px;}

/*  #mainpicturecontainer img {border: solid 1px; border-color: #a2a2a2;} */
#mainpicturecontainer li {padding-bottom:20px; list-style:none;}


.descriptiontext {font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif; font-size:14px; color:#5c5c5c; letter-spacing:.065em; line-height: 1.25em}


/* Starting CodaEffects Css */


.hide { display: none; }

hr {
	clear: both;
	height: 0;
	border: 0;
	visibility: hidden;
	}



/* The toolbar for the content box */
#extraimagesbar {width:600px; height:30px; padding-top:15px;}

ul#toolbar {
	text-align: center;
	list-style: none;
	clear: both;
	/* border-bottom: 1px solid #ccc;	*/
	}
	
#toolbar li {
	float: left;
	padding: 6px;
	background-color:#333333;
	margin-right:10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	
#toolbar li a {
	text-decoration:none;
	font-weight:bolder;
	color:#FFFFFF;
	font-size: 1.4em;
	cursor: hand;
	}
	
#toolbar li.active {
	 background-color:#fdba12;
	}

#toolbar li.inactive {
	background-color:#525252;
	}
	
#toolbar li:hover {
	background-color:#fdba12; 
	}


	
	
/* The slide-y content box thingy */

#frame, #scroller, .section { height: 281px; }
#frame {
	overflow: hidden;
	margin-top:20px;
	width: 500px;
	position: relative;
	/*border: 1px dashed #c2c2c2;*/
	}

#scroller {
	width: 500px;
	margin: 0 auto;	
	overflow: hidden;
	}
	
.section {
	width: 500px;
	margin: 0px;
	float: left;
	}
	
	
/* need to adjust according to number of panes */
#content20 {
	width: 10000px;
	height: 281px;}

#content13 {
	width: 6500px;
	height:281px;
	}	
#content12 {
	width: 6000px;
	height:281px;
	}
	
#content11 {
	width: 5500px;
	height:281px;
	}

#content10 {
	width: 5000px;
	height:281px;
	}

#content9 {
	width: 4500px;
	height:281px;
	}

#content8 {
	width: 4000px;
	height:281px;
	}
#content7 {
	width: 3500px;
	height:281px;
	}
#content6 {
	width: 3000px;
	height:281px;
	}

#content5 {
	width: 2500px;
	height:281px;
	}
#content4 {
	width: 2000px;
	height:281px;
	}
#content3 {
	width: 1500px;
	height:281px;
	}
#content2 {
	width: 1000px;
	height:281px;
	}
#content1 {
	width: 500px;
	height:281px;
	}
		





/* Styles for Highslide Popup */

.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 10pt;
	font-family:"HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
/*=== resume LAYER ===*/

#resumemaincontainer {width:500px; margin:0px; font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif; color:#535353;}
.br {margin-bottom:12px;}
.resumeheader {font-size:10pt; font-weight:bold; text-align:right; padding-right:20px; margin:0px;}
.resumedescription{font-size:10pt;  font-weight:bold; border-bottom: 1px dotted #fdba12; border-top: 1px dotted #fdba12;}
.resumecontainer {width:500px; margin:0px; float:left; padding-bottom:12px;}

.resumeleft {width:150px;float:left; margin:0px; padding:0px;}
.resumeright {width:350px; float:right; margin:0px; padding:0px; font-size:8pt; }

.resumeright li {list-style:none;}
.resumelistcontainer {margin:0px; padding:0px;}

/*=== end resume LAYER ===*/


#workdescription a, a:visited {color:#535353;}
#workdescription a:hover {color:#fdba12;}




.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 510px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(..js/highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

.highslide-footer-text {padding-left:150px;}
.highslide-footer-text a:hover {color:#fdba12;}


/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
/*=== highslide motion ===*/

#a {float:left; padding:0px; margin:0px;}
#b{float:left; padding-left:15px; margin:0px;}
#abcontainer {margin-top:40px;}
.motiontitle {text-transform:capitalize; color:#535353}



/*Form start */
/*=== CONTACT LAYER ===*/
#contactbox{width:100%;  background-color:#ffffff; margin:0 auto;}

.contact-container {
	width: 450px;margin:0 auto;
	overflow: auto;
	
}

.contact-form {
	background-image: url('');
	background-repeat: repeat-x;
	width: 350px;
	font-size: 12pt;
}

.col{width:200px; color:#333333; padding-bottom:6px; float:left;}

.colmessage{color:#333333; padding-bottom:6px;}

span.req {
	color: #000;
}

.inputField {
	width: 200px;
	font-family:"HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 12pt;
	font-weight:bold;
	background-color: #fdba12;
	border: 2px solid #333333;
	color:#333333;
	padding:5px;
}

.inputField2 {
	width: 430px;
	padding: 5px;
	font-family:"HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 12pt;
	font-weight:bold;
	background-color: #fdba12;
	border: 2px solid #333333;
	color:#333333;

}

.sender {
	width: 120px;
	font-family:"HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #ffffff;
}


/*=== mainportfolioPage LAYER ===*/
img {border:0px;}

.nav {
	width: 251px;
	height:121px;
	margin-top:40px;
	margin-left:20px;
	float:left;

}
.nav a {
	display: block;
	position: relative;
	color: #00f;
	text-decoration: none;
	padding:4px;
	text-align:center;
}
/* aiuta IE/Mac (rel lh) \*//*/
.linkinside {
	display: block;
}
/**/
.nav a:hover {
	color: #c00;
	background-color:#FFCC00;
	 /* IE */
}


#nav2 a .pop { display: none;}

#nav2 a:hover .pop {
	display: block;
	position: absolute;
	top: -20px;
	left: 0px;
	
}

#motionwrapper{width:900px; height:400px; float:left;}
#designwrapper{width:900px; float:left;}
#footer{float:left;}

.motiondescription{font-size:8pt; color:#fdba12; font-weight:bold; text-transform:lowercase;}
.title{font-weight:bold; color:#333333; font-size:12px; text-transform:uppercase;}