/*	---------------------------
	Title: Home Styles
	Version: 1.1
	Date: 12/02/2005
	Author: Jim Thoburn
	
	Description: Styles for the home page
	--------------------------- 	*/

@import url("base.css");



/*	---------------------------
	BODY
	--------------------------- 	*/
body {
	background-color: #c9d6da;
	background-image: url(../images/gui/background.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 0 0 15px 0;
}
#bodyInner {
	background-color: #FFFFFF;
	margin: 0 0 0 15px;
	padding: 0 0 0 150px;
	width: 647px;
}
/* Design */
.bodyDesign {
	background-color: #2E2E2E;
	background-image: url(../images/gui/background.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 0 0 15px 0;
}
#bodyInnerDesign {
	background-color: #FFFFFF;
	margin: 0 0 0 15px;
	padding: 0 10px 0 150px;
	width: 600px;
}

/*	---------------------------
	HEADINGS
	--------------------------- 	*/
h1 {
	margin-top: 0;
	background-image: url(../images/gui/title.gif);
	height: 50px;
}
h1 span {
	display: block;
	overflow: hidden;
	text-indent: -2000px;
}


/*	---------------------------
	ABOUT
	--------------------------- 	*/
#about {
	margin-top: 0;
	background-image: url(../images/gui/about_background.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 107px 0 0 0;
}
#about h2 {
	display: block;
	overflow: hidden;
	text-indent: -2000px;
	background-image: none;
	margin: 0;
	padding: 0;
	position: absolute;
}
#about p {
	padding: 0.5em 0 0.5em 0;
	margin: 0;
}


/*	---------------------------
	FEATURED
	--------------------------- 	*/
#featured {
	clear: both;
	position: relative;
}
#featured h3,
#featured p.date,
#featured p.location {
	display: inline;
	margin-right: 35px;
	padding: 0;
}
#featured ul {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
}
#featured li {
	margin: 0 0 0 3px ;
	padding: 0;
	float: left;
}
#featured li.first {
	margin-left: 0;
}


/*	---------------------------
	NEWS
	--------------------------- 	*/
#news {
	margin-right: 15px;
	float: left;
	padding-bottom: 44px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #CCCCCC;
}
#news iframe {
	width: 220px;
	height: 18em;
}

/*	---------------------------
	Nav1
	--------------------------- 	*/
#nav1 
{
	clear: both;
	position: relative;
	margin-right: 15px;
	float: left;
	padding-bottom: 44px;
	border-width: 0 0 0px 0;
	border-style: solid;
	border-color: #CCCCCC;
	line-height: 30px;
}

/*	---------------------------
	LOCATIONS
	--------------------------- 	*/
#locations {
	float: left;
	width: 405px;
	margin-right: 15px;
	float: left;
	padding-bottom: 5px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #CCCCCC;

}
#locations div {
	float: left;
	margin: 0 30px 0 0;
}
#locations h3 {
	padding: 0;
}
#locations p {
	margin-bottom: 0;
	padding-bottom: 0;
}

/*	---------------------------
	Inquery Form
	--------------------------- 	*/
#inquery {
	float: left;
	width: 333px;
	margin-right: 15px;
	float: left;
	padding-bottom: 5px;
	border-width: 0 0 0px 0;
	border-style: solid;
	border-color: #CCCCCC;

}
#inquery div {
	float: left;
	margin: 0 30px 0 0;
}
#inquery h3 {
	padding: 0;
}
#inquery p {
	margin-bottom: 0;
	padding-bottom: 0;
}
#inquery .iqInput {
	width: 242px;
	font-size: 9px;
}

/*	---------------------------
	PACKAGES
	--------------------------- 	*/
#packages {
	float: left;
	width: 405px;
}
#packages p {
	margin-bottom: 0;
	padding-bottom: 0;
}


/*	---------------------------
	PORTFOLIO
	--------------------------- 	*/
#portfolio {
	clear: both;
	padding-top: 1px;

}
#portfolio h3,
#portfolio p.date,
#portfolio p.location {
	position: relative;
	margin: 0 0 0.25em 0;
	padding: 0;
}
#portfolio div.item {
	clear: both;
	background-image: url(../images/gui/portfolio_divider.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 10px 0 3px 0;
}
#portfolio div.item div {
	margin: 0;
	padding: 0;
	float: left;
	width: 220px;
}
.portfolioItem {
	margin: 0;
	padding: 0;
	float: left;
	width: 220px;
}
#portfolio ul {
	margin: 0 0 0 15px;
	padding: 0;
	list-style: none;
	float: left;
	width: 412px;
}
#portfolio li {
	padding: 0 0 3px 3px;
	margin: 0;
	float: left;
}
#portfolio li.first {
	padding-left: 0;
}

/*	---------------------------
	PORTFOLIO 2
	--------------------------- 	*/
#portfolio2 {
	clear: both;
	padding-top: 1px;
}
#portfolio2 h3,
#portfolio2 p.date,
#portfolio2 p.location {
	/*position: relative;*/
	margin: 0 0 0.25em 0;
	padding: 0;
}
#portfolio2 div.item {
	clear: both;
	/**/background-image: url(../images/gui/portfolio_divider.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 10px 0 3px 0;
}
#portfolio2 div.item div {
	margin: 0;
	padding: 0;
	float: left;
	width: 220px;
	background-color: Red;
	border-color:Green;
}

#portfolio2 ul {
	margin: 0 0 0 15px;
	padding: 0;
	list-style: none;
	float: left;
	width: 412px;
}
#portfolio2 li {
	padding: 0 0 3px 3px;
	margin: 0;
	float: left;
}
#portfolio2 li.first {
	padding-left: 0;
}

/*	---------------------------
	ALBUMS / FRAMES
	--------------------------- 	*/
#albums,
#frames {
	clear: both;
	position: relative;
}
#albums p,
#frames p {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
}
#albums ul,
#frames ul {
	margin: 10px 0 0 235px;
	padding: 0;
	list-style: none;
}
#albums li,
#frames li {
	margin: 0 0 0 3px ;
	padding: 0;
	float: left;
}
#albums li.first,
#frames li.first {
	margin-left: 0;
}


/*	---------------------------
	TESTIMONIAL
	--------------------------- 	*/
#testimonial {
	clear: both;
	padding-top: 1px;
}


/*	---------------------------
	SITE INFO
	--------------------------- 	*/
#siteInfo {
	margin-top: 3em;
}
#siteInfo p {
	font-size: 0.7em;
	margin: 0;
	padding: 0;
}