/* CSS Document for myimageunlimited version 3, started on saturaday june 5, 2010 4:20pm */
 
 /* -------start of CSS RESET------- */
/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* -------end of CSS RESET------- */

body {background:#fffdea url(bg/site_bg.jpg) top left repeat;
	margin: 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
 }

html, body { height: 100%; font-family:Georgia, "Times New Roman", Times, serif;}

	
#container {
	
		width:960px;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
 
	
	}

/*---------------end centering container div-------------------*/
#header {margin-top:27px; width:inherit;float:left; margin-bottom:23px;}
#header .logo-stub {position:relative; bottom:-15px; right:293px;}
#header div {float:left;}
a.header-link {text-decoration:none;}

ul.navi {width:auto; float:right; font-family:"Arial", Helvetica, sans-serif; font-size:20px; margin-top:65px; letter-spacing:.02em;}
ul.navi li {display:inline; margin-left:13px;}
ul.navi li a {text-decoration:none; color:#ccc;}
ul.navi li a:link {text-decoration:none; }
ul.navi li a:visited {text-decoration:none; }
ul.navi li a:hover { border-top:3px solid; color:#999;}
ul.navi li a:active {text-decoration:none; }
	ul.navi li.highlighter a {color:#333; font-style:italic; border-top:3px solid; }

#middle {width:960px; margin-bottom:17px; clear:left; float:left;}
 
 
a.blue-link {background-color:#01c5c5; color:white; padding:6px 7px 7px 7px; text-decoration:none; letter-spacing:.05em; float:left; font-size:18px;}
a.blue-link:hover {background-color:#333;}

#bottom {width:inherit; border-top:2px dotted #01c5c5; clear:both;}
#bottom .index-word {margin-bottom:7px;}

#bottom div {margin-top:11px;}
#bottom .one, #bottom .two {width:245px; border-right:2px dotted #01c5c5; height:105px; }
 .one a {font-family:Georgia, "Times New Roman", Times, serif; font-size:36px; color:#666; font-style:italic; text-decoration:none; line-height:31px;} 
 .one a:hover {color:#333;}

#bottom .one {float:left;}
#bottom .two {float:left; margin-left:17px;}
#bottom .two ul li {display:inline; margin-right:21px;}

#bottom .three {width:auto; margin-left:527px; }
#bottom .three div img {float:left; margin-right:7px;}
#bottom .three div {margin-top:0px; width:143px; border:1px so1lid red; float:left;}
#bottom .three h6 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999; font-weight:normal; width:auto; letter-spacing:.02em; line-height:13px;}
#bottom .three a {text-decoration:none;}
#bottom .three h6:hover {color:#333;}

/***********contact/me! page stuff*******************/
#contact-page {width:inherit; margin-bottom:10px; float:left;}

.outline {border:1px dotted #01c5c5; padding:7px 7px 8px 7px; background-color:white;}


#contact-page .one p {width:auto; float:right; font-size:230px; margin-top:38px; color:#eee;}
 
#contact-page .two {padding-bottom:7px; width:565px; float:right; margin-bottom:50px;}
#contact-page .two img { padding-bottom:7px;}
#contact-page .two div {width:563px; border-top:2px dotted #01c5c5; padding-top:7px; border-bottom:2px dotted #01c5c5; padding-bottom:19px;}
 
#contact-page .two div ul li {line-height:21px; color:#666; letter-spacing:.06em; font-style:italic; font-size:14px; list-style:square; list-style-position:inside;}
#contact-page .two div ul li.first, #contact-page .two div ul li.first-cons {font-style:normal; letter-spacing:.06em; color:#333; padding-bottom:3px; list-style:none; font-weight:bold;}
	li.first-cons {padding-top:6px;}
	#contact-page .two div ul li span {color:#ccc; font-weight:normal; font-style:italic; letter-spacing:.08em;}
		
#contact-page ul.three {padding-left:15px; margin-left:170px; } 
#contact-page ul.one { float:left; width:160px; border-right:2px dotted #01c5c5;}


form.contact-form {clear:both; padding-top:11px; color:#333; margin-bottom:20px; border-bottom:2px dotted #01c5c5; height:221px;}
form.contact-form p {margin-top:9px; margin-bottom:7px; font-size:14px; font-style:italic;}

input {border:1px dotted #01c5c5; height:20px; padding:3px; width:170px; color:red;}

form.contact-form span.message {width:auto; height:auto; float:right;  margin-top:-1px;}
textarea {width:350px; height:133px; padding:6px 3px 3px 6px; border:1px dotted #01c5c5; color:red;	font-family:Arial, Helvetica, sans-serif; font-size:12px;}

form.contact-form span.sender input  { height:30px; font-size:14px; font-family:inherit; background:#01c5c5; color:white; width:180px;}
form.contact-form span.sender input:hover {background:#333; cursor:pointer; color:#fff; border:none;}

span.sender {height:30px; float:right; clear:both; padding-top:5px; }

/************design page stuff**************/
#design-page .top {padding-bottom:21px; margin-bottom:21px; border-bottom:2px dotted #01c5c5;}
#design-page .top div {float:right; width:auto;}
#design-page .top div img {border:1px solid #e4e4e4; padding:7px; margin-left:3px; background:#f9f9f9;}

/************photo page stuff**************/
img.photo {border:1px solid #e4e4e4; padding:7px;background:#f9f9f9; border-bottom:none; margin-left:73px;}

		#photo-text {width:814px; 
					height:105px; 
					border: #e4e4e4 do1tted 1px; 
					background-color:#f9f9f9; border:1px solid #e4e4e4; border-top:none; 
					margin:0px 0 40px 73px; 
					padding:0px; 
					}
		
		#photo-text p.heading {color: #333; 
							  font-family:"arial", San-serif; 
							  font-size:42px;  letter-spacing:-.03em;
							  font-weight:bold; 
							  padding: 10px 0 0 30px; 
							  }
		
					.subheading {color:#01c5c5;
								font-size:10px; 
								font-weight:normal; 
								float:left; 
								line-height:8px; 
								letter-spacing:1pt; 
								padding-left:2px;
								}
					
		#photo-text p.bodytext {color: #666; letter-spacing:.02em;
								font-family:"arial", San-serif; 
								font-size:12px; 
								line-height:15px; 
								padding: 11px 26px 0 0px; 
								width:415px;  
								float:right; 
								}
								
a.brightlink {color:#01c5c5; text-decoration:none;}
a.brightlink:hover {text-decoration:underline; color:#333;}	


/************OTHER page stuff**************/
img.other {border:1px solid #e4e4e4; padding:7px;background:#f9f9f9; margin-bottom:40px; }

		#other-text {width:260px; float:right;
					height:auto; 
					margin:0px 30px 0px 0px; 
					padding:0px;
					}
		
		#other-text p.heading {color: #333; 
							  font-family:"arial", San-serif; 
							  font-size:42px;  letter-spacing:-.03em; line-height:38px;
							  font-weight:bold; 
							  padding: 5px 0 0 0px; 
							  }
		
					.subheading {color:#01c5c5;
								font-size:10px; 
								font-weight:normal; 
								float:left; 
								line-height:8px; 
								letter-spacing:1pt; 
								padding-left:2px;
								}
					
		#other-text p.bodytext {color: #666; letter-spacing:.02em;
								font-family:"arial", San-serif; 
								font-size:12px; 
								line-height:15px; 
								padding: 20px 7px 0px 0px; 
								width:auto;  
								}

ul.vectors {margin-bottom:40px;}
ul.vectors li {display:inline; margin-left:15px;}
ul.vectors li.first {margin:0px;}
    	img.other-sq {border:1px solid #e4e4e4; padding:7px;background:#f9f9f9; margin-bottom:15px; }


/************FOOTER stuff**************/
#footer {width:auto; margin-left:36%; color:white; height:45px;}
#footer a.topper {background:#01c5c5; padding:11px 11px 20px 11px; text-decoration:none; height:100%; width:auto; color:inherit; float:left; margin-right:11px; }
#footer a.topper:hover {background:#333;}
#footer div {background:#511B00; padding:11px 11px 20px 11px; width:auto; float:left; margin-right:11px; width:200px; height:100%; }
#footer div p {display:block; padding-bottom:7px;}
#footer div a {margin-right:7px;}