/* MAIN LINK COLORS ::::::::::::::::::::::::::::::::::::::::: */
a:link 		{color: #0000ff; background: none; text-decoration: none}
a:visited	{color: #858585; background: none; text-decoration: none}
a:hover		{color: #ff0000; background: none; text-decoration: underline}
a:active 	{color: #ff0000; background: none; text-decoration: none}
/* ========================================================= */

body {
  color: #000000; background: #032030;
  font: normal normal normal 12px/1.4em  verdana, arial, helvetica, sans-serif;
  background-image: url(/images/background-glow.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  padding: 0px;
  margin: 0px;
}

div#position {
		text-decoration: none;
		position: relative;
		left: 130px;
		top: -1010px;
		
}

/*
	body.yellow {
  color: #000000; background: #f5a400;
  font: normal normal normal 12px/1.4em  verdana, arial, helvetica, sans-serif;
  padding: 0px;
  margin: 0px;
}

body.blue {
  color: #4b5e6a; background: #005e94;
  background-image: url(/images/background.gif);
  background-repeat: repeat-x;
  font: normal normal normal 12px/1.4em  verdana, arial, helvetica, sans-serif;
  padding: 0px;
  margin: 0px;
}

*/

sup	{
	vertical-align: 0.5em;
	font-size: 0.7em;
}

.text	{
	line-height: 1.25em;
	padding-left: 24px;
	padding-right: 2em;
	padding-bottom: 10px;
	display: block;
}


a img {
	border: 0px;
}

img.paddingright {
	margin: 5px 0px 0px 10px;
}

img.paddingleft {
	margin: 5px 10px 0px 0px;
}

.ImagePaddingRight	{
	margin: 0px 10px 5px 0px;
}

.ArnotImagePaddingRight	{
	margin: 0px 10px 10px 0px;
}

img.paddingrightborder {
	margin: 5px 0px 0px 10px;
	border: 2px solid #000000;
}

img.paddingleftborder {
	margin: 5px 10px 0px 0px;
	border: 2px solid #000000;
}

ul.floatleft	{ /* used for 2 column ul's */
	width: 500px;
}

ul.floatleft	li	{ /* used for 2 column ul's */
	float: left;
	width: 250px;
}

h1 {
  color: #e68e00; background: none;
	font-size: 24px;
	margin-top: 1em;
	padding: 0px;
}

h2 {
  color: #4b5e6a; background: none;
	font-size: 1.5em;
	letter-spacing:0.01em;
	margin-bottom: 0px;
	padding-bottom: 2px;
	margin-left: 24px;
}

h3 {
  color: #4b5e6a; background: none;
	font-size: 1.125em;
	letter-spacing:0.01em;
	margin-bottom: 0px;
	padding-bottom: 2px;
	margin-left: 24px;
}

h1, h2, h3 {
	font-family: verdana, helvetica, arial, sans-serif;
	font-weight: bold;
}


.address-footer {
	color: #000000; background: none;
	text-align: center;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 15px;
}

.address-contact {
	color: #000000; background: none;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
}

/* 	MENU STYLES WITH HYPERLINK COLOR SETTINGS */

.headermenu {
	font-size: 11px;
	font-weight: normal;
}
a.headermenu:link 		{color: #ffffff; background: none; text-decoration: none}
a.headermenu:visited	{color: #ffffff; background: none; text-decoration: none}
a.headermenu:hover		{color: #7e7961; background: none; text-decoration: none}
a.headermenu:active 	{color: #000000; background: none; text-decoration: none}

.headerselected {
	font-size: 11px;
	font-weight: bold;
}
a.headerselected:link 		{color: #ffffff; background: none; text-decoration: none}
a.headerselected:visited	{color: #ffffff; background: none; text-decoration: none}
a.headerselected:hover		{color: #ffffff; background: none; text-decoration: none}
a.headerselected:active 	{color: #ffffff; background: none; text-decoration: none}

.menu	{
	color: #ffffff; background: none;
	font-size: 12px;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 0px;
}
a.menu:link 		{color: #ffffff; background: none; text-decoration: none}
a.menu:visited	{color: #ffffff; background: none; text-decoration: none}
a.menu:hover		{color: #f5a400; background: none; text-decoration: none}
a.menu:active 	{color: #ffc654; background: none; text-decoration: none}

.menuselected	{
	color: #f5dd8d; background: none;
	font-weight: normal;
	line-height: 14px;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 0px;
}
a.menuselected:link 		{color: #f5dd8d; background: none; text-decoration: none}
a.menuselected:visited	{color: #f5dd8d; background: none; text-decoration: none}
a.menuselected:hover		{color: #f5dd8d; background: none; text-decoration: none}
a.menuselected:active 	{color: #f5dd8d; background: none; text-decoration: none}

.MenuItemSelected	{
	color: #959838; background: none;
	font-weight: bold;
	line-height: 14px;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
}
a.MenuItemSelected:link 		{color: #ffffff; background: none; text-decoration: none}
a.MenuItemSelected:visited	{color: #ffffff; background: none; text-decoration: none}
a.MenuItemSelected:hover		{color: #f5a400; background: none; text-decoration: none}
a.MenuItemSelected:active 	{color: #ffc654; background: none; text-decoration: none}

.MenuItemNotSelected	{
	color: #959838; background: none;
	font-weight: bold;
	line-height: 14px;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
}
a.MenuItemNotSelected:link 		{color: #ffffff; background: none; text-decoration: none}
a.MenuItemNotSelected:visited	{color: #ffffff; background: none; text-decoration: none}
a.MenuItemNotSelected:hover		{color: #7d7ab0; background: none; text-decoration: none}
a.MenuItemNotSelected:active 	{color: #b06732; background: none; text-decoration: none}

.footer {
	text-align: center;
	color: #ffffff;
}

.footermenu {
	font-weight: normal;
}
a.footermenu:link 		{color: #ffffff; background: none; text-decoration: none}
a.footermenu:visited	{color: #ffffff; background: none; text-decoration: none}
a.footermenu:hover		{color: #000000; background: none; text-decoration: none}
a.footermenu:active 	{color: #000000; background: none; text-decoration: none}

.footerselected {
	font-weight: bold;
}
a.footerselected:link 		{color: #ffffff; background: none; text-decoration: none}
a.footerselected:visited	{color: #ffffff; background: none; text-decoration: none}
a.footerselected:hover		{color: #000000; background: none; text-decoration: none}
a.footerselected:active 	{color: #000000; background: none; text-decoration: none}

/* 	end of menu styles with hyperlink color settings */

.submenu	{
	color: #ffffff;
	font-weight: normal;
	font-family: verdana,;
	font-size: 11px;
	padding-top: 5px;
}
a.submenu:link 		{color: #ffffff; background: none; text-decoration: none}
a.submenu:visited	{color: #ffffff; background: none; text-decoration: none}
a.submenu:hover		{color: #ffffff; background: none; text-decoration: none}
a.submenu:active 	{color: #ffffff; background: none; text-decoration: none}

.menubkgd {
  background: #ffffff;;
}

.picborder{
	border: 1px solid #000000;
}

.floatRight	{
	float: right;
	margin: 1em 0 .05em 1em;

}

.floatLeft	{
	float: left;
	margin: 1em 1em .05em 0;
}

.border {
	border: 2px solid #000000;
}

.dottedline	{
	border-bottom: 4px dotted #000000;
}

#frontPageHeader	{
	text-indent: -99999px;
	background-image: url(/images/growYourBusines.jpg);
  background-repeat: no-repeat;
	width: 605px;
	height: 251px;
	margin-left: 30px;
}

div#websitebyDiv	{
	width: 1026px;
	padding: 73px 0px 25px 0px;
	margin: auto;
}

div#websitebyName	{
	color: #ffffff;
	float: right;
	text-align: right;
	width: 25%;
}

.frontcqout {
  background: none; background-image:url(/images/CQ-corner.gif);
  background-repeat: no-repeat;
}

.frontcqover {
  background: none; background-image:url(/images/CQ-corner-blue.gif);
  background-repeat: no-repeat;
}

.insidecqout {
  background: none; background-image:url(/images/CQ-cornerwhite.gif);
  background-repeat: no-repeat;
}

.insidecqover {
  background: none; background-image:url(/images/CQ-corner-gold.gif);
  background-repeat: no-repeat;
}

/* ID PORTFOLIO PAGES CONTENT  */
div#PortfolioFrontLeft	{
	width: 490px;
	padding: 7px 0px 0px 0px;
	position: relative;
	display: block;
}

div#PortfolioFrontRight	{
	width: 445px;
	float: right;
	padding: 0px 0px 0px 20px;
	position: relative;
	
}

.PortfolioFrontText	{
	text-align: justify;
	padding: 10px 10px 10px 10px;
	position: relative;
	display: block;
}

.PortfolioFrontLogoBradford	{
	width: 155px;
	padding: 10px 0px 10px 20px;
	position: relative;
}

.PortfolioFrontLogoChicone	{
	width: 155px;
	padding: 10px 0px 10px 20px;
	position: relative;
}

.PortfolioFrontLogoArnot	{
	width: 155px;
	padding: 10px 0px 10px 20px;
	position: relative;
}

.PortfolioFrontLogoWats	{
	width: 155px;
	padding: 10px 0px 10px 20px;
	position: relative;
}

.PortfolioSubHeader	{
	color: #0d415e;
	font-size: 18px;
	font-weight: 900;
}

.ContactImage	{
	padding: 0px 0px 10px 0px;
}

.WebDesignPhilosophy	{
	float: left;
	color: #0d415e;
	font-size: 22px;
	letter-spacing:0.01em;
	line-height: 24px;
	font-weight: 900;
	width: 160px;
	height: 50px;
}

.PhilosophyText	{
	text-align: justify;
	width: 424px;
}

div#flash	{
	width: 720px;
	padding: 0px 0px 0px 0px;
	position: relative;
}

div#FlashPageMenu	{
	background: #ffffff; background-image:url(/images/Portfolio-Images/Portfolio-Menu-Bg.jpg);
  background-repeat: no-repeat;
	float: right;
	width: 230px;
	height: 540px;
	line-height: 1.4em;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}

div#PortfolioMenu	{
	padding: 21px 0px 0px 86px;
}

div#PortfolioMenuItem	{
	padding: 0px 0px 10px 0px;
}

div#PortfolioMenuCQ	{
	padding: 10px 0px 0px 74px;
}

.Bradfordout	{
	background-image:url(/images/Portfolio-Images/Bradford-Off-Menu.jpg);
  background-repeat: no-repeat;
}

.Bradfordover	{
	background-image:url(/images/Portfolio-Images/Bradford-On-Menu.jpg);
  background-repeat: no-repeat;
}

.Chiconeout	{
	background-image:url(/images/Portfolio-Images/Chicone-Off-Menu.jpg);
  background-repeat: no-repeat;
}

.Chiconeover	{
	background-image:url(/images/Portfolio-Images/Chicone-On-Menu.jpg);
  background-repeat: no-repeat;
}

.Arnotout	{
	background-image:url(/images/Portfolio-Images/Arnot-Off-Menu.jpg);
  background-repeat: no-repeat;
}

.Arnotover	{
	background-image:url(/images/Portfolio-Images/Arnot-On-Menu.jpg);
  background-repeat: no-repeat;
}

.WATSout	{
	background-image:url(/images/Portfolio-Images/WATS-Off-Menu.jpg);
  background-repeat: no-repeat;
}

.WATSover	{
	background-image:url(/images/Portfolio-Images/WATS-On-Menu.jpg);
  background-repeat: no-repeat;
}

a.cqLogoHover :hover {
  background: #006699;
}

#ContentWrapper	{
	padding-bottom: 100px;
	display: table;
	position: relative;
}


#ContentFloatRight	{
	float: right;
	width: 730px;
	padding-left: 20px;
	display: block;
	position: relative;
}

#QuoteBox	{
	background-image: url(/images/quote_bg.jpg);
	background-repeat: no-repeat;
	padding-top: 40px;
	float: left;
	width: 200px;
	display: block;
	position: relative;
}

#FormFloatRight	{
	float: right;
	width: 730px;
	padding-left: 20px;
	display: block;
	position: relative;
}

#QuoteBoxFooter	{
	padding-top: 40px;
	float: left;
	width: 200px;
	display: block;
	position: relative;
}

.NoteColor	{
	color: #ff0000;
}

.Employment	{
	width: 600px;
	display: block;
}