/* ARITHMO LAYOUT STYLE SHEET */


/* BEGIN GENERIC HTML STYLES */

body
{
	padding:0px;
	margin:0px;
	background-image:url('../images/body_background.gif');
	background-repeat:repeat-x;
	background-color:#fdfdfd;
	font-family:Verdana, Helvetica, sans-serif;
	color:#626262;
}

.left
{
	float:left;
}

.right
{
	float:right;
}
/* END GENERIC HTML STYLES */



/* BEGIN LAYOUT HEADER - this is the long green strip at the head of the page */
#header
{
	position:relative;
	width:806px;
	height:120px;
	background-image:url('../images/header_background.gif');
	background-repeat:repeat-x;
	background-position:0;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
#logo
{
	position:relative;
	top:3px;
	left:20px;
	width:271px;
	height:68px;
}
/* END LAYOUT HEADER */



/* BEGIN LAYOUT QUICK BOX - this is the grey box in the header region of the page, used for quick contact / login */
#quick_box_container
{
	position:absolute;
	top:27px;
	left:540px;
}
#quick_box_shadow
{
	position:absolute;
	top:0px;
	left:0px;
	width:9px;
	height:84px;
	background-image:url('../images/quick_box_shadow.gif');
	background-repeat:no-repeat;
}
#quick_box
{
	position:absolute;
	top:0px;
	left:9px;
	width:208px;
	height:63px;
	background-image:url('../images/quick_box_fade.gif');
	background-repeat:repeat-x;
	border:1px solid #ffffff;
	padding:10px;
	overflow:hidden;
	
	/* font added by julian shaw */
		font-size:10px;
		font-weight:bold;

}
#quick_box_title
{
	width:210px;
	height:18px;
	background-color:#5b5d60;
	background-color:#323234;
	background-image:url('../images/title_shadow.gif');
	border-bottom:3px solid #FF9933;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	text-indent:5px;
	margin-bottom:2px;
}
/* END LAYOUT QUICK BOX */



/* BEGIN MAIN CONTENT AREA LAYOUT */
#main_shadow
{
	position:relative;
	top:0px;
	left:0px;
	width:806px;
	background-image:url('../images/main_shadow.gif');
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
#main_container
{
	position:relative;
	left:6px;
	width:796px;
	background-image:url('../images/main_container_fade.gif');
	background-repeat:repeat-x;
	padding-top:20px;
}
#left_content_area
{
	position:relative;
	left:1px;
	position:relative;
	float:left;
	width:186px;
}
#right_content_area
{
	position:relative;
	float:right;
	width:590px;
	min-height:600px;
}
/* END MAIN CONTENT AREA LAYOUT */


/* START SPEECH BUBBLE LAYOUT */
#bubble
{
	position:relative;
	top:10px;
	background-image:url('../images/bubble_border.gif');
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;
	width:163px;
}
.bubble_top
{
	background-image:url('../images/bubble_top.gif');
	background-repeat:no-repeat;
	width:133px;
	min-height:125px;
	font-size:9px;
	padding:15px;
	color:#4d4e50;
}
.bubble_bottom
{
	background-image:url('../images/bubble_bottom.gif');
	background-repeat:no-repeat;
	width:163px;
	height:64px;	
	font-size:9px;
	overflow:hidden;
}
.bubble_said_by
{
	position:relative;
	margin-top:13px;
	width:163px;
	color:#b45749;
	font-size:9px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
/* END SPEECH BUBBLE LAYOUT */



/* BEGIN LAYOUT FOOTER */
#footer_strip
{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:140px;
	overflow:hidden;
	border-top:solid 7px #dadada;
	background-image:url('../images/footer_background.gif');
	background-repeat:repeat-x;
	background-color:#fdfdfd;
	border-bottom:10px solid #ffffff;
}
#footer_content
{
	width:760px;
	margin-left:auto;
	margin-right:auto;
	font-size:10px;
	margin-top:15px;
}

#footer_icons
{
	margin-left:2px;
	margin-top:12px;
	width:143px;
	height:76px;
	background-image:url('../images/footer_icons.gif');
	background-repeat:no-repeat;
}
.blog_image
{
	vertical-align:middle
}
/* END LAYOUT FOOTER */

/* BEGIN CLEAR - this clears 2 floated elements (The clear property sets the sides of an element where other floating elements are not allowed.) REF: http://www.tizag.com/cssT/float.php */
.clear
{
	clear:both;
	width:100%;
	height:1px;
	overflow:hidden;
}
/* END CLEAR */


/* BEGIN CONTAINER TO HOLD THE 3 PRODUCTS ROLLOVER GRAPHICS */
#products_container
{
	width:190px;
	float:left;
	font-size:11px;
	position:relative;
	left:20px;
}
/* END CONTAINER TO HOLD THE 3 PRODUCTS ROLLOVER GRAPHICS */


/* BEGIN PRESS RELEASES SECTION SIDE BAR ADVERT */
#press_releases
{
	width:187px;
	float:left;
	font-size:11px;
	position:relative;
	left:20px;
	border:1px solid #e2e2e2;
	border-top:1px solid #ffffff;
	background-image:url('../images/press_releases_fade.gif');
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:5px;
}
.press_releases_inner
{
	background-image:url('../images/press_releases_inner_fade.gif');
	background-repeat:repeat-x;
	margin-left:auto;
	margin-right:auto;
	width:177px;
	background-color:#ffffff;
	padding-bottom:5px;
}
.press_releases_title
{
	background-color:#323234;
	background-color:#323234;
	background-image:url('../images/title_shadow.gif');
	border-bottom:3px solid #cad621;
	color:#ffffff;
	text-indent:10px;
	font-weight:bold;
	padding:5px;
}
.press_releases_item
{
	width:163px;
	background-image:url('../images/press_releases_item_divider.gif');
	background-repeat:no-repeat;
	background-position:bottom;
	padding:7px;
}
/* END PRESS RELEASES SECTION SIDE BAR ADVERT */

/* BEGIN UPDATES SECTION STYLE - CREATED BY JULIAN SHAW BASED ON PRESS_RELEASES STYLE*/
#updates
{
	width:560px;
	float:left;
	font-size:13px;
	position:relative;
	border:1px solid #e2e2e2;
	border-top:1px solid #ffffff;
	background-image:url('../images/press_releases_fade.gif');
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:5px;
}
.updates_inner
{
	background-image:url('../images/press_releases_inner_fade.gif');
	background-repeat:repeat-x;
	margin-left:auto;
	margin-right:auto;
	width:550px;
	background-color:#ffffff;
	padding-bottom:5px;
}
.updates_title
{
	background-color:#323234;
	background-color:#323234;
	background-image:url('../images/title_shadow.gif');
	border-bottom:3px solid #FF9933;
	color:#ffffff;
	text-indent:10px;
	font-weight:bold;
	padding:5px;
}
.updates_item
{
	width:536px;
	background-image:url('../images/press_releases_item_divider.gif');
	background-repeat:no-repeat;
	background-position:bottom;
	padding:7px;
}
/* END UPDATES */

/* BEGIN DEMO SECTION STYLE - CREATED BY JULIAN SHAW BASED ON UPDATES STYLE*/
#demo
{
	width:560px;
	height:400px;
	float:left;
	font-size:13px;
	position:relative;
	border:1px solid #e2e2e2;
	border-top:1px solid #ffffff;
	background-image:url('../images/press_releases_fade.gif');
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:5px;
}
.demo_inner
{
	background-image:url('../images/press_releases_inner_fade.gif');
	background-repeat:repeat-x;
	margin-left:auto;
	margin-right:auto;
	width:550px;
	background-color:#FF9900;
	padding-bottom:5px;
}
.demo_title
{
	background-color:#323234;
	background-image:url('../images/title_shadow.gif');
	border-bottom:3px solid #cad621;
	color:#ffffff;
	text-indent:10px;
	font-weight:bold;
	padding:5px;
}

/* END DEMO */

/* pop up variation : added by Julian Shaw, inherits page layout but removes background image*/
.popup
{
	background-image:none !important ;
}
