/* CSS Document - Master_v.2 */

/* Macro Styles */
body  {
	margin : 0;
	border : 0;
	padding : 0;
	background-color : #fff;
}

a:link  {
	text-decoration : none;
	color : #354f68;
}

a:hover {color : #d38920;} 
 
a:visited {
	text-decoration : none;
	color: #354f68;
}

/* Container Block */
div#container {
	position : relative;
	z-index : 1;
	top : 0;
	left : 0;
}

/* Top Navigation Bar */
#topbar  {
	position : absolute;
	z-index : 3;
	top : 65px;
	left : 433px;
	margin : 0;
	padding : 0;
}

div#topbar ul  {
	list-style-type : none;
	font : 12px helvetica, sans-serif;
	color : #9a9a9a;
	margin : 0;
	padding : 0;
}

div#topbar ul li  {
	display : inline;
	border-right : 1px groove #4a4a4a;
	padding : 0 0.75em;
	margin : 0;
}

div#topbar ul li.index  {
	margin : 0;
	padding : 0 0.75em 0 0;
	color : #d38920;
}

div#topbar ul li.hello  {
	margin : 0;
	border-style : none;
}

div#topbar ul li a:link {color : #9a9a9a;} 

div#topbar ul li a:visited {color : #9a9a9a;} 

div#topbar ul li a:hover {color : #354f68;}

/* Communcations Panel */
div#panel {
	position : absolute;
	z-index : 2;
	top : 112px;
	left : 537px;
	width : 170px;
	font : 11px verdana, sans-serif;
	color : #354f68;
	margin : 0;
	padding : 0;
}

div#panel p {
	margin : 0;
	padding : 0;
}

div#panel img {
	float : left;
	border : 1px solid #d3d3d3;
	padding : 4px 4px;
	margin: 0 1em 0.25em 0;
} 

/* Tabbed Section */
#tabbed {
	position : absolute;
	top : 135px;
	left : 0;
}

div#tabbed ul {
	list-style-type : none;
	font : 13px helvetica, sans-serif;
}

div#tabbed ul li {display : inline;}

#myIndex {
	position : absolute;
	z-index : 4;
	top : 16px;
	left : 110px;
	visibility : hidden;
	}

#myIndexRight {
	position : absolute; 
	z-index : 4; 
	top : 16px;
	left : 115px;
	visibility : hidden;
}

#myProfile {
	position : absolute;
	z-index : 4;
	top : 16px;
	left : 215px;
}

#myProfileLeft {
	position : absolute;
	z-index : 4;
	top : 16px;
	left : 211px;
	visibility : hidden;
}

#myProducts {
	position : absolute;
	z-index : 4;
	top : 16px;
	left : 307px;
}

#myServices {
	position : absolute;
	z-index : 4;
	top : 16px;
	left : 415px;
}

#snapImage {
	position : absolute;
	top : 0px;
	left : 0px;
	z-index : 3;
	visibility : visible;
	}

#snapProfile {
	position : absolute;
	top : 0px;
	left : 0px;
	z-index : 3;
	visibility : hidden;
	}

#snapProducts {
	position : absolute;
	top : 0px;
	left : 0px;
	z-index : 3;
	visibility : hidden;
}

#snapServices {
	position : absolute;
	top : 0px;
	left : 0px;
	z-index : 3;
	visibility : hidden;
	}

div#tabbed ul li a:hover {color : #000;}

/* Welcome Section: Index Tab */
#indexHello {
	position : absolute;
	z-index : 5;
	top : 60px;
	left : 105px;
	width : 230px;
	color : #ddd7bb;
	font : 12px georgia, sans-serif;
	line-height : 1.5em;
	margin : 0;
	visibility : visible;
}

#indexHello span.second {
	width : 200px;
	display : block;
	margin-top : 17px;
}

#indexHello span img {
	float : left;
	margin-right : 0.75em;
}

/* Welcome Section: Profile Tab */
#profileHello {
position : absolute;
	z-index : 5;
	top : 60px;
	left : 105px;
	width : 230px;
	color : #ddd7bb;
	font : 12px georgia, sans-serif;
	line-height : 1.5em;
	margin : 0;
	visibility : hidden;
}

#profileHello td {
	font-weight : bold;
	font-size : 12px;
	font-face : georgia, sans-serif;
	color: #d38920;
}

#profileHello td span {
	font-weight : normal;
	display : block;
	margin-bottom : 14px;
	color : #ddd7bb;
}

/* Welcome Section: Products Tab */
#productsHello {
	position : absolute;
	z-index : 5;
	top : 60px;
	left : 105px;
	width : 230px;
	color : #ddd7bb;
	font : 12px georgia, sans-serif;
	line-height : 1.5em;
	margin : 0;
	visibility : hidden;
}

#productsHello td {
	font-weight : bold;
	font-size : 12px;
	font-face : georgia, sans-serif;
	color: #d38920;
}

#productsHello td span {
	font-weight : normal;
	line-height : 1.5em;
	display : block;
	margin-bottom : 14px;
	color : #ddd7bb;
}

#productsHello td span.indent {
	margin-left : -5px;
}
#productsHello td span.thin {width : 200px;}

/* Welcome Section: Services Tab */
#servicesHello {
	position : absolute;
	z-index : 5;
	top : 60px;
	left : 105px;
	width : 230px;
	color : #ddd7bb;
	font : 12px georgia, sans-serif;
	line-height : 1.5em;
	margin : 0;
	visibility : hidden;
}

#servicesHello td {
	font-weight : bold;
	font-size : 12px;
	font-face : georgia, sans-serif;
	color: #d38920;
}

#servicesHello td span {
	font-weight : normal;
	display : block;
	margin-bottom : 7px;
	color : #ddd7bb;
}

#servicesHello td span.indent {
	margin-left : -5px;
}

/* Post-It Note Section: Profile Tab */
#profilePost {
	position : absolute;
	z-index : 5;
	top : 72px;
	left : 407px;
	width : 284px;
	font : 12px georgia, sans-serif;
	color : #354f68;
	visibility : hidden;
}

#profilePost span {
	display : block;
	line-height : 1.6em;
}

#profilePost span.header {font-weight : bold;}

#profilePost span.spacer {margin-top : 10px;} 

#profilePost span.learn {
	margin: 280px 0 0 150px;
	font-weight : bold;
}  

#profilePost span.learn a:hover {color : #d38920;} 

/* Post-It Note Section: Products Tab */
#productsPost {
	position : absolute;
	z-index : 5;
	top : 72px;
	left : 407px;
	width : 284px;
	font : 12px georgia, sans-serif;
	color : #354f68;
	visibility : hidden;
}

#productsPost span {
	display : block;
	line-height : 1.6em;
}

#productsPost span.header {font-weight : bold;}

#productsPost span.spacer {margin-top : 10px;} 

#productsPost span.learn {
	margin : 280px 0 0 150px;
	font-weight : bold;
}  

#productsPost span.learn a:hover {color : #d38920;}

/* Post-It Note Section: Services Tab */
#servicesPost {
	position : absolute;
	z-index : 5;
	top : 72px;
	left : 407px;
	width : 284px;
	font : 12px georgia, sans-serif;
	color : #354f68;
	visibility : hidden;
}

#servicesPost span {
	display : block;
	line-height : 1.6em;
}

#servicesPost span.header {font-weight : bold;}

#servicesPost span.spacer {margin-top : 10px;} 

#servicesPost span.learn {
	margin: 280px 0 0 150px;
	font-weight : bold;
}  

#servicesPost span.learn a:hover {color : #d38920;}

/* Gray Message Area: Index Tab */
#indexGray {
	position : absolute; 
	z-index : 5; 
	top : 355px;
	left : 93px;
	color : #354f68;
	font : 10px verdana, sans-serif; 
	font-weight : bold;
	width : 450px;
	visibility : visible;
}

#indexGray span {
	display : block;
	margin-top : 9px;
} 

#indexGray span.qblog {width : 400px;}

#indexGray span span {margin: 2px 0 0 10px;}

#indexGray span img {
	display : block;
	margin-bottom : 4px;
}

#indexGray span a:hover {color : #d38920;}

/* Gray Message Area: Profile Tab */
#profileGray {
	position : absolute; 
	z-index : 5; 
	top : 355px;
	left : 93px;
	color : #354f68;
	font : 11px verdana, sans-serif; 
	width : 450px;
	visibility : hidden;
}

#profileGray span {
	display : block;
	margin-top : 9px;
} 

#profileGray span.qblog {width : 400px;}

#profileGray span span {margin: 2px 0 0 10px;}

#profileGray span img {
	display : block;
	margin-bottom : 4px;
}

#profileGray tr td span {
	margin: 0 20px 0 5px;
	color : #354f68;
	font : 11px verdana, sans-serif; 
}

#profileGray tr td span a:hover {color : #d38920;}

#profileGray tr td span.strong {font-weight : bold;}

/* Gray Message Area: Products Tab */
#productsGray {
	position : absolute; 
	z-index : 5; 
	top : 355px;
	left : 93px;
	color : #354f68;
	font : 11px verdana, sans-serif; 
	width : 450px;
	visibility : hidden;
}

#productsGray span {
	display : block;
	margin-top : 9px;
} 

#productsGray span.qblog {width : 400px;}

#productsGray span span {margin: 2px 0 0 10px;}

#productsGray span img {
	display : block;
	margin-bottom : 4px;
}

/* Gray Message Area: Services Tab */
#servicesGray {
	position : absolute; 
	z-index : 5; 
	top : 355px;
	left : 93px;
	color : #354f68;
	font : 10px verdana, sans-serif; 
	font-weight : bold;
	width : 450px;
	visibility : hidden;
}

#servicesGray span {
	display : block;
	margin-top : 9px;
} 

#servicesGray span.qblog {width : 400px;}

#servicesGray span span {margin: 2px 0 0 10px;}

#servicesGray span img {
	display : block;
	margin-bottom : 4px;
}

#servicesGray span a:hover {color : #d38920;}

/* Bottom Section - Copyright and Site Map Link */
div#bottomLinks {
	width : 720px;
	position : absolute;
	z-index : 2;
	top : 505px;
	left : 0;
	font : 12px helvetica, sans-serif;
	text-align : right;
	color : #354f68;
}

div#bottomLinks ul {
	display : inline;
	list-style-type : none;
	}

div#bottomLinks ul li {
	display : inline;
	border-right : 1px groove #354f68;
	font : 12px helvetica, sans-serif;
	padding : 0 0.5em;
	margin : 0;
}

div#bottomLinks ul li.border {border-right : none;}
 
div#bottomLinks ul li a:hover {color : #d38920;} 

div#bottomLinks span.copy {
	margin-top : 3px;
	margin-right : 6px;
	margin-bottom : 15px;
	display : block;
	color : #9a9a9a;
}

div#bottomLinks span a:link {font-weight : bold;}

div#bottomLinks span a:hover {
	color : #d38920;
	text-decoration : underline;
}