/* CSS Document */
/* styles for screen media */

/* PRIMARY STRUCTURE */
body {
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS1, Helvetica, sans-serif;
	font-size: 80%;
	background-color: #fff;
}
table
{
border-collapse:collapse;
}
#mainpage {
	width: 864px;
 	margin : 5px auto;
    text-align: left;
	background-color: #fff; 
	/* match the header color to fill in the gap btween header and navbar in FF 1.5 */
}

#header {
	height: 30px;
}
#site-footer {
 	clear: both;
	height: 75px;
	width: 864px;	
    font-size: 10px;
	padding-bottom: 10px;
	color: #666;
	text-align: center;
}
#site-footer a {
 	color: #666;
	text-decoration: none;
}
#content-wrapper {
	width: 864px;
	background-color: #fff;
 	color: #000;
}
#content-wrapper-padding {
 	padding: 0;
}
.style1 {
	font-size: 15px;
	font-weight: bold;
}
#col-1 {
 	float: left;
	height: 684px;
 	width: 203px;
	line-height: 14px;

}
#col-2 {
 	float: left;
 	width: 661px;
	height: 684px;
	background-color: #fff;
	line-height: 16px;
 
}

#col-3 {
 	float: left;
 	width: 864px;
 	background-color: #fff;
 	font-size: 11px;
    line-height: 14px;
 	color: #000;
 
}
#terms {
	position: absolute;
	margin-left: 24px;
	width: 637px;
	top: 642px;
}
#terms-1 {
	position: absolute;
	margin-left: 24px;
	width: 637px;
	top: 662px;

}
#contact1 {
	position: absolute;
	top: 58px;
	margin-left: 410px;
	font-size: 11px;
	color: #fff;
	width: 229px;
}
#contact2 {
	position: absolute;
	top: 58px;
	margin-left: 370px;
	font-size: 11px;
	color: #fff;
	width: 270px;
}
#grid {
	position: absolute;
	margin-right: 30px;
	width: 631px;
	top: 490px;
	align: right;
}
#image {
	position: absolute;
	height: 50px;
	width: 194px;
	margin-left: -2px;
	top: 640px;
}
#image2 {
	position: absolute;
	height: 50px;
	width: 198px;
	margin-left: -2px;
	top: 640px;
}

/*TAB STYLES*/
#navigation {
	font-family: Trebuchet MS1, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	list-style-type: none;
	margin-left:20px;
	
}
#navigation a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 3px 0px;
	
}
#navigation a:hover 
{
	color: #990099;
}

/* HEADINGS */
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}

h1 {
	font-family: Trebuchet MS1, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 2px;
	font-weight: bold;
	margin-left: 36px;
	margin-top: 13px;
	color: #CCC;
}

h2 {
	font-family: Trebuchet MS1, Helvetica, sans-serif;
	font-size: 13px;
	text-align: right;
	line-height: 18px;
	font-weight: bold;
	margin-right: 36px;
	margin-top: 10px;
	color: #CCCCCC;
}

h3 {	
    font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	font-style: normal;
	text-decoration: none;
	color: #999;
}

h4 {
    font-size:18px;
}

#header h1 {
	font-family: Trebuchet MS1, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 2px;
	font-weight: bold;
	margin-left: 36px;
	margin-top: 13px;
	color: #CCC;
}

#site-footer h5 {
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-size:15px;
	margin-left: 18px;

}

#site-footer h6 {
	font-family: Trebuchet MS1, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin-right: 46px;
	letter-spacing: 1px;
}

#site-footer h3 a {
	font-family: Trebuchet MS1, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	text-decoration: none;
	color: #666;
}

#site-footer a:hover 
{
	color: #990099;
}



#col-1 h5 {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-size:14px;
	font-style: italic;
	ine-height: 18px;
	text-align: center;
	color: #666;

}
#col-1 h6 {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-size:10px;
	text-align: center;
	font-style: italic;
	color: #666;

}


#col-2 h1 {
	font-family: Trebuchet MS1, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing: 2px;
	margin-left: 36px;
	font-size: 18px;
	color: #666;
}
#col-2 h2 {
	font-family: Trebuchet MS1, Helvetica, sans-serif;
	letter-spacing: 2px;
	text-align: left;
	margin-left: 36px;
    font-size: 16px;
	font-weight: normal;
	color: #1d3f7b;
}
#col-2 h3 {
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	font-style: normal;
	text-decoration: none;
	color: #999;
}
#col-2 h5 {
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-size:15px;
	margin-left: 18px;
}
#col-2 h4 {
    font-family: Trebuchet MS1, Helvetica, sans-serif;
	font-size: 13px;
	text-align: right;
	letter-spacing: .5px;
	font-weight: bold;
	margin-right: 24px;
	margin-top: 10px;
	color: #666;
	}

#col-2 h6 {
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing: 1px;
	color: #999;
}
#terms h3 {
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	font-weight: normal;
	color: #666;
}
#terms h3 a {
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	font-weight: normal;
	text-decoration: none;
	color: #666;
}
#terms-1 h3 {
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	font-weight: normal;
	color: #fff;
}
#terms-1 h3 a {
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
}

#image2 h5 {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-size:14px;
	font-style: italic;
	ine-height: 18px;
	text-align: center;
	color: #999;

}
#image2 h6 {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-size:10px;
	text-align: center;
	font-style: italic;
	color: #999;

}
#terms a:hover 
{
	color: #990099;
}
#terms h6 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size:11px;
	letter-spacing: 1px;
	color: #999;
}
#portfolio h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
	margin-left: 36px;
	color: #000;
}
#portfolio h3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	line-height: 23px;
	font-weight: normal;
	font-style: italic;
	margin-left: 36px;
	color: #669900;
}

#col-2 p {
 font-family: Trebuchet MS1, Helvetica, sans-serif;
 margin-left: 36px;
 font-size:13px;
 letter-spacing: 1px;
 line-height: 17px;
}
#col-2 request {
 font-family: Trebuchet MS1, Helvetica, sans-serif;
 font-size:11px;
 line-height: 15px;
}
#request {
 font-family: Trebuchet MS1, Helvetica, sans-serif;
 font-size:11px;
 line-height: 15px;
}
#col-2 request2 {
 font-family: Trebuchet MS1, Helvetica, sans-serif;
 font-size:10px;
 line-height: 14px;
}
#request2 {
 font-family: Trebuchet MS1, Helvetica, sans-serif;
 font-size:10px;
 line-height: 14px;
}
#col-2 p1 {
 font-family: Trebuchet MS1, Helvetica, sans-serif;
 font-size:14px;
}

#col-1 p {
 	font-family: Trebuchet MS1, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	color: #990099;
	margin-left:40px;
	line-height: 5px;
}
#col-1 li {
 	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	color: #990099;
	padding-bottom: 2px;
}

/*  3 SELECTORS FOR PHOTOS WITH CREDITS */
.photoLeft { 
	float: left; 
	padding: .75em .25em .25em .25em;  
}
.photoRight { 
	float: right; 
	padding: .75em .25em .25em .25em; 
}
cite {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333;
	font-style: normal;
}
