/************************************************************************

	Site:		Power International

	Author:		MockOrange		[www.mockorange.com.au] 

	Listing Order:
	==============

	1 - Universal
	2 - Structure/Layout
	3 - Main Navigation (Left)
	4 - Page Elements
	5 - Footer/Labels
	6 - Headings
	7 - Forms

/***********************************************************************
	1 - UNIVERSAL STYLES
************************************************************************/
body { margin:0; padding:0; font: 75%/1em Verdana, Arial, Helvetica, sans-serif; color: #666; line-height: 130%; background-color:#b2b2b2;  }
* { margin: 0; padding: 0; }
img { border: 0; display: block; }
a { color: #ed1c24; text-decoration: underline; }

a:hover { color: #ed1c24; text-decoration:none; }
.clear { margin:0; clear:both; }

/***********************************************************************
	2 - STRUCTURE/LAYOUT
************************************************************************/
#wrapper{ margin:0 auto; padding:1em 0 0 0; width:820px; background-color:#fff;  }
#banner { display:block; width:723px; margin:0 0 1em 1.5em; padding:1em 0 0 0; height:5.5em; background:url(../images/powerint_logo.gif) no-repeat #fff;}
#banner p { background:url(../images/other_logos.gif) no-repeat right; height:5em;}

#bannerImage { background:url(../images/banner_home.jpg) no-repeat; margin:0 0 1em 1.5em; height:180px;}

/*#diviframe { position:relative; width:800px; height:400px; }
#diviframe iframe {position:relative; bottom:0; top:100px; left:0; overflow-x: hidden; }*/

#container { width:780px; border-right:10px solid #ed1c24;}
#subcontainer { width:723px; }

#maincontent { width:720px; float:left; }
#maincontent p { margin:1.5em 2em 0 2em;}

#homeLeft { width:510px; float:left; }
#homeLeft p { margin:0 4em 1.5em 5.5em;}

#subLeft { width:770px; float:left; }
#subLeft p { margin:0 2em 1.5em 2em;}

#homeRight { width:260px; float:left; background:url(../images/logo_watermark.gif) no-repeat bottom #fde8e9;}

/* set millions of background images */
.rbroundbox { background-color:#ed1c24; }
.rbtop div { background: url(../images/corner_top_left.gif) no-repeat top left; }
.rbtop { background: url(../images/corner_top_right.gif) no-repeat top right; }
.rbbot div { background: url(../images/corner_bottom_left.gif) no-repeat bottom left; }
.rbbot { background: url(../images/corner_bottom_right.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot { height: 9px; font-size: 1px; }
.rbcontent { margin: 0 7px; }
.rbcontent p { color:#fff; margin:0 1em .5em 3em; font-size:.9em; }
.rbroundbox { width: 240px; margin: 1em auto; }
.rbcontent a { color:#fff;}



/***********************************************************************
	3 - MAIN NAVIGATION (LEFT)
************************************************************************/
#navigation { display:block; width:753px; height:26px; margin:0 0 0 1.5em; background:url(../images/navigation_back.gif) no-repeat #695d5d; }
#navigation  ul {  list-style-type: none; margin:0 0 0 1em; padding:.5em 0; }
#navigation  li { display: inline; margin:0 0 0 .75em; padding:0; }
#navigation  a { font-family: Trebuchet MS, Georgia, "Times New Roman", Times, serif; margin:1em 0 0 0; padding:0 0 0 1.5em; color: #fff; font-weight:bold; text-decoration: none; background:url(../images/shadnav_off.gif) no-repeat; font-size:1.25em; }
#navigation  a:hover { background:url(../images/navigation_icon.gif) no-repeat; }


/***********************************************************************
	4 - PAGE ELEMENTS
************************************************************************/
.usedimg { margin-left:21em;}
/***********************************************************************
	5 - FOOTER/LABELS
************************************************************************/
#footer { margin:.5em 0 0 1.5em; border-top:10px solid #000; width:760px; padding:.5em; }
#footer img { float:right; display: block; margin-left:.5em;}

/***********************************************************************
	6 - HEADINGS
************************************************************************/

.h2heading { font-size:1.75em; font-weight:bold; color:#000000; margin: 1.75em 3em 1em 3em; font-family: Trebuchet MS, Georgia, "Times New Roman", Times, serif;}

.h2products { color:#000; display:block; font-family: Trebuchet MS, Georgia, "Times New Roman", Times, serif; font-size:1em; background:url(../images/gradient_h2.gif); margin:1em 0 1em 0; padding:.5em 1em .5em .5em; text-align:left; font-size:1.5em;}

.h3sub { color:#ed1c24; font-size:1.3em; font-weight:bold; margin:2em 3em .25em 4.25em; font-family: Trebuchet MS, Georgia, "Times New Roman", Times, serif;}
.h3products { background:url(../images/h3back.gif) no-repeat; padding:5px 0 0 2.25em;  font-family: Trebuchet MS, Georgia, "Times New Roman", Times, serif; font-size:1.25em; color:#fff; height:25px; margin-bottom:.25em;}
/***********************************************************************
	7 - FORMS
************************************************************************/

fieldset { margin: 2em 0 0 5.5em; width:70%; padding:0; border:1px dotted #ccc; background-color:#FCFAFA;}
.pfield { margin:0;}
legend { color:#000; font-weight:bold; font-size:1em; padding:.5em; }
label { margin:0 1em 0 0; font-weight:bold;   vertical-align:top;}
input { vertical-align:middle; }
textarea { vertical-align:top;}
.button { background-color:#CC3300; color:#fff; font-weight:bold; border:0;}