/* CSS Document */
html { /*  Sets up the document and removes auto 10px margin at top of page*/
	height: 100%;
	margin: 0px;
}

body { /* Sets up the page and aligns everything to center */
	margin:0;
	height:100%;
	text-align:center; /* makes IE center everything*/
	background:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

h1 { /* Sets up the page and aligns everything to center */
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

#site_wrapper {
	position: absolute;
	width: 721px; 
	height: 463px; 
	top: 50%;
	left: 50%;
	margin-top: -231px; /* half of the height */
    margin-left: -360px; /* half of the width */
	background: url(../images/sublime_backdrop2.jpg) no-repeat	;
}

#sublime_logo {
	position: absolute;
	float:left;
	width: 282px;
	height: 107px;
	right: -18px;
	top: -26px;
	background: url(../images/sublime_logo.jpg) no-repeat  ;	
}

#menu_bar {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: relative;
	float: left; 
	width: 417px; 
	height: 27px; 
	left: 0px; 
	top: 19px;
	color:#808080;
	text-decoration:none;
}

#menu_bar a:link {
	color:#808080;
	text-decoration:none;
}

#menu_bar a:visited {
	color: #808080;
	text-decoration: none;
}

#menu_bar a:hover  {
	color: #808080;
	text-decoration: underline;
}

#menu_bar a:active  {
	color:#808080;
	text-decoration:none;
}

#contact_box {
	color:#808080;
	text-align:right;
	position: absolute; 
	width: 366px; 
	height: 18px; 
	right: 15px; 
	top: 442px;
}

#contact_box a:link {
	color:#808080;
	text-decoration:none;
}

#contact_box a:visited {
	color: #808080;
	text-decoration: none;
}

#contact_box a:hover  {
	color: #808080;
	text-decoration: underline;
}

#contact_box a:active  {
	color:#808080;
	text-decoration:none;
}

#text_para1 {
	text-align:right;
	position: absolute;
	width: 174px;
	height: 192px;
	top: 146px;
	right:495px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin:0px;
	padding:0px;
}

#text_para1 a:link {
	color: #000000;
		text-decoration:none;
}

#text_para1 a:visited {
	color: #000000;
	text-decoration: none;
}

#text_para1 a:hover  {
	color: #000000;
	text-decoration: underline;
}

#text_para1 a:active  {
	color: #000000;
	text-decoration:none;
}

#main_image1 {
	position: absolute; 
	width: 156px; 
	height: 179px; 
	left: 232px; 
	top: 147px;
}





#sub_image1 {
	position: absolute; 
	width: 93px; 
	height: 93px; 
	left: 429px; 
	top: 147px;
}

#sub_image2 {
	position: absolute; 
	width: 93px; 
	height: 93px; 
	left: 528px; 
	top: 147px;
}

#sub_image3 {
	position: absolute; 
	width: 93px; 
	height: 93px; 
	left: 627px; 
	top: 147px;
}

#sub_image4 {
	position: absolute; 
	width: 93px; 
	height: 93px; 
	left: 429px; 
	top: 245px;
}

#sub_image5 {
	position: absolute; 
	width: 93px; 
	height: 93px;
	left: 528px; 
	top: 245px;
}

#sub_image6 {
	position: absolute; 
	width: 93px; 
	height: 93px;
	left: 627px; 
	top: 245px;
}

#client_logo {
	position: absolute; 
	text-align:right;
	width: 196px; 
	height: 75px; 
	left: 29px; 
	top: 355px;
}

#more_button {
	position: absolute;
	width: 33px;
	height: 15px;
	left: 429px;
	top: 348px;
	background: url(../images/more.jpg) no-repeat;
}

#back_button {
	position: absolute;
	width: 31px;
	height: 15px;
	left: 688px;
	top: 348px;
	float:right;
	background: url(../images/back.jpg) no-repeat;
}