body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:73%;
	line-height:1.4em;
	margin:0;
	padding:0;
	background-color:#fff;
	text-align:center;
}

/* *** helpers *** */

img { border:0; }
p { margin:5px 0 10px 0; }
.clearall { clear:both; }
h2 { color:#102C63; font-size:1.4em; margin:10px 0 10px 0; }
h3 { border-bottom:1px solid #ccc; font-size:1.2em; }
h4 { font-size:1em; }
hr { display:none; }
hr.display { border-top:1px solid #ccc; display:block; height:1px; margin:0; }
.floatleft { float:left; }
.marginright { margin-right:40px; width:320px; }
img.floatleft { float:left; margin-right:20px; }
img.floatright { float:right; margin-left:20px; }
address { font-style:normal; margin-bottom:10px; }

a { color:#122f63; }
a:hover { color:#66739d; }

.clearfix:after {
    content: "."; 
		display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* \*/
* html .clearfix {height: 1%;}
/*  */
.mac-clearfix { clear: both; }


/* *** layout *** */

#wrapper { width:760px; margin: 0 auto; text-align:left;}

#header { background:url(../i/psg-header.jpg) right no-repeat; height:108px; }
#header img { float:left; }

#header h1 {
	color:#122F63;
	float:left;
	font-size:120%;
	padding-top:40px;
	text-align:right;
	width:210px;
}

#topnav, #bottomnav { background:#66739d url(../i/nav_bg.gif) left no-repeat; clear:both; height:30px;}
#topnav ul, #bottomnav ul { margin:0; padding:8px 0 0 0;}
#topnav ul li, #bottomnav ul li { display:inline; }

#topnav ul li a, #bottomnav ul li a {
	background:url(../i/topnav_separator.gif) right no-repeat;
	color:#fff;
	float:left;
	font-weight:bold;
	letter-spacing:0.1em;
	padding:0 15px 0 15px;
	text-decoration:none;
	}

#bottomnav ul li a { font-weight:normal; letter-spacing:normal; }

#topnav ul li a.nobg, #bottomnav ul li a.nobg { background-image:none; }
#topnav ul li a:hover, #topnav ul li a.nobg:hover, #bottomnav ul li a:hover, #bottomnav ul li a.nobg:hover { color:#ecddcd; }

#maincontent, #maincontentbg {
	margin:10px 0 6px 0;
	padding:0 15px;
	width:760px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 730px;
	} html>body #maincontent, html>body #maincontentbg { width: 730px; }

body#home #maincontent, body#products #maincontent { padding:0; width:760px; }
	
#maincontent ul.letters {list-style-type:lower-alpha; margin:0;padding:0 0 0 20px;}

#maincontentbg { background:url(../i/pagecontainer_bg.gif) top right no-repeat; }

#footer { clear:both; margin:0 0 10px 0; }

#copyrightcontainer { float:left; font-size:0.9em; margin-top:6px;}

#rocomlogocontainer{ float:right; font-size:0.9em; margin-top:6px;}
#rocomlogocontainer a {font-weight:bold; text-decoration:none; color:#000000;}

/* *** home page *** */
#homepageimg { float:left; height:350px; margin:2px 2px 0 0; width:478px;}

/*.pic1 { background: url(../i/psg_networks_main_img1.jpg) left no-repeat; }}*/
.pic1 { background: url(../i/psg_networks_main_img11.jpg) left no-repeat; }
/*.pic3 { background: url(../i/psg_networks_main_img3.jpg) left no-repeat; }*/
/*.pic4 { background: url(../i/psg_networks_main_img4.jpg) left no-repeat; }*/
.pic2 { background: url(../i/psg_networks_main_img13.jpg) left no-repeat; }
/*.pic3 { background: url(../i/psg_networks_main_img6.jpg) left no-repeat; }*/
/*.pic7 { background: url(../i/psg_networks_main_img7.jpg) left no-repeat; }*/
.pic3 { background: url(../i/psg_networks_main_img12.jpg) left no-repeat; }
/*.pic9 { background: url(../i/psg_networks_main_img9.jpg) left no-repeat; }*/
/*.pic10 { background: url(../i/psg_networks_main_img10.jpg) left no-repeat; }*/

#greyblock { float:right; width:274px;}
#greyblocktop { background:url(../i/greyblock_topbg.gif) top no-repeat; color:#333; font-weight:bold; margin:2px 0 0 0; padding:4px 25px 6px 60px; text-align:right;}
#greyblockbottom { background:url(../i/greyblock_bottombg.gif) bottom no-repeat; line-height:1.3em; margin:0; padding:10px 10px 45px 15px;}
#greyblockbottom p { margin:0 0 5px 0; }

/* *** Partners page *** */
.partner { border-bottom:1px solid #eee; clear:both; padding:10px 0; margin-bottom:10px; width:740px; }
.partner .logo { float:left; text-align:right; margin-right:20px; width:180px; }
.partner .description { float:left; width:540px; }

/* *** Contact page *** */
form.contact, form.brochure { background:#eee; border:1px solid #ccc; float:left; margin-right:20px; padding:20px; }
form.contact label, form.brochure label { font-weight:bold; }
form.contact input, form.contact textarea, form.brochure input, form.brochure textarea { margin-bottom:10px; width:200px; }
form.contact input.submit, form.brochure input.checkbox, form.brochure input.submit { width:auto; }
form.brochure input.checkbox { margin-bottom:0; }

/* *** Product page *** */
#productspagecontainer { background:url(../i/pagecontainer_bg.gif) top right no-repeat; padding:0 0 20px 10px; width:760px;}

div.menuitem { float:left; width:200px; 	height:111px; margin:10px 40px 0 0;}

div#box1.menuitem { background:url(../i/box1_img.gif);}
div#box2.menuitem { background:url(../i/box2_img.gif);}
div#box3.menuitem { background:url(../i/box3_img.gif);}
div#box4.menuitem { background:url(../i/box4_img.gif);}
div#box5.menuitem { background:url(../i/box5_img.gif);}
div#box6.menuitem { background:url(../i/box6_img.gif);}

div.menuitem:hover, div.menuitemhover {
	background-image:url(../i/menu_item_grey_bg.gif) !important;
	float:left;
	height:111px;
	margin:10px 40px 0 0;
	width:200px;
}

div.menuitem h2, div.menuitemhover h2 {
	color:#102C63;
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:6px 0 0 30px;
}
div.menuitem ul, div.menuitemhover ul {
	display:none;
	list-style-type:none;
	margin:4px 0 0 30px;
	padding:0;
}
div.menuitem:hover ul, div.menuitemhover ul {
	display:block;
}
div.menuitem ul li, div.menuitemhover ul li {
	background:url(../i/list_bullet.gif) left no-repeat;
	float:left;
	line-height:normal;
	padding:0;
	margin:0;
	/*\*//*/padding:2px 0 0 0;/**/
}
div.menuitem a, div.menuitemhover a {
	color:#102C63;
	display:block;
	font-size:0.95em;
	font-weight:bold;
	height:1%;
	padding-left:10px;
	text-decoration:none;
	width:160px;
	/*\*//*/font-size:1.1em;/**/
}
div a:hover {color:#8DA8D3;}


/* *** downloads page *** */
ul.nolistitem { list-style-type:none; }
ul.nolistitem li { background:url(../i/pdf_icon.gif) top left no-repeat; padding-left:25px; }
ul.nolistitem li.powerpoint { background:url(../i/ppt_icon.gif) top left no-repeat; padding-left:25px; }

/* *** other stuff *** */
ol.numbered { list-style-position:inside; margin:20px 0 0 0; padding:0; }
ol.numbered li { font-weight:bold; margin-bottom:20px; }
ol.numbered li p { font-weight:normal; }

ul li { margin-bottom:0.5em; }

table#mobilevaulttable {
	border:1px solid #999;
	border-collapse:collapse;
	font-size:1em;
	line-height:1.5em;	
	margin:0 0 10px 0;
	text-align:center;
	width:100%;
}

#phonenumber h1 { font-size: 26px; margin-top: 20px;}

.testimonial {margin-bottom: 15px; border: 1px solid #CCC; -moz-border-radius: 7px; -webkit-border-radius: 7px; background: #FFF;}
.testimonial .padding { padding: 0px 15px;}
.testimonial .padding blockquote { margin: 15px 0px; padding: 1px 5px 0px 25px; background: url(/i/quote.gif) no-repeat 0px 4px;}
.testimonial .padding blockquote p { font-size: 1.1em !important;}
.testimonial .padding blockquote strong { font-style: normal; }
.testimonial .quote-end { display: inline-block; height: 14px; width: 17px; margin: 0 0 -5px 5px; background: url(/i/quote-end.gif) no-repeat right top;}
