/**************************************************/
/* Author: Lee Averbeck, Scope Interactive        */
/**************************************************/

/**********************************************/
/* HTML5 Elements rule for older browsers     */
/**********************************************/

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

body {
  background: #ffffff;
  margin: 0px 0px 0px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  }

h1 {
	margin: 10px 0px 10px 0px;
	font-size: 18px;
  line-height: 24px;
	text-transform: capitalize;
	color: #ff5a00;
  letter-spacing: 2px;
	}
h1.hang {
	margin: 10px 0px 5px 220px;
	font-size: 13pt;
	font-style: italic;
	text-transform: uppercase;
	text-indent: -220px;
	color: #ff5a00;
	}

h2 {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #032366;
  letter-spacing: 1px;
	}

h3 {
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #7fc241;
  letter-spacing: 1px;
	}

h4 {
	color: #5585d7;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
  letter-spacing: 1px;
	}

h5 {
	margin: 0px 0px 10px 0px;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	}

p {
  margin: 0px 0px 10px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  }

img.iconlink {
  float: right;
  border: 0px;
  margin: 0px 260px 10px 10px;
  padding: 0px;
  }

  br.clr {
  clear: both;
  }


/**************************************************/
/* Layout styles                                  */
/**************************************************/

#enclose {
  width: 975px;
  background: #ffffff;
  margin: 0px auto 20px auto;
	}

#topmenu {
	padding: 60px 0px 30px 200px;
	background: url('images/Logo4.gif') #ffffff no-repeat 0px 0px;
	}

#topmenu a {
  font-size: 13px;
  color: #ffffff;
  line-height: 36px;
  text-decoration: none;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  width: 115px;
  height: 40px;
  float: left;
  text-align: center;
  background-color: #7fc241;
  }
#topmenu a:hover {
  color: #000000;
  }
#topmenu a#HomeLink {
  background-color: #ff5a00;
  }
#topmenu a#AboutLink {
  background-color: #b4c8e7;
  }
#topmenu a#SolutionsLink {
  background-color: #cbdb2a;
  }
#topmenu a#ContactLink {
  background-color: #5585d7;
  }
#topmenu a#NewsLink {
  background-color: #5c2e91;
  }
#topmenu a#NewsLink:hover {
  color: #b4c8e7;
  }
#topmenu a#ChangeLink {
  color: #000000;
  margin: 0 0 0 0;
  padding: 0px 0 0 0;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  font-weight: bold;
  width: 65px;
  height: 40px;
  float: left;
  text-align: center;
  background-color: #efefef;
  }
#topmenu a#ChangeLink:hover {
  color: #5585d7;
  }


#HomeText {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 395px;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	}

#maintextsub {
	margin: 20px 0px 0px 180px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	color: #000000;
	}

#MainHome {
  border-top: 10px solid #ff5a00;
  border-bottom: 10px solid #ff5a00;
  clear: both;
  margin: 0px 0px 0px 0px;
  padding: 15px 15px 15px 15px;
  }

#MGhome {
  margin: 0px 0px 0px 0px;
  padding: 0px ;
  float: left;
  width: 530px;
  }

#MGhome img {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: block;
	}


#FeaProj {
  background: #e9eeae;
  margin: 15px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  float: left;
  width: 530px;
  }
#FeaProj img {
	margin: 15px 30px 15px 15px;
	padding: 0px;
	float: left;
	border: 1px solid #000000;
	}
#FeaProj h1 {
  margin: 10px 0px 0px 0px;
  font-size: 13px;
  line-height: 18px;
  text-transform: none;
  color: #6e6d65;
  letter-spacing: 0px;
  }
#FeaProj p {
  margin: 20px 10px 0px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #000000;
  font-weight: bold;
  }
#FeaProj a {
  font-size: 11px;
  line-height: 18px;
  font-weight: bold;
  color: #70751d;
  text-decoration: underline;
  display: block;
  margin: 0px 0px 0px 0px;
  }
#FeaProj a:hover {
	color: #032366;
  text-decoration: none;
	}

#EncNews {
  clear: both;
  background: #e1eaf7 url(images/News4back.jpg) repeat-y top right;
  margin: 15px 0 0 0;
  padding: 5px 10px 10px 10px;
  }

#news {
  width: 275px;
  margin: 10px auto 10px auto;
  font-size: 12px;
  line-height: 16pt;
  color: #000000;
  background: #b4c8e7;
  }
#news h1 {
	font-family: "Arial Narrow", Arial, Helvetica, Sans-serif;
	margin: 10px 10px 10px 10px;
	font-size: 28px;
	line-height: 30px;
	text-transform: uppercase;
	color: #5c2e91;
	text-indent: 0px;
  text-align: center;
	}
#news p {
  margin: 5px 10px 5px 10px;
  color: #000000;
  font-size: 13px;
  line-height: 16px;
  }
#news img {
  margin: 0px 0px 0px 5px;
  }

#news a {
  color: #5585d7;
  font-weight: bold;
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
  text-decoration: none;
  margin: 0px 10px 0px 10px;
  text-decoration: underline;
  }
#news a:hover {
  text-decoration: none;
	}

#news ul {
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 13pt;
	}

#news ul li {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 20px;
	list-style-type: none;
	background: url('images/greyarrow.gif') no-repeat 0 .5em;
	}


#headersub {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }

#workpagecontent {
  border-top: 10px solid #7fc241;
  border-bottom: 10px solid #7fc241;
  clear: both;
  margin: 0px 0px 0px 0px;
  padding: 15px 15px 15px 15px;
  }

#aboutpagecontent {
  border-top: 10px solid #b4c8e7;
  border-bottom: 10px solid #b4c8e7;
  clear: both;
  margin: 0px 0px 0px 0px;
  padding: 15px 15px 15px 15px;
  }

#solutionspagecontent {
  border-top: 10px solid #cbdb2a;
  border-bottom: 10px solid #cbdb2a;
  clear: both;
  margin: 0px 0px 0px 0px;
  padding: 15px 15px 15px 15px;
  }

#searchpagecontent {
  border-top: 10px solid #5c2e91;
  border-bottom: 10px solid #5c2e91;
  clear: both;
  margin: 0px 0px 0px 0px;
  padding: 15px 15px 15px 15px;
  }

#contactpagecontent {
  border-top: 10px solid #5585d7;
  border-bottom: 10px solid #5585d7;
  clear: both;
  margin: 0px 0px 0px 0px;
  padding: 15px 15px 15px 15px;
  }

#interactive {
	margin: 0px 0px 20px 0px;
  clear: both;
	}

#interactivefeat {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	width: 395px;
	background: #b4c8e7;
	font-size: 9pt;
	line-height: 13pt;
	float: left;
  height: 175px;
	}

#interactivefeat img {
	margin: 10px 10px 10px 0px;
	float: left;
	}

#interactivefeat a { color: #5c2e91; }
#interactivefeat a:hover{ color: #ff5a00; text-decoration: none;}

#interactivelinks {
	float: left;
	width: 530px;
	padding: 0px 0px 0px 0px;
	background: #5585d7;
	font-size: 9pt;
	line-height: 15pt;
  height: 175px;
	}
#interactivelinks h3 {
  margin: 10px 0px 10px 10px;
  font-size: 10pt;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  }

#interactivelinks ul {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	}

#interactivelinks ul li {
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
  float: left;
  width: 250px;
	}

#interactivelinks a { color: #b4c8e7; text-decoration: underline;}
#interactivelinks a:hover{ color: #ffffff; text-decoration: none;}

#marketingcommunications {
	margin: 0px 0px 20px 0px;
  clear: both;
	}
#marketingcommunications h4 {
  padding: 20px 0 0 0;
	}

#marketingcommunicationsfeat {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: #b4c8e7;
	width: 395px;
	font-size: 9pt;
	line-height: 13pt;
	float: left;
  height: 175px;
	}

#marketingcommunicationsfeat a { color: #5c2e91; text-decoration: underline;}
#marketingcommunicationsfeat a:hover{ color: #ff5a00; text-decoration: none;}

#marketingcommunicationsfeat img {
	margin: 10px 10px 10px 0px;
	float: left;
	}

#marketingcommunicationslinks {
	float: left;
	background: #5585d7;
	width: 540px;
	padding: 0px 0px 0px 0px;
	font-size: 9pt;
	line-height: 15pt;
  height: 175px;
	}
#marketingcommunicationslinks h3 {
  margin: 10px 0px 10px 10px;
  font-size: 10pt;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  }

#marketingcommunicationslinks ul {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	}

#marketingcommunicationslinks ul li {
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
  float: left;
  width: 250px;
	}

#marketingcommunicationslinks a { color: #b4c8e7; text-decoration: underline;}
#marketingcommunicationslinks a:hover{ color: #ffffff; text-decoration: none;}

#mediacommunications {
	margin: 0px 0px 20px 0px;
  clear: both;
	}
#mediacommunications h4 {
  padding: 20px 0 0 0;
	}

#mediacommunicationsfeat {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: #b4c8e7;
	width: 395px;
	font-size: 9pt;
	line-height: 13pt;
	float: left;
  height: 175px;
	}

#mediacommunicationsfeat a { color: #5c2e91; text-decoration: underline;}
#mediacommunicationsfeat a:hover{ color: #ff5a00; text-decoration: none;}

#mediacommunicationsfeat img {
	margin: 10px 10px 10px 0px;
	float: left;
	}

#mediacommunicationslinks {
	float: left;
	background: #5585d7;
	width: 540px;
	padding: 0px 0px 0px 0px;
	font-size: 9pt;
	line-height: 15pt;
  height: 175px;
	}
#mediacommunicationslinks h3 {
  margin: 10px 0px 10px 10px;
  font-size: 10pt;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  }

#mediacommunicationslinks ul {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	}

#mediacommunicationslinks ul li {
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
  float: left;
  width: 250px;
	}

#mediacommunicationslinks a { color: #b4c8e7; text-decoration: underline;}
#mediacommunicationslinks a:hover{ color: #ffffff; text-decoration: none;}

img.feature {
	margin: 10px 15px 25px 0px;
	float: left;
	}

#summarybox {
	margin: 20px 15px 10px 0px;
	padding: 5px 5px 5px 5px;
	background: #e9eeae;
	width: 240px;
	float: left;
	font-size: 8pt;
	font-weight: bold;
	line-height: 15pt;
	color: #000000;
	clear: left;
	}
.coname {
	font-weight: normal;
	color: #4f552a;
	}

#CustQuote {
  background: #c8d9f4;
  clear: right;
  border: 2px solid #004ebc;
  -moz-border-radius: 15px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  margin: 20px 30px 20px 300px;
  padding: 15px 30px 20px 30px;
  font-size: 18px;
  line-height: 30px;
  font-style: italic;
  }
#CustQuote h1 {
	margin: 0 0 10px 0;
	font-size: 14px;
  line-height: 14px;
	text-transform: capitalize;
	color: #032366;
  letter-spacing: 1px;
	}

.Paragraph {
  margin: 0px 0px 0px 275px;
  }


#bottomtext {
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 20px 0px;
  font-size: 11px;
  color: #000000;
  text-align: center;
  clear: both;
  }

.ScopeTxt {
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: #ff5a00;
  }

.bold {
	font-weight: bold;
  font-size: larger;
	}

.bold2 {
	font-weight: bold;
	}

a:link { color: #032366; }
a:visited { color: #5585d7; }
a:hover{ color: #ff5a00; }


a.work:link { color: #ffffff;}
a.work:hover { color: #ffffff; text-decoration: none; }

#ColRight {
  float: right;
  width: 380px;
  margin: 0 0 20px 20px;
  border-left: 5px solid #cbdb2a;
  border-bottom: 5px solid #cbdb2a;
  }

#Slinks {
  margin: 0 0 0 0;
  }
#Slinks a:link {
  display: block;
  margin: 0 0 10px 50px;
  color: #4a2f7c;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  text-indent: -40px;
  }
#Slinks a:visited { color: #4a2f7c; }
#Slinks a:hover{ color: #0119f5; text-decoration: underline;}

#Feature {
  margin: 20px 0 10px 0;
  }
#Feature img {
  display: block;
  margin: 0 0 10px 0;
  border: 0;
}


/* ********************************************* */
/* Form Stuff                                    */
/* ********************************************* */

form {
  margin: 0px 0px 0px 0px;
  }

label {
  color: #000000;
  float: left;
  width: 150px;
  text-align: right;
  margin: 0px 10px 0px 0px;
  }

input {
  margin: 0px 0px 5px 0px;
  }

select {
  margin: 0px 0px 5px 0px;
  }

.ButtonPane {
  margin: 0px 0px 0px 160px;
  }
.cboxes {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
  }
.cboxes input {
  float: left;
  }

textarea {
 background: #ffffff;
  }

#ContactForm {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }

.gform {
  background: #b4c8e7;
  margin: 0px 0 0px 0;
  padding: 10px 0px 10px 0px;
  width: 600px;
  border: 1px solid #032366;
  }
#ContInfo {
  float: right;
  width: 250px;
  background: #f4c867;
  margin: 55px 0 10px 0;
  border: 5px solid #5585d7;
  min-height: 300px;
  }
#ContInfo img {
  display: block;
  margin: 10px auto 20px auto;
  border: 0;
  }
#ContInfo p {
  margin: 10px 10px 10px 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  }


/**********************************************/
/* Drop Downs                                 */
/**********************************************/

.menu {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
  color: #c0c0c0;
	font-size: 10px;
	line-height: 18px;
	}

.menu .options {
	margin-right: 1px;
	margin-bottom: 1px;
	border: 0px;
  background-color: #3c3c3c;
	}

.menu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
  color: #ffffff;
	font-size: 11px;
	display: block;
	padding: 2px 10px;
	text-decoration: none;
	background-color: transparent;
	border-bottom: 1px solid #e1eaf7;
	}

.menu a:hover {
  background-color: #e1eaf7;
  color: #000000;
	}
.mcont {
  float: left;
  }


/**********************************************/
/* SWDL Classes                               */
/**********************************************/

.AddEditView {
  margin: 0px;
  padding: 0px;
  }
.AddEditView label {
  float: left;
  text-align: right;
  width: 120px;
  margin: 0px 5px 0px 0px;
  padding: 0px;
  color: #000000;
  }
.AddEditView input {
  color: #000000;
  }
.AddEditView input.Button {
  margin: 0px 0px 0px 10px;
  padding: 0px;
  }
.AddEditView input.boxes {
  margin: 10px 5px 0px 0px;
  padding: 0px;
  float: left;
  display: inline;
  }
.AddEditView label.boxes {
  margin: 3px 10px 0px 0px;
  padding: 0px;
  width: 200px;
  float: left;
  line-height: 30px;
  text-align: right;
  }
.AddEditView textarea {
 background: #ffffff;
  }

.UserAddEditView {
  margin: 0px;
  padding: 0px;
  }
.UserAddEditView label {
  float: left;
  text-align: right;
  width: 120px;
  margin: 0px 5px 0px 0px;
  padding: 0px;
  color: #000000;
  }
.UserAddEditView input {
  color: #000000;
  }
.UserAddEditView input.Button {
  margin: 0px 0px 0px 10px;
  padding: 0px;
  }
.UserAddEditView input.boxes {
  margin: 10px 5px 0px 0px;
  padding: 0px;
  float: left;
  display: inline;
  }
.UserAddEditView label.boxes {
  margin: 3px 10px 0px 0px;
  padding: 0px;
  width: 115px;
  float: left;
  line-height: 30px;
  text-align: right;
  }

.rtebox {
 background: #ffffff;
  }

/**********************************************/
/* Carousel Styles                            */
/**********************************************/

#carousel1 {
  width: 800px;
  height: 400px;
  background: #000;
  margin: 0 auto;
  overflow: scroll;
  position: relative;
  }

#title-text {
  font-size: 12px;
  line-height: 18px;
  color: #b3c7e7;
  font-weight: bold;
  margin: 10px 0 0 10px;
  }

#alt-text {
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
  margin: 0 0 0 10px;
  }

#left-but {
  position: absolute;
  right: 50px;
  top: 10px;
  background: #b3c7e7;
  color: #032366;
  height: 30px;
  width: 30px;
  font-size: 30px;
  line-height: 26px;
  font-weight: bold;
  -moz-border-radius: 15px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  cursor: pointer;
  cursor: hand;
  }
#left-but:hover {
  background: #ed1a3b;
  color: #66071f;
  }

#right-but {
  position: absolute;
  right: 10px;
  top: 10px;
  background: #b3c7e7;
  color: #032366;
  height: 30px;
  width: 30px;
  font-size: 30px;
  line-height: 26px;
  font-weight: bold;
  text-align: right;
  -moz-border-radius: 15px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  cursor: pointer;
  cursor: hand;
  }
#right-but:hover {
  background: #ed1a3b;
  color: #66071f;
  }