/*****************************************************************************************************
		Kirsir Internet Solutions Project Template v1.2
		http://www.kirsir.ca
		
		Date Created: October 20, 2004
		Date Modified: June 25, 2006
		Description: Each file in the project template contributes to a Kirsir web site project and
		             provides a base web site for each client.
					 The site structure, logic, and code has been developed for use by Kirsir to assist in project development
					 and cannot be distributed or sold.
		
		Copyright (c) 2006 Kirsir Internet Solutions
******************************************************************************************************/

	/*NOTE: To add borders to floating divs (left/center/right), you must account for the width of the border in div widths! e.g. if left div is to be 175px, that total includes the border (1px?) and 'inside' (174px?).*/

@import url('borders.css');
@import url('boxes.css');
@import url('dropdowns.css');
@import url('forms.css');
@import url('links.css');
@import url('lists.css');
@import url('other.css');
@import url('tables.css');
@import url('text_headers.css');

/*************************CORE POSITIONING STYLES*****************************************/
html, body{height:100%;}

body {
	background:#fff url('../images/design/body_bg1.jpg') repeat-x 0% 0%;
	color:#666;
	margin:0px;
	padding:0px;
	font:100%/1.3 Arial, sans-serif;
	text-align:center;
}

#pageWrapper { /*wraps all content*/
	position:relative;
	padding:0px;
	margin:0px auto;
	width:752px;
	background:#fff;
	text-align:left;
}

#topWrapper { /*wraps top divs (topRow, navbar, etc.)*/
	position:absolute;
	top:0px;
	left:0px;
	width:752px;
	height:359px;
	background:#fff;
}

#bottomWrapper{ /*wraps all lower content and appears before header content for better SEO*/
	position:absolute;
	top:359px;
	left:0px;
	width:752px;
	background:#fff;
	padding-top:20px;
}

/*******************************TOP STYLES**********************************************/

#slogan{position:absolute; top:30px; right:0px;}
#logo{position:absolute; top:10px; left:0px;}

#bandWrapper{position:absolute; top:84px; left:0px; width:100%; height:275px;}
#bandTopStrip{position:absolute; top:0px;}
#bandBottStrip{position:absolute; top:266px;}
.bandStrip{font:0% Arial, Helvetica, sans-serif; overflow:hidden; width:100%; height:9px; background:#B9CFDF;}
#bigImg{position:absolute; top:11px; left:0px;}
#points{position:absolute; top:11px; right:0px;}
#bigButt{position:absolute; top:202px; right:0px;}



#buttonsWrapper{position:absolute; top:97px; left:167px;}
#butt1{position:absolute; top:0px; left:0px;}
#butt2{position:absolute; top:0px; left:120px;}
#butt3{position:absolute; top:0px; left:240px;}

#butt4{position:absolute; top:51px; left:0px;}
#butt5{position:absolute; top:51px; left:120px;}
#butt6{position:absolute; top:51px; left:240px;}

#butt7{position:absolute; top:106px; left:0px;}
#butt8{position:absolute; top:106px; left:120px;}
#butt9{position:absolute; top:106px; left:240px; z-index:5;}


/*******************************MIDDLE STYLES**********************************************/

#contentWrapper{ /*wraps all middle content*/
	position:relative;
	background:#fff;
	width:100%;
	height:auto; /*allow expanding div*/
	min-height:100px; /*FF height (not supported in IE 6 or less - see ie_hacks.css)*/
}

#content {
	position:relative;
	margin:20px 0px 20px;
	background:#fff; 
}

/*******************************BOTTOM STYLES**********************************************/

#footer{ /*holds textlinks, copyright, and link to Kirsir*/
	position:relative; 
	width:100%; 
	text-align:center;
	background:#fff;
	clear:both;
	margin-top:10px; /*distance from content area*/
}

#disclaimer {
	position:relative;
	font:64% Arial, sans-serif;
	text-align:center;
	color:#aeaeae; 
	padding:0px 0px 0px; 
}

#datingSites{
	position:relative;
	font:64% Arial, sans-serif;
	color:#9E9E9E; 
	padding:600px 0px 0px;
	background:#fff;
	text-align:left;
}

#textLinks {
	position:relative;
	font:64% Arial, sans-serif;
	color:#666; 
	padding:12px 0px 0px;
	background:#fff;
}

#copyright {
	position:relative;
	font:64% Arial, sans-serif;
	color:#666; 
	padding:12px 0px 0px;
	background:#fff;
}

#kirsir{
	font:64% Arial, sans-serif;
	color:#666; 
	background:#fff;
	padding:0px 10px 8px;
}