/* CSS Document */
/* colors = lightblue:#D9EAF5; blue:#0072BB; orange:#DD7C07; lightOrange:#F8E5CD; teal:#00BAB1; lightTeal:#CCF1EF; DarkTeal: #05756D*/
*{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#666;}

/**** Global/Layout Styles ***/
body {text-align:center; background:url(../images/bg.jpg) top center repeat-y #999}

div.wrap {width:778px; margin:auto; border:0px dotted #f00;}

	table.main {width:778px; background-color:#fff; text-align:left}
		td.header img {border:none;}
		td.globNav {border:solid #0072BB; border-width: 1px 0px 3px 0px; background:#D9EAF5; padding:3px; letter-spacing:.1em;}
			.globNav a { font-weight:bold; color:#0072bb; padding: 0px 7px; text-decoration:none; font-variant:small-caps}
			.globNav a:hover { color:#DD7C07;text-decoration:underline;}

		td.content {padding: 10px 5px 30px 5px;}
		
		td.footer {}
			div.contact { font-weight:bold; text-align:justify; color:#00BAB1; border:0px solid #f00; padding: 10px 2px 0px 2px; line-height:9px}
				.contact span {color:#DD7C07;}
			
			div.copyRight {border:solid #0072BB; border-width: 3px 0px 1px 0px; background:#D9EAF5; padding:8px; font-size:70%;}
				.copyRight span {float:right;}
				.copyRight a {font-weight:bold; color:#0072bb; padding: 0px 5px; text-decoration:none;letter-spacing:.1em;}
				.copyRight a:hover { color:#DD7C07;text-decoration:underline;}
		
/**** Content Styles ***/
	h1 { font-weight:bold; color:#0072BB; letter-spacing:1px;}
	h2 {padding: 0px 0px; background: url(../images/grey.gif) bottom left repeat-x; color:#00BAB1;letter-spacing:1px; line-height:1.2em; font-family:"Times New Roman", Times, serif}
	h4 {text-align:left; padding: 0px 0px; color:#0072BB; letter-spacing:1px; line-height:1.2em; font-family:"Times New Roman", Times, serif}
	p {padding: 5px 0px;}
	
	div.body {float:left; margin:10px 0px 0px 10px; padding: 0px 40px 10px 0px; width:440px; border-right:1px dotted #00BAB1;}
		.body p {letter-spacing:1px; line-height:1.2em; font-size:.8em;}
	
	div.callout {float:right; margin:10px 0px 0px 10px; padding:0px 10px 10px 10px; text-align:center}
		
	table.portfolio { width:100%;}
		.portfolio td {text-align:center; vertical-align:top; padding:5px;}
		td.portThumbs {text-align:center; border-top: 2px dotted #0072BB;}
			.portThumbs img {margin: 10px 10px; border:1px solid black; width:200px;}
		
		h3	{margin: 0px; margin-bottom: -5px; padding:0px; width:216px; text-align:center; letter-spacing:4px; text-transform:uppercase;}	
		h3.oj {color:#DD7C07}
		h3.blue {color:#0072BB}
		h3.teal {color:#00BAB1}
		
		div.section_teal {width:200px; text-align:center; border:1px solid #00BAB1; background-color:#CCF1EF; padding:10px; line-height:1.2em;}
			.section_teal img {border:2px solid #333;}
			.section_teal div {padding:5px; text-align:left; font-size:.8em; font-weight:bold;}
			.section_teal div ul {padding-left:25px;}
			
		div.section_oj {width:200px; text-align:center; border:1px solid #DD7C07; background-color:#F8E5CD; padding:10px; line-height:1.2em;}
			.section_oj img {border:2px solid #333;}
			.section_oj div {padding:5px; text-align:left; font-size:.8em; font-weight:bold;}
			.section_oj div ul {padding-left:25px;}
		
		div.section_blue {width:200px; text-align:center; border:1px solid #0072BB; background-color:#D9EAF5; padding:10px; line-height:1.2em;}
			.section_blue img {border:2px solid #333;}
			.section_blue div {padding:5px; text-align:left; font-size:.8em; font-weight:bold;}
			.section_blue div ul {padding-left:25px;}