* {margin:0px; padding:0px; border:none 0px; outline:none;}

body { background-color:#f3f3f3; color:#696C74; font-family:'adelle-1','adelle-2',Georgia,Times,serif; margin:0px 0px 0px 0px; background-image:url(../_images/baackground_beige.jpg) }	

p { font-size:12px; font-weight:100; line-height:20px; margin:0px 0px 10px 0px; }

.amp { font-family:Baskerville, serif; font-style:italic; font-size:15px }
.smalItalic { font-style:italic; font-size:11px; color:#7ABAC3}
.paragraph { width:470px; font-size:14px; line-height:1.5;}


/*  -------------------------- HEADINGS ----------------------------- */

h1 { font-size:42px; color:#0097AC; line-height:1; margin:0px 0px 15px 0px; font-weight:100 }
h2 { font-size:20px; color: #0097AC; margin:0px 0px 10px 0px;  }
h3 { font-size:16px; color: #0097AC; font-weight:500}
h4 { font-size:13px; color: #0097AC; font-weight:500}
h5 { font-size:16px; color: #FFF; font-weight:500; margin:30px 0px 0px 0px; }
h6 { font-size:23px; color:#FFF; font-weight:300; letter-spacing:2px; margin:0px 0px 10px 0px   }



/*  -------------------------- FLOATS ----------------------------- */

.floatLeft { float:left}
.floatRight { float:right}
.clearBoth { clear:both}
.clearRight { clear:right}
.clearLeft { clear:left}



/*  -------------------------- PSEUDO CLASSES ----------------------------- */

a:link {text-decoration:none; color:#696C74 }
a:visited {text-decoration:none; color:#696C74 }
a:hover {color:#0097AC ;}
a:focus {color:#0097AC ; outline:none;}
a:active {color:#0097AC ;}




/* ----------------- HEADER AREA ----------------- */
#header_Wrapper {width:100%; height:60px; background-color:#015971;
				background-image: url(../_images/baackground_blue2.jpg);
				border-bottom: 5px solid #113844;
				margin:0px 0px 100px 0px;
				text-align:center}
				
.header { width:970px; height:auto; text-align:left; margin:0 auto;}
.logo {padding:0px 0px 0px 0px; width:280px;}
.tagline {font-size:23px; line-height:33px; font-weight:300; 
			font-family:"adelle-1","adelle-2",Georgia,Times,serif;
			margin:0px 0px 20px 0px;}

/* ----------------- NAVBAR ----------------- */
.navbar {width:350px; margin:75px 200px 0px 0px;}
.navbar ul {list-style:none; }
.navbar li {list-style:none; width:auto; margin:0px 0px 0px 3px; }

.navbar a { display:block; padding:5px 10px 3px 10px; background:#0097AC; color:#fff;
		text-decoration:none; font-size:11px; font-weight:400; text-align:center; letter-spacing:1px;
		font-family:"etica-1","etica-2", Helvetica, Arial, sans-serif; text-transform:uppercase; }
		
.navbar a {font-weight:600; background:#0097AC; color:#fff;  }
.navbar a:hover {background-color:#113844; color:#fff; }
.navbar .active a { background-color:#113844}





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

#footer_Wrapper {width:100%; background-color:#015971; 
				background-image:url(../_images/baackground_blue2.jpg);
				border-top: 5px solid #113844;
				margin:60px 0px 0px 0px;
				text-align:center}
				


#footer { width:970px; padding:0px 0px 10px 0px; text-align:left; margin:0 auto;}

.footer_logo {border-bottom: 1px solid #7ABAC3;  margin:0px 0px 50px 0px; padding:0px 0px 40px 0px;}

.footer_column { width:400px;}
.footer_Tagline { font-size: 23px; font-weight:300; line-height:35px; letter-spacing:2px;
					color: #FFF ; padding:0px 0px 15px 0px;}

.footer_column p { color:#7ABAC3; font-size:14px}

.footer_column ul { list-style:disc; margin:0px 0px 0px 15px;}
.footer_column li { color:#7ABAC3; font-size:14px; line-height:1.2;}


.footer_navigation {color:#FFF; padding:40px 0px 15px 0px; letter-spacing:2px; font-style:italic; font-size:13px;
					border-top: 1px solid #7ABAC3;}
.footer_navigation  a {color:#FFF; text-decoration:none; }
.footer_navigation  a:hover {color:#FFF; text-decoration:underline}


.copyright { color:#FFF; font-size:9px; letter-spacing:1px; padding:0px 0px 20px 0px; line-height:1;}








/*  -------------------------- FORM FIELDS ----------------------------- */
.footer_contact { width:330px; margin:0px 0px 30px 0px}


form {}
label {  color: #7ABAC3 ;  display: block;  margin: 2px 0px 3px 0px; 
		font-size: 14px; }


#contactname, contactemail { display: block; margin: 0px 0px 10px 0px; 
			border: 1px solid #ccc; border-top-color: #999999; border-left-color: #999999; width: 298px !important; 
			width:300px; height:15px !important;  padding:3px; 
			font-size: 13px; font-family: Arial, Helvetica, sans-serif; color:#900; }


#contactmessage { display: block; margin: 0px 0px 15px 0px; 
						font-size: 13px; font-family: Arial, Helvetica, sans-serif; color:#900;
						width: 300px; height:150px; padding:3px;  
						border-color: #d9d9d9 rgb(224, 224, 224) rgb(224, 224, 224) #d9d9d9; border-style: groove solid solid groove; border-width: 2px 2px 1px; }

button { background-image:url(../_images/navigation/submit_up.png); background-repeat:no-repeat;
	width:181px; height:75px; background-color:#015971; font-size:0px;}

button:hover { background-image: url(../_images/navigation/submit_down.png); background-repeat:no-repeat; background-color:#015971; outline:none;}







/* ----------------- CONTENT ~ PORTFOLIO ----------------- */	

.content_area_portfolio { width:970px; margin:0 auto; overflow:auto; }

.portfolio-image { width:756px; margin:0px 0px 0px 10px;  border-right:solid #7ABAC3 1px; padding:0px 13px 0px 0px; }
.portfolio-image img {margin:0px 0px 15px 0px; }

.portfolio-text { width:174px; padding:0px 0px 8px 0px; margin:0px 0px 10px 0px; border-bottom:solid #7ABAC3 1px; }


.portfolio-text ul { list-style: disc; margin:0px 0px 0px 10px;}
.portfolio-text li { list-style:disc; 
					font-size:12px; font-weight:100; line-height:20px;}

	
.portfolio-text a{ font-weight:bold; }
.portfolio-text a:hover{ color:#F30; }

/* ----------------- CONTENT ~ RESUME ----------------- */	

.content_area_resume { width:970px; margin:0 auto; overflow:auto; }

.resume_column_01 { width:580px; margin:0px 0px 0px 10px;  border-right:solid #7ABAC3 1px; padding:0px 13px 0px 0px; }

.resume_column_02 { width:350px; padding:0px 0px 8px 0px; margin:0px 0px 10px 0px; border-bottom:solid #7ABAC3 1px; }

.head {font-size:25px; color:#0097AC; font-weight:100; line-height:1; margin:50px 0px 15px 0px; letter-spacing:2px; border-bottom: 1px solid #7ABAC3; border-top: 1px solid #7ABAC3; padding:5px 0px 5px 0px;}
.subhead {color:#0097AC; font-weight:300; font-size:13px; text-transform:uppercase; margin:30px 0px 0px 0px; line-height:1;}
.subhead_small {color:#7ABAC3; font-size:11px; text-transform:uppercase;  margin:0px 0px 5px 0px; line-height:1.5;}
.side_head {font-size:16px; color:#0097AC; line-height:1; margin:40px 0px 5px 0px; letter-spacing:1px;
border-bottom: 1px solid #7ABAC3; border-top: 1px solid #7ABAC3; padding:5px 0px 5px 0px;}

.download_pdf { font-size:11px; color: #0097AC; font-weight:500; text-transform:uppercase; letter-spacing:1px; font-weight:100; margin:0px 0px 0px 20px;}



ul { list-style:disc; margin:0px 0px 0px 15px;}
li { list-style:disc; font-size:12px; font-weight:100; line-height:20px;}











/* --------------------------------------------------- PORTFOLIO THUMBNAIL CSS ------------------------------------------- */	
/* --------------------------------------------------- PORTFOLIO THUMBNAIL CSS ------------------------------------------- */	


/* -------- CONTENT AREA ---------- */

#content_wrap{ position:relative; width:970px; margin:0 auto; }


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

#p_menu {width:970px; height:24px; border-bottom: 1px solid #7ABAC3; border-top: 1px solid #7ABAC3; 
			padding:8px 0px 8px 0px; margin:50px 0px 20px 0px;   }

#p_menu ul { list-style:none; margin:0px 0px 0px 0px; }
#p_menu li { float:left; list-style:none; position:relative; margin:0px 10px 0px 10px; }


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

#portfoliow {width:970px; height:auto; margin:0px 0px 50px 0px;  position:relative;
			border-bottom: 1px solid #7ABAC3; padding:0px 0px 5px 0px; }

#portfolio {width:230px; height:200px;  margin:0 10px 10px 0px;
			float:left; position:relative; overflow:hidden; 
			background:url(../_images/photoFrame.png)  no-repeat; }

#branding_p, #print_p, #web_p, #illustration_p { position:absolute; top:0px; left:158px; width:73px; height:73px; z-index:99; }
#branding_p { background:url(../_images/ribbon_BRAND.png) no-repeat; }
#print_p { background:url(../_images/ribbon_PRINT.png) no-repeat; }
#web_p { background:url(../_images/ribbon_WEB.png) no-repeat; }
#illustration_p { background:url(../_images/ribbon_ILLUSTRATION.png) no-repeat; }

.port_pict {}
.port_text {}
.portpic { position:relative; margin:10px 0px 0px 10px; }



.all_btn, .webdesign_btn, .branding_btn, .print_btn,  .illustration_btn,   { cursor:pointer; }


img.a { position:absolute; left:0px; top:0px;   z-index:55; }
img.b { position:relative; left:0px; top:0px; }

#portfolio h1 {color:#0097AC; font-weight:300; font-size:13px; text-transform:uppercase; margin:10px 0px 0px 10px; line-height:1;}

#portfolio p {margin:0px 0px 0px 10px;}

/* --------------------------------------------------- PORTFOLIO THUMBNAIL CSS ------------------------------------------- */	
/* --------------------------------------------------- PORTFOLIO THUMBNAIL CSS ------------------------------------------- */	




.previous_next {width:756px;}
.previous_next ul {list-style:none; }
.previous_next li {list-style:none; width:auto; margin:0px 0px 0px 3px; }

.previous_next a { display:block; padding:5px 10px 3px 10px; background:#0097AC; color:#fff;
		text-decoration:none; font-size:11px; font-weight:400; text-align:center; letter-spacing:1px;
		font-family:"etica-1","etica-2", Helvetica, Arial, sans-serif; text-transform:uppercase; }
		
.previous_next a {font-weight:600; background:#0097AC; color:#fff;  }
.previous_next a:hover {background:#113844; color:#fff; }









/*  -------------------------- COLLAPSIBLE PANELS ----------------------------- */

.open_close { color:#FFF; text-transform:uppercase; font-size:9px; font-weight:500; margin:-10px 10px 0px 0px; letter-spacing:1px}


.CollapsiblePanelContent ul { list-style:disc; margin:0px 0px 15px 15px}
.CollapsiblePanelContent li { list-style:disc;}

.CollapsiblePanelContent li a{  font-size:12px; text-decoration:none}
.CollapsiblePanelContent li a:hover { color:#0097AC; text-decoration:underline}

.CollapsiblePanel h4 { color:#FFF; font-size:23px; font-weight:300; 
					letter-spacing:2px }
					
.CollapsiblePanel h5 { color:#0097AC; margin:10px 0px 0px 0px; text-transform:uppercase; font-size:14px }

.links_column_01 {width:228px; height:100%; border-right:solid #7ABAC3 1px; margin:10px 10px 10px 0px}
.links_column_04 {width:220px; height:100%; margin:10px 0px 10px 0px; }