/*** CSS FILE ***/

/*
// *** 2008-10-01 (C) Copyright Matthew Xerri *** //
// *** OmniX Web Design, http://www.omnixwebdesign.com.au *** //
// *** matthew.xerri@hotmail.com, 0402-311-450 *** //
*/

/*
	/ *** LEGENED *** /
	TRBL > NESW
	
	width:					value; The width property does not include padding, borders, or margins!
	height:					value; The height property does not include padding, borders, or margins!

	/ * BOX MODEL * /
	border: 				width style color; 
	margin: 				north east south west;
	padding: 				north east south west;
	
	/ * STYLING * /
	background:				color image repeat attachment position; 
	color: 					color;
	clear:					value;
	cursor:					value;
	display:				value;
	font:					style variant weight size/line-height family;
	line-height:			value;
	list-style:				type position image;
	overflow:				value;
	position:				value;
		top:					value;
		right:					value;
		bottom:					value;
		left:					value;
	text-align: 			value;
	text-decoration:		value;
	text-indent:			value;
	vertical-align:			value;
	z-index:				value;
*/

/*** TAG ***/
* {
	/*
		width:					;
		height:					;
	*/	

	/* BOX MODEL */
	border:					0px none #000000;
	margin: 				0px;
	padding: 				0px;
	
	/* STYLING */
	color:					#000000; /* BLACK */
	font:					normal normal normal 15px/30px Arial, Helvetica, sans-serif;
}

fieldset {
	/* BOX MODEL */
	border:					2px ridge #000000;
	padding: 				0px 20px;
}

fieldset legend {
	/* BOX MODEL */
	padding:				0px 10px;
}

h1, h2, h3, h4, h5, h6 {
	color:					#FF0000;
}

h1 {
	font: 					italic normal bold 2em/2em Arial, Helvetica, sans-serif;	
}

h2 {
	font: 					italic normal bold 1.7em/1.7em Arial, Helvetica, sans-serif;	
}

h3 {
	font: 					italic normal bold 1.4em/1.4em Arial, Helvetica, sans-serif;	
}


img {
	/* BOX MODEL */
	border:					0px none #000000;
}

input[type=text], input[type=password] {
	width:					300px;
	
	/* BOX MODEL */
	border:					2px ridge #000000;
	margin:					10px 0px;
	padding:				10px;

	/* STYLING */
	cursor:					crosshair;
}

input[type=submit] {
	/* BOX MODEL */
	border:					5px outset #000000;
	padding: 				3px;
	margin: 				3px;
	
	/* STYLING */
	cursor:					pointer;
	font:					normal normal normal 0.8em/1.6em Arial, Helvetica, sans-serif;
}

label {
	width:					200px;
	
	/* STYLING */
	display:				inline-block;
}

strong {
	/* STYLING */
	font-weight:			bold;
}

textarea {
	/* BOX MODEL */
	border:					2px ridge #000000;
	padding:				10px;

	/* STYLING */
	cursor:					crosshair;
}

ul {
	/* BOX MODEL */
	margin:					20px;
}

/*
// *** 2008-10-01 (C) Copyright Matthew Xerri *** //
// *** OmniX Web Design, http://www.omnixwebdesign.com.au *** //
// *** matthew.xerri@hotmail.com, 0402-311-450 *** //
*/

/*** CLASS ***/
/*** SAFFRON APARTMENTS - www.saffronarpartments.com.au ***/

/*** SPECIAL - RED #FF0000 ***/
.special {
	color:					#FF0000;
	font:					italic normal bold 1em/1em Arial, Helvetica, sans-serif;
}

/*** GET_PAGE - RED #FF0000 ***/
div#webpage div#menu a.get_page {
	color:					#FF0000;
	font-style:				italic;
	font-weight:			bold;
}

/*** MENU ***/
div#webpage div#menu div.parent,
div#webpage div#menu a:hover,
div#webpage div#content div#database_toggle {
	font-style:				italic;
	font-weight:			bold;
}

/*** ARROW - BLACK #000000 ***/ 
.arrow_north {
  	border-color: 			#000000 transparent transparent transparent;
  	border-style: 			solid;
  	border-width: 			8px;
	
	display:				inline;
  	font-size: 				0px;
  
  	position: 				relative;
  	bottom: 				5px;
  	left: 					10px;
}

.arrow_east {
	border-color: 			transparent #000000 transparent transparent;
  	border-style: 			solid;
  	border-width: 			8px;
	
	display:				inline;
  	font-size: 				0px;
  
  	position: 				relative;
  	bottom: 				5px;
  	left: 					10px;
}

.arrow_south {
  	border-color: 			transparent transparent #000000 transparent;
  	border-style: 			solid;
  	border-width: 			8px;
	
	display:				inline;
  	font-size: 				0px;
  
  	position: 				relative;
  	bottom: 				10px;
  	left: 					10px;
}

.arrow_west {
  	border-color: 			transparent transparent transparent #000000;
  	border-style: 			solid;
  	border-width: 			8px;
  	
	display:				inline;
	font-size: 				0px;
  
  	position: 				relative;
  	bottom: 				5px;
  	left: 					10px;
}

/*** contact_us.php ***/
div.contact_us {
}

div.contact_us label {
	width:					75px;
	
	display:				inline-block;
}

div.contact_us input[type=text]#message {
	width:					495px;
}

div.contact_us input[type=text]#captcha {
	width:					100px;
}

div.contact_us input[type=text],
div.contact_us textarea {
	margin:					5px;
}

div.contact_us img,
div.contact_us input[type=image] {
	padding:				5px;
	
	vertical-align:			middle;
}

div.contact_us input[type=submit]{
	margin:					auto;
	text-align:				center;
}

/*
// *** 2008-10-01 (C) Copyright Matthew Xerri *** //
// *** OmniX Web Design, http://www.omnixwebdesign.com.au *** //
// *** matthew.xerri@hotmail.com, 0402-311-450 *** //
*/

/*** STYLESHEET ***/
/*** WEBPAGE ***/
div#webpage {
	width:					955px; /* 955px(private) = 250px(menu) + 700px(content) + 5px(space) */
	height:					auto;

	/* BOX MODEL */
	margin:					auto;
}

/*** CONTENT ***/
div#webpage div#content {
	width:					600px; /* 955px(private) = 250px(menu) + 600px(content) + 20px*2(margin) + 20px*2(padding) + 25px(space) */
	height:					auto;

	/* BOX MODEL */
	margin:					20px;
	padding:				20px;

	/* STYLING */
	float:					left;
}

/** TINYMCE **/
div#webpage div#content div#tinymce {
}

/** DATABASE **/
div#webpage div#content div#database_toggle {
	/* STYLING */
	cursor:					pointer;
	
	/* BOX MODEL */
	margin:					10px 10px 0px 10px;
	padding:				0px 25px;
	
	/* CSS3 */
	/* border-radius:		25px; */
	box-shadow: 			5px 5px 5px #000000;
}
div#webpage div#content div#database {
	width:					550px; /* 590px(menu) = 550px(child) + 10*2(margin) + 10*2(padding) */
	height:					auto;
	
	/* BOX MODEL */
	padding:				10px;
	margin:					0px 10px 10px 10px;

	/* CSS3 */
	box-shadow: 			5px 5px 5px #000000;
}
div#webpage div#content div#database div.column {
	/* BOX MODEL */
	margin:					15px 0px;

	/* STYLING */
	text-align:				center;
}
div#webpage div#content div#database div.column span.name {
	width:					150px;
	height:					auto;
	
	/* STYLING */
	display:				inline-block;
	text-align:				left;
}
div#webpage div#content div#database div.column span.input input,
div#webpage div#content div#database div.column span.input select {
	width:					300px;

	/* BOX MODEL */
	border:					1px inset #000000;
	padding:				5px;
}
div#webpage div#content div#database div.column span.input select option {
	/* BOX MODEL */
	margin:					5px;
}

/*** FOOTER ***/
div#webpage div#footer {
	/* STYLING */
	clear:					both;
	text-align:				center;
}

/*** HEADER ***/
div#webpage div#header {
	/* STYLING */
	text-align:				center;
}

/*** LOGIN ***/
div#webpage div#login {
	text-align:				center;
}

/*** MENU ***/
div#webpage div#menu {
	width:					250px; /* 955px(private) = 250px(menu) + 700px(content) + 5px(space) */
	height:					auto;
	
	/* STYLING */
	float:					left;
}

/** MENU PARENT **/
div#webpage div#menu div.parent,
div#webpage div#menu div.parent_none {
	width:					200px; /* 250px(menu) = 200px(parent) + 25px*2(padding) */
	height:					auto;
	
	/* BOX MODEL */
	margin:					20px 0px 0px 0px;
	padding:				0px 25px;
	
	/* STYLING */
	/* background-color:	#FFFFFF; */
	cursor:					pointer;
	
	/* CSS3 */
	/* border-radius:		25px; */
	box-shadow: 			5px 5px 5px #000000;
}

/** MENU PARENT **/
div#webpage div#menu div.parent {
}

/** MENU PARENT_NONE A **/
div#webpage div#menu div.parent_none a {
	width:					200px; /* 250px(menu) = 200px(child) + 25*2(padding) */
	height:					auto;
	
	/* STYLING */
	display:				block;
	text-decoration:		none;
}

/** MENU CHILD **/
div#webpage div#menu div.child {
	width:					220px; /* 250px(menu) = 230px(child) + 10*2(margin) + 5*2(padding) */
	height:					auto;
	
	/* BOX MODEL */
	margin:					0px 10px 10px 10px;
	padding:				5px;

	/* STYLING */
	/* background-color:	#FFFFFF; */

	/* CSS3 */
	box-shadow: 			5px 5px 5px #000000;
}
	
/** MENU CHILD A **/
div#webpage div#menu div.child a {
	width:					200px; /* 250px(menu) = 200px(child) + 25*2(padding) */
	height:					auto;
	
	/* BOX MODEL */
	margin:					0px 0px 10px 0px;
	padding:				5px 0px 0px 25px;

	/* STYLING */
	display:				block;
	text-decoration:		none;
}

/*** CSS STYLESHEET ***/