/* ********** global settings elements ********** */

body {
	margin: 0;
	padding: 0;
	background: #000 url(../images/bbg2.png) repeat-x bottom;
	font: normal 12px arial, helvetica, sans-serif;
	color: #979797;
	/* Force IE to center containers */
	text-align: center;
}

h4 {
    margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	background-color: transparent;
}


h3 {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	background-color: transparent;
}

h2 {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 22px;
	color: #000;
	background-color: transparent;
}

h1 {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 34px;
	color: #FFF;
	background-color: transparent;
}

p {
	line-height: normal;
	text-align: left;
	margin: 0 0 10px 0;
}

em {
	font-style: normal;
	font-weight: bold;
	color: #FFF;
}

a, a:visited, a:active {
	color: #FFF;
}

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

a img {
	border: 0;
}

td {
	vertical-align: top;
	color:#B0B0B0;
}


/* ********** classes ********** */

.centre_item {
	text-align: center;
}

.portfolio_body {
	margin: 0;
	padding: 0;
	background: #000 url(../images/pbg.png) repeat-x top;
	font: normal 11px arial, helvetica, sans-serif;
	color: #7F7F7F;
	/* Force IE to center containers */
	text-align: center;
}

.short_body {
	margin: 0;
	padding: 0;
	background: #000 url(../images/bbg.png) repeat-x top;
	font: normal 11px arial, helvetica, sans-serif;
	color: #7F7F7F;
	/* Force IE to center containers */
	text-align: center;
}

.clear_left {
	clear: left;
}


/* ********** identifiers ********** */

/* ====== wrapper ====== */

#wrapper {
	width: 960px;
	margin: 0 auto 0 auto;
}

/* ====== page containers ====== */

#page {
	width: 960px;
	height: 800px;
	margin: 0 auto 0 auto;
	padding-top: 60px;
	background: #000 url(../images/wbg.png) repeat-x bottom left;
	text-align:left;
}

#page_about {
	width: 960px;
	height: 950px;
	margin: 0 auto 0 auto;
	padding-top: 60px;
	background: #000 url(../images/wbg.png) repeat-x bottom left;
	text-align:left;
}

#page_packages {
	width: 960px;
	height: 900px;
	margin: 0 auto 0 auto;
	padding-top: 60px;
	background: #000 url(../images/wbg.png) repeat-x bottom left;
	text-align:left;
}

#page_portfolio {
	width: 960px;
	height: 632px;
	margin: 0 auto 0 auto;
	padding-top: 60px;
	background: #000 url(../images/wbg2.png) repeat-x bottom left;
	text-align:left;
}

/* ====== header ====== */

#header {
	width: 442px;
	height: 46px;
	margin: 0px auto 15px auto;
	background: #000 url(../images/main_title.png);
}

/* ------ main navbar container ------ */

#main_nav {
   	width: 356px;
	height: 20px;
	margin: 0 auto;
	background: #000;
}

/* ------ main navbar ------ */

ul#navbar {
	height: 20px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	white-space: nowrap;
}

ul#navbar li.first {
	float: left;
	font-family: arial, helvetica, sans-serif;
	font-size: 17px;
	margin: 0px;
	padding: 0;
	background-color: #000;
}

ul#navbar li {
	float: left;
	font-family: arial, helvetica, sans-serif;
	font-size: 17px;
	margin: 0px;
	padding: 0;
	background-color: #000;
}

#navbar a, #navbar a:link {
	margin: 0;
	padding: 0px 9px 0px 9px;
	color: #666666;
	text-decoration: none;
}

ul#navbar li#navbaractive #current {
	color: #BF0000;
	font-size: 17px;
	background-color: #000;
	cursor: default;
}

#navbar a:hover {
	color: #FFF;
}

/* ====== content containers====== */

#content_index {
	width: 800px;
	margin: 40px auto 0px auto;
	padding-right: 39px;
	background-color: transparent;
}

#content_index ul li {
	display: inline;
}

#content_about {
	width: 442px;
	margin: 40px auto 30px auto;
	background-color: transparent;
}

#about_list {
	margin-left: -20px;
}

#about_list ul {
	margin-top: 0px;
}

#about_list li {
	color: #BF0000;
}

#about_list li span {
	color: #979797;
}

#content_portfolio {
	width: 640px;
	margin: 0px auto 0px auto;
	background-color: transparent;
}

#content_packages {
	width: 640px;
	margin: 40px auto 30px auto;
	background-color: transparent;
}

#content_packages em {
	color: #BF0000;
	font-size: 16px;
}

td strong {
	color: #FFF;
}

.quotation {
	text-align: center;
	font-weight: bold;
	color: #FFF;
}

#content_contact {
	width: 380px;
	margin: 20px auto 0px auto;
	background-color: transparent;
}

#content_contact em {
	color: #BF0000;
}

/* ------ contact form ------ */

.cssform p {
	width: 270px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 62px; /*width of left column containing the label elements*/
	height: 1%;
}

.cssform label {
	/*font-weight: bold;*/
	color: #FFF;
	float: left;
	text-align: right;
	margin-left: -62px; /*width of left column*/
	width: 54px; /*width of labels. Should be smaller than left column to create some right margin*/
}

.cssform input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/
	width: 250px;
}

.cssform textarea {
	width: 250px;
	height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix {
	margin-left: 3px;
}

.button_as_text { /* style reset button as text */
	float: right;
	margin-right: 58px;
	background: transparent;
	border: none;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
}

#submitbutton { /* position submit button graphic */
	text-align: center;
	margin: 50px 24px 0 0;
}

/* ====== footer ====== */

#footer {
	/*clear: both;*/
	width: 960px;
	height: 68px;
	margin: 0 auto 0 auto;
	background-color: #000;
	text-align: center;
	color: #979797;
}

#legal em {
	color: #FFF;
	font-weight: normal;
}


/* CUSTOM 123R STYLING */

.text_home {
	clear: both;
	width: 500px;
	margin: 0 auto 50px auto;
}

.text_home h1 {
	margin: 0 0 10px 33px;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #D0D0D0;
	background-color: transparent;
	text-align: center;
}

.text_home p {
	text-align: left;
	margin-left: 39px;
	font-size: 12px;
}

.text_home a {
	color: #C0C0C0;
}

.text_home a:hover {
	color: #BF0000;
}

.text_home em {
	color: #C0C0C0;
	font-weight: bold;
}

.links {
	font-size: 9px;
}

.links a {
	color: #7F7F7F;
}