/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font-size: 13px; 
	line-height: 1.5;
	background-image: url(../images/bg_tile.jpg); 
	background-repeat: repeat; 
	background-color: #450c0c;
}

a:focus {
	outline: 1px dotted;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}


/* `Navigation (see 960.CSS file for nav and other containers)
----------------------------------------------------------------------------------------------------*/

#navlist li {
	display: inline;
	list-style-type: none;
	padding-right: 50px;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #333333;	
}

#navlist li a:link {
	color: #333333;	
	text-decoration: none;
}

#navlist li a:visited {
	color: #333333;	
	text-decoration: none;
}

#navlist li a:hover {
	color: #640a0a;	
	text-decoration: none;
}

/* `Headings and Text
----------------------------------------------------------------------------------------------------*/


/* `Project Title and Page Header */
h1 {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
	font-size: 23px;
	line-height: 1.75;
	color: #1c5a7e;
	margin-bottom: 4px;		 	
}

/* `Second Header - About Page */

h2 {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
	font-size: 20px;
	color: #1c5a7e;
	margin-bottom: 2px;
	}

/* `Sidebar Header */
h3 {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.5;
	color: #846348;
	margin-top: 6px;
	margin-bottom: 4px;

}

/* `Paragraph Header */

h4 {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #5f93b0;
	margin-bottom: 2px;
}

h4.projFeat {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #5f93b0;
	margin-left: 0px;
}

h4.projMore {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #5f93b0;
	border-top: solid 1px #829faf;
	margin-top: 3px;
	margin-left: 0px;
	padding-top: 4px;
}

/* `Contact Text */

h5 {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
	font-size: 17px;
	line-height: 1.5;
	color: #444444;
	margin-bottom: 14px;
}

/* `Paragraph */

p {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
	line-height: 1.5;
	color: #636363;
	margin-bottom: 14px;
}

p a:link {
	color: #b22323;
	text-decoration: none;
}

p a:visited {
	color: #924b4b;
	text-decoration: none;
}

p a:hover {
	color: #b22323;
	text-decoration: none;	
}

i { 
	font-style: italic;
}

b { 
	font-weight: bold;
}

sup {
	font-size: 10px;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	vertical-align: super;
}

sup.sm {
	font-size: 6px;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
}



/* `Project Gallery Text*/

p.projgalFeat {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.35;
	color: #636363;
	margin: -1px 0px 14px 0px;
}

p.projgalMore {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 1.35;
	color: #636363;
	margin: -2px 0px 14px 0px;
}

/* `About Text */

p.aboutIntro {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
	font-size: 20px;
	line-height: 1.5;
	color: #636363;
	margin-top: -4px;
	margin-bottom: 14px;
}

p.aboutBody {
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 14px;
}

ul.aboutBody {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 1.5;
	color: #636363;
	list-style: outside;
	list-style-type:disc;
	padding-left: 20px;
	margin-bottom: 18px;
}

ul.aboutBody a:link {
	color: #b22323;
	text-decoration: none;
}

ul.aboutBody a:visited {
	color: #925050;
	text-decoration: none;
}

ul.aboutBody a:hover {
	color: #b22323;
	text-decoration: none;	
}
	
/* `Sidebar & Testimonial Text */

p.sidebarCont {
	font-size: 13px;
	margin-bottom: 0px;
}

p.testi {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 1.5;
	color: #636363;
	margin-bottom: 7px;
	padding-bottom: 9px;
	border-bottom: 1px dotted #bfb3a1; 
}

ul.sidebar {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 1.5;
	color: #636363;
	list-style: outside;
	list-style-type:disc;
	padding-left: 20px;
	margin-bottom: 18px;
}

/* `Client Column Positions 
----------------------------------------------------------------------------------------------------*/

p.column1 {
	font-size: 13px;
	line-height: 1.5;
	position: absolute; top: auto; right: auto; bottom: auto; left: 0%;
}

p.column2 {
	font-size: 13px;
	line-height: 1.5;
	position: absolute; top: auto; right: auto; bottom: auto; left: 30%;
}

p.column3 {
	font-size: 13px;
	line-height: 1.5;
	position: absolute; top: auto; right: auto; bottom: auto; left: 65%;
}

/* `Footer Text */

p.footInfo {
	font-size: 10px;
	color: #777777;
	margin-top: 20px;
	margin-left: 50px;
}

p.footNav {
	font-size: 10px;
	color: #636363;
	position: absolute; top: 20px; right: auto; bottom: auto; left: 690px;
}

p.footNav a:link {
	color: #636363;
	text-decoration: none;
}

p.footNav a:visited {
	color: #636363;
	text-decoration: none;
}

p.footNav a:hover {
	color: #640a0a;
	text-decoration: none;
}

p.copyrt {
	font-size: 9px;
	color: #999999;
	position: absolute; top: 36px; right: auto; bottom: auto; left: 50px;
}

/* `Image Classes 
----------------------------------------------------------------------------------------------------*/

.portrait {
	float: left;
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 100px;
}



/* `Project Gallery Images */

a img.featured {
	width:220px; 
	height:182px;
	color: #333333;
	margin-top: 2px;
	margin-left: -2px;
	border: 2px solid #ffffff; 
}

a:hover img.featured  {
	border: 2px solid #640a0a;
}

a img.more {
	width:140px; 
	height:116px;
	color: #636363;
	margin-top: 2px;
	margin-left: -2px;
	border: 2px solid #ffffff; 
}

a:hover img.more {
	border: 2px solid #640a0a;
}

/* `Project Gallery Image Container Positions */



/* `Home and Featured Project Main Page Image Positions */

a img.home1, a img.home2, a img.home3, a img.home4, a img.home5, a img.home6 {
	width: 193px;
	height: 259px;
	color: #636363;
	border: 2px solid #ffffff; 
}

a:hover img.home1, a:hover img.home2, a:hover img.home3, a:hover img.home4, a:hover img.home5, a:hover img.home6 {
	border: 2px solid #640a0a;
}

.home1 {position: absolute; top: 0px; right: auto; bottom: auto; left: 0px;}

.home2 {position: absolute; top: 0px; right: auto; bottom: auto; left: 213px;}

.home3 {position: absolute; top: 0px; right: auto; bottom: auto; left: 426px;}

.home4 {position: absolute; top: 279px; right: auto; bottom: auto; left: 0px;}

.home5 {position: absolute; top: 279px; right: auto; bottom: auto; left: 213px;}

.home6 {position: absolute; top: 279px; right: auto; bottom: auto; left: 426px;}

/* `Tour Program Project Main Page Image Positions */

a img.tour1, a img.tour2 {
	width: 300px;
	height: 204px;
	color: #636363;
	border: 2px solid #ffffff; 
}

a img.tour3, a img.tour4 {
	width: 300px;
	height: 194px;
	color: #636363;
	border: 2px solid #ffffff; 
}

a:hover img.tour1, a:hover img.tour2, a:hover img.tour3, a:hover img.tour4 {
	border: 2px solid #640a0a;
}

.tour1 {position: absolute; top: 0px; right: auto; bottom: auto; left: 0px;}

.tour2 {position: absolute; top: 0px; right: auto; bottom: auto; left: 320px;}

.tour3 {position: absolute; top: 224px; right: auto; bottom: auto; left: 0px;}

.tour4 {position: absolute; top: 224px; right: auto; bottom: auto; left: 320px;}

/* `Navigation Arrows 
----------------------------------------------------------------------------------------------------*/

/* arrow1 = Left arrow */

img.arrow1 {
width: 28px;
height: 38px;
background: url(../images/arrow1_off.gif) no-repeat;
}

a img.arrow1 {
border: 1px solid #999999; 
background: url(../images/arrow1_off.gif) no-repeat;
}

a:hover img.arrow1 {
border: 1px solid #999999;
background: url(../images/arrow1_on.gif) no-repeat;
}

/* arrow2 = Project Menu Button */
img.arrow2 {
width: 38px;
height: 38px;
background: url(../images/arrow2_off.gif) no-repeat;
}

a img.arrow2 {
border: solid #999999; 
border-width: 1px 1px 1px 0px;
background: url(../images/arrow2_off.gif) no-repeat;
}

a:hover img.arrow2 {
border: solid #999999; 
border-width: 1px 1px 1px 0px;
background: url(../images/arrow2_on.gif) no-repeat;
}

/* arrow2a = Project Menu Button with Left side */

img.arrow2a {
width: 38px;
height: 38px;
background: url(../images/arrow2_off.gif) no-repeat;
}

a img.arrow2a {
border: solid #999999; 
border-width: 1px 1px 1px 1px;
background: url(../images/arrow2_off.gif) no-repeat;
}

a:hover img.arrow2a {
border: solid #999999; 
border-width: 1px 1px 1px 1px;
background: url(../images/arrow2_on.gif) no-repeat;
}

/* arrow2b = Project Menu Button with Right side */

img.arrow2b {
width: 38px;
height: 38px;
background: url(../images/arrow2_off.gif) no-repeat;
}

a img.arrow2b {
border: solid #999999; 
border-width: 1px 1px 1px 0px;
background: url(../images/arrow2_off.gif) no-repeat;
}

a:hover img.arrow2b {
border: solid #999999; 
border-width: 1px 1px 1px 0px;
background: url(../images/arrow2_on.gif) no-repeat;
}

/* arrow3 = Right arrow */

img.arrow3 {
width: 28px;
height: 38px;
background: url(../images/arrow3_off.gif) no-repeat;
}

a img.arrow3 {
border: solid #999999; 
border-width: 1px 1px 1px 0px;
background: url(../images/arrow3_off.gif) no-repeat;
}

a:hover img.arrow3 {
border: solid #999999;
border-width: 1px 1px 1px 0px;
background: url(../images/arrow3_on.gif) no-repeat;
}


/* arrow3 = Right arrow SOLO */

img.arrow3x {
width: 28px;
height: 38px;
background: url(../images/arrow3_off.gif) no-repeat;
}

a img.arrow3x {
border: solid #999999; 
border-width: 1px 1px 1px 1px;
background: url(../images/arrow3_off.gif) no-repeat;
}

a:hover img.arrow3x {
border: solid #999999;
border-width: 1px 1px 1px 1px;
background: url(../images/arrow3_on.gif) no-repeat;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/


dl, hr, ol, ul, pre, table, address, fieldset {
	margin-bottom: 20px;
}