/* CSS Document */

body{
	background:#fff;
	color:#0F0F0F;
	padding:0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;;
	
	margin-top: auto;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20;
	font-style: normal;
}
div, ul, h1, h2, h3, li, p, img{margin:0; padding:0;}
ul{list-style-type:none;}

a:link		{ color: gray; text-decoration: none }

a:visited	{ color: gray; text-decoration: none }

a:active	{ color: gray; text-decoration: none }

a:hover		{ color: navy; text-decoration: none }

img.figure{
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 25px;
	}

/* TOP PANEL Main Page Only*/
#topPanel{
	width:762px;
	height:373px;
	position:relative;
	margin:0 auto;
	padding:0;
	font:12px/36px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 149px;
}
#topPanel img{
	width:150px;
	z-index:1;
	padding:0;
	position:absolute;
	margin:0 0 0 10px;
	height: 98px;
	left: 0px;
	top: 0px;
}
/* MENU PANEL Main Page Only*/
#topPanel ul{
	display:block; 
	width:732px; 
	height:36px; 
	position:absolute; 
	top:0; right:0; 
	margin:11px 0 0; 
	padding:0 29px 0 0; 
	border-bottom:1px solid #AEAEAE;
	left:0px;
	}
#topPanel ul li{float:right; font-size: 12px; font-weight:bold;}
#topPanel ul li a{width:74px; height:36px; display:block; padding:0; color:#555; background:#fff; text-decoration:none; text-align:center; margin:0 1px 0 0; top:0px; left:0px;}
#topPanel ul li a:hover{width:74px; height:36px; text-decoration:none; background:url(images/button.gif) no-repeat 0 0 #AEAEAE; color:#fff;}
#topPanel ul li.active{width:74px; display:block; height:36px; background:url(images/button.gif) no-repeat 0 0 #AEAEAE; color:#fff; text-align:center; margin:0 1px 0 0;}
/* TOP PANEL OTHER PAGES */
#topPanel1{
	width:762px;
	height:100px;
	position:relative;
	margin:0 auto;
	padding:0;
	font:12px/36px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 149px;
}
#topPanel1 img{
	width:150px;
	z-index:1;
	padding:0;
	position:absolute;
	margin:0 0 0 10px;
	height: 98;
	left: 0px;
}
/* MENU PANEL OTHER PAGES*/
#topPanel1 ul{
	display:block;
	width:732px;
	height:36px;
	position:absolute;
	top:0;
	right:0;
	margin:11px 0 0;
	padding:0 29px 0 0;
	border-bottom:1px solid #AEAEAE;
	left: 0px;
}
#topPanel1 ul li{float:right;  font-weight:bold;}
#topPanel1 ul li a{width:74px; height:36px; display:block; padding:0; color:#555; background:#fff; text-decoration:none; text-align:center; margin:0 1px 0 0; top:0px; left:0px;}
#topPanel1 ul li a:hover{width:74px; height:36px; text-decoration:none; background:url(images/button.gif) no-repeat 0 0 #AEAEAE; color:#fff;}
#topPanel1 ul li.active{width:74px; display:block; height:36px; background:url(images/button.gif) no-repeat 0 0 #AEAEAE; color:#fff; text-align:center; margin:0 1px 0 0;}

/* HEADER PANEL FOR MAIN PAGE IMAGES*/
#topPanel #headerPanelfast{width:246px; height:263px; position:absolute; top:0; left:0; margin:110px 0 0; padding:0px; 
	background:url(images/notebook-black-normal.jpg) no-repeat 0 0 white; 
/*	background:url(images/green2-normal.jpg) no-repeat 0 0 white; */
/*	background:url(images/black-normal.jpg) no-repeat 0 0 white; */
	color:#fff;}
#topPanel #headerPanelfast a{width:246px; height:263px; display:block; text-decoration:none; }
#topPanel #headerPanelfast a:hover{width:246px; height:263px; background:url(images/orange-hover.jpg) no-repeat 0 0 white; color:#fff; text-decoration:none;}
#topPanel #headerPanelfast h2{
	display:block;
	width:90px;
	height:29px;
	margin:54px 0 0 120px;
	font:20px/24px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	position:absolute;
	top:-6px;
	left:-5px;
	z-index:1;
}
#topPanel #headerPanelfast p{
	width:182px;
	display:block;
	font:12px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:absolute;
	top:-11px;
	left:-8px;
	z-index:1;
	padding:0;
	margin:105px 50px 0 38px;
	height: 90px;
}

#topPanel #headerPanelsecond{width:246px; height:263px; position:absolute; top:0; left:258px; margin:110px 0 0; padding:0px; 
	background:url(images/world-red-normal.jpg) no-repeat 0 0 white;
/*	background:url(images/redred-normal.jpg) no-repeat 0 0 white;  */
	color:#fff;}
#topPanel #headerPanelsecond a{width:246px; height:263px; display:block; text-decoration:none; }
#topPanel #headerPanelsecond a:hover{width:246px; height:263px; background:url(images/green-hover.jpg) no-repeat 0 0 white; color:#fff; text-decoration:none;}
#topPanel #headerPanelsecond h2{
	display:block;
	width:90px;
	height:32px;
	background:none;
	margin:54px 0 0 103px;
	font:20px/24px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	padding:0;
	position:absolute;
	z-index:1;
	left: 9px;
	top: -6px;
}
#topPanel #headerPanelsecond p{
	width:175px;
	display:block;
	font:12px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:absolute;
	top:-10px;
	left:-7px;
	z-index:1;
	padding:0;
	margin:105px 50px 0 38px;
	height: 84px;
}

#topPanel #headerPanelthird{
	width:244px;
	height:243px;
	position:absolute;
	top:0;
	right:2px;
	margin:110px 0 0;
	padding:0px;
	background:url(images/tool-blue-normal.jpg) no-repeat 0 0 white;
/*		background:url(images/gold-normal.jpg) no-repeat 0 0 white; */
	color:#fff;
}
#topPanel #headerPanelthird a{width:246px; height:263px; display:block; text-decoration:none; }
#topPanel #headerPanelthird a:hover{width:246px; height:263px; 
background:url(images/blue-hover.jpg) no-repeat 0 0 white; color:#fff; text-decoration:none;}
#topPanel #headerPanelthird h2{
	display:block;
	width:90px;
	height:27px;
	background:none;
	margin:54px 0 0 93px;
	font:20px/24px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	padding:0;
	position:absolute;
	z-index:1;
	left: -9px;
	top: -6px;
}
#topPanel #headerPanelthird p{
	width:186px;
	display:block;
	font:12px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:absolute;
	top:-7px;
	left:-11px;
	z-index:1;
	padding:0;
	margin:105px 50px 0 38px;
	height: 80px;
}
/* /TOP PANEL*/

/* BODY PANEL MAIN PAGE*/
#bodyPanel{
	width:762px;
	height:600px;
	position:relative;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 149px;
/* font-family: Georgia, "Times New Roman", Times, serif; */
}
#bodyPanel h2{
	background:#fff;
	display:block;
	width:250px;
	height:50px;
	margin:0;
	font-size: 30px;
	/*	font:30px/30px Georgia, "Times New Roman", Times, serif; */
	font-weight:normal;
	padding:4px 0 0 202px;
	color:#eb0000;
}
#bodyPanel p{
   background:url(images/logo_shoulders100.gif) 0 0 no-repeat #fff; 
	margin:0 0 0 54px;
	padding:0 42px 35px 150px;
	color:#0F0F0F;
	font-size: 16px;
	line-height: 24px;
}

#bodyPanel p span{font-weight:bold;}
#bodyPanel p.dotline{background:url(images/dot-line.gif) 0 0 repeat-x #fff; padding:0; margin:0 40px 0 25px; color:#000;}
#bodyPanel p.capstext{
	background:none;
	font:18px/24px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#555555;
	margin-top: 0;
	margin-right: 35px;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 45px;
}
#bodyPanel p.more{height:26px; padding:0; background:none; margin:0;}
#bodyPanel p.more a{width:76px; height:26px; display:block; margin:314px 20px 19px 618px; background:url(images/more.gif) 0 0 no-repeat #fff; color:#555; text-decoration:none; font:15px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 10px; text-transform:uppercase; position:absolute; top:0px; right:0px;}
#bodyPanel p.more a:hover{background:url(images/more.gif) 0 0 no-repeat #fff; color:#216EBD; text-decoration:none;}
#bodyPanel h3{
	background:#fff;
	display:block;
	width:250px;
	height:34px;
	margin:34px 0 12px 0;
	font-size: 30px;
	/*	font:30px/30px Georgia, "Times New Roman", Times, serif;  */
	font-weight:normal;
	padding:0 0 0 20px;
	color:#eb0000;
}
#bodyPanel #testimonial{
	width:283px;
	height:150px;
	display:block;
	background:url(images/testimonial-bg.gif) 0 0 no-repeat #FFF6DB;
	padding:32px 33px 0 148px;
	margin:0 0 0 20px;
/*	color:#786321;*/
}
#bodyPanel #testimonial p{background:none; margin:0; padding:0 0 5px 0;}
#bodyPanel #testimonial p span{color:#786321 !Important; background:#FFFAED !Important;}
#bodyPanel p.moretwo{height:26px; padding:0; background:none; margin:0;}
#bodyPanel p.moretwo a{width:76px; height:26px; display:block; margin:0px 0px 0px 196px; 
	background:url(images/more2.gif) 0 0 no-repeat #FFF5D6; color:#555; text-decoration:none; 
	font-size: 15px;
	line-height: 26px;
/*	font:15px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; */ 
	text-transform:uppercase; padding:0 0 0 10px; top:0px; right:0px;}
#bodyPanel p.moretwo a:hover{background:url(images/more2.gif) 0 0 no-repeat #FFF5D6; color:#216EBD; text-decoration:none;}
#bodyPanel h4{
	background:#fff;
	width:250px;
	height:30px;
	position:absolute;
	top:351px;
	right:1px;
	margin:0;
	font-size: 30px;
	/*	font:30px/30px Georgia, "Times New Roman", Times, serif; */
	font-weight:normal;
	padding:0px;
	color:#eb0000;
}
#bodyPanel ul{
	width:251px;
	display:block;
	position:absolute;
	right:0px;
	top:399px;
}
#bodyPanel ul li{
	font-weight:normal;
	background:url(images/symbol2.gif) 0 8px no-repeat;
	padding:0 0 0 30px;
/*	font-family: Arial, Helvetica, sans-serif; */
	font-size: 14px;
	line-height: 25px;
}
#bodyPanel ul span{ background:url(images/dot-line.gif) repeat-x 0 100%; height:25px; display:block;}

/* BODY PANEL FIXED LENGTH OTHER PAGEs*/
#bodyPanel1{
	width:762px;
	height:500px;
	position:relative;
	margin:0 auto;
	padding:0;
	margin-left: 149px;
/*	font-family: Georgia, "Times New Roman", Times, serif; */
	}
#bodyPanel1 h2{
	background:#fff;
	display:block;
	width:auto;
	height:50px;
	margin:0;
	font-size:30px;
	font-weight:normal;
	padding:4px 0 0 202px;
	color:#eb0000;
}
#bodyPanel1 p{
	color:#0F0F0F;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 54px;
	padding-top: 0;
	padding-right: 42px;
	padding-bottom: 20px;
	padding-left: 150px;
	
	font-size: 16px;
	font-style: normal;
	line-height: 30px;
}
#bodyPanel1 p span{font-weight:bold;}


#bodyPanel1 h3{
	background:#fff;
	display:block;
	width:auto;
	height:34px;
	font-weight:normal;
	color:#eb0000;
	
	font-size: 24px;
	line-height: 30px;
	margin-top: auto;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 202px;
}
#bodyPanel1 h4{
	background:#fff;
	display:block;
	width:auto;
	height:auto;
	font-weight:bold;
/*	color:#eb0000; */
	color:black;

	font-size: 16px;
	line-height: 20px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 202px;
}
#bodyPanel1 #sidepanel{
	width:113px;
	height:139px;
	display:block;
	background: white;
	color:#666666;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 32px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 10px;
	position: absolute;
	top: 26px;
	left: 5px;
}
#bodyPanel1 #sidepanel p{background:none; margin:0; padding:0 0 5px 0;}
#bodyPanel1 #sidepanel p span{color:#786321 !Important; background:#FFFAED !Important;}

#bodyPanel1 h5{
	background:#fff;
	width:250px;
	height:30px;
	position:absolute;
	top:307px;
	right:0px;
	margin:0;
/*	font:30px/30px Georgia, "Times New Roman", Times, serif; */
	font-weight:normal;
	padding:0px;
	color:#eb0000;
}
#bodyPanel1 ul{
	width:550px;
	display:block;
	position:relative;
	right:auto;
	top:auto;
	left: 202px;
	height: 30px;
}
#bodyPanel1 ul li{
	font-size:14px;
	line-height: 25px;
	/*	font:12px/25px Arial, Helvetica, sans-serif; */
	font-weight:normal;
	background:url(images/symbol2.gif) 0 8px no-repeat;
	padding:0 0 0 30px;
}
#bodyPanel1 ul span{ background:url(images/dot-line.gif) repeat-x 0 100%; height:25px; display:block;}

/* BODY PANEL VARIABLE LENGTH OTHER PAGEs*/
#bodyPanel2{
	width:762px;
	height:auto;
	position:relative;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 149px;
/*	font-family: Georgia, "Times New Roman", Times, serif;*/
}
#bodyPanel2 h2{
	background:#fff;
	display:block;
	width:auto;
	height:50px;
	margin:0;
	font-size:30px;
	font-weight:normal;
	padding:4px 0 0 202px;
	color:#eb0000;
}
#bodyPanel2 #agile{
	background:url(images/notebook-black-normal100.jpg) 10% 20% no-repeat #fff; 
	}
#bodyPanel2 #legacy{
	background:url(images/world-red-normal100.jpg) 10% 20% no-repeat #fff; 
	}
#bodyPanel2 #reengineering{
	background:url(images/tool-blue-normal100.jpg) 10% 20% no-repeat #fff; 
	}
#bodyPanel1 #logo{
	background:url(images/logo_shoulders100.gif) 10% 20% no-repeat #fff; 
	}	
#bodyPanel2 #logo{
	background:url(images/logo_shoulders100.gif) 10% 20% no-repeat #fff; 
	}	
#bodyPanel2 p{

	color:#0F0F0F;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 54px;
	padding-top: 0;
	padding-right: 42px;
	padding-bottom: 20px;
	padding-left: 150px;
	
	font-size: 16px;
	line-height: 24px;
}
#bodyPanel2 p span{font-weight:bold;}


#bodyPanel2 h3{
	background:#fff;
	display:block;
	width:auto;
	height:34px;
	font-weight:normal;
	color:black;
	
	font-size: 24px;
	line-height: 30px;
	margin-top: auto;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 202px;
}
#bodyPanel2 h4{
	background:#fff;
	display:block;
	width:auto;
	height:auto;
	font-weight:bold;
	color:#eb0000;
	
	font-size: 16px;
	line-height: 20px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 202px;
}
#bodyPanel2 #sidepanel{
	width:131px;
	height:225px;
	display:block;
	background: 0 0 no-repeat #FFF6DB;
	color:#786321;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 32px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 24px;
	position: absolute;
	top: 57px;
}
#bodyPanel2 #sidepanel p{background:none; margin:0; padding:0 0 5px 0;}
#bodyPanel2 #sidepanel p span{color:#786321 !Important; background:#FFFAED !Important;}


#bodyPanel2 ul{
	width:auto;
	display:block;
	position:relative;
	right:auto;
	top:auto;
	left: 202px;
	height: 30px;
}
#bodyPanel2 ul li{
	font-size:12px;
	line-height:25px;
/*	font:12px/25px Arial, Helvetica, sans-serif; */
	font-weight:normal; background:url(images/symbol2.gif) 0 8px no-repeat; padding:0 0 0 30px;}
#bodyPanel2 ul span{ background:url(images/dot-line.gif) repeat-x 0 100%; height:25px; display:block;}

/* FOOTER PANEL*/
#footerPanel{width:100%;  background:#DCDCDC; color:#4C4C4C; font-size:12px;}
#footerbodyPanel{
	width:762px;
	height:133px;
	position:relative;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 149px;
}
#footerPanel ul{
	width:418px;
	display:block;
	position:absolute;
	right:141px;
	top:22px;
	height: 16px;
}
#footerPanel li{float:left; 
	font-size:12px;
	line-height:15px;
/*	font:12px/15px Arial, Helvetica, sans-serif; */
	font-weight:normal;
	text-transform:uppercase;
	}
#footerPanel ul li a{padding:0 6px; color:#4C4C4C; background:#DCDCDC; text-decoration:none;}
#footerPanel ul li a:hover{text-decoration:underline;}
#footerPanel ul li a.padl{padding:0 0 0 6px;}
#footerPanel p.copyright{
	display:block;
	position:absolute;
	top:46px;
	right:227px;
	color:#eb0000;
	width: 253px;
	height: 37px;
	padding-left: 40px;
	padding-top:10px;
	background-color: #DCDCDC;
	background-image: url(images/shoulders_sm_logo.gif);
	background-repeat: no-repeat;
	background-position: 0 top;
}
#footerPanel p.webcredit{
	background:#DCDCDC;
	display:block;
	position:absolute;
	top:82px;
	right:284px;
	color:#4C4C4C;
	width: 166px;
	height: 28px;
	
}
#footerhtmlPanel{ width:86px; height:31px; display:block; position:absolute; top:34px; left:29px; margin:0; padding:0;} 
#footerhtmlPanel a{ width:86px; height:31px; display:block; background:url(images/html-img.gif) no-repeat 0 0 #DCDCDC; text-decoration:none; font:14px/31px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2F2F2F; text-transform:uppercase; padding:0 0 0 10px; position:absolute; top:0px; right:0px;}
#footerhtmlPanel a:hover{background:url(images/html-img.gif) no-repeat 0 0 #DCDCDC; color:#216EBD; text-decoration:none; }
#footercssPanel{ width:86px; height:31px; display:block; position:absolute; top:34px; left:115px; margin:0; padding:0;} 
#footercssPanel a{ width:86px; height:31px; display:block; background:url(images/css-img.gif) no-repeat 0 0 #DCDCDC; text-decoration:none; font:14px/31px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2F2F2F; text-transform:uppercase; padding:0 0 0 10px; position:absolute; top:0px; right:0px;}
#footercssPanel a:hover{background:url(images/css-img.gif) no-repeat 0 0 #DCDCDC; color:#216EBD; text-decoration:none; }