/* Global */

body { font-size: 60.5%; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }


/* Font-Face */


@font-face {
	font-family: 'CenturyGothicBold';
	src: url('../fonts/gothicb-webfont.eot');
	src: local('?'), url('gothicb-webfont.woff') format('woff'), url('../fonts/gothicb-webfont.ttf') format('truetype'), url('../fonts/gothicb-webfont.svg#webfontoZjkpyF2') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Links */

a.jump-button { background: transparent url('../img/bg-jump-button.gif') no-repeat scroll top right; color: #FFF; float: left; font-weight: bold; font-size: 1.2em; height: 27px; margin:6px 6px 0 0; padding-right: 25px;text-decoration: none;}
a.jump-button span { background: transparent url('../img/bg-jump-button-span.gif') no-repeat; display: block; line-height: 20px;  padding: 2px 0 5px 18px;} 
a.arrow{ background:transparent url('../img/more-arrow.gif') no-repeat right center; padding:.4em 19px .6em 0;}
a.rss{ background:transparent url('../img/rss.gif') no-repeat right center; padding:.4em 22px .4em 0; color:#FFF!important; text-decoration:none}
.orange {color: #f8931f;}
.blue {color: #0054A1; font-weight:bold;}

/* Structure */

#container { width: 980px; margin: 0 auto; position: relative; }
#menu, #submenu, #breadcrumbs, #content, #footer { float: left; width: 980px; }

/* Header */

#header { position: relative; width: 980px; height: 130px; }
#logo { float:left;}
#logo .dynamicedge-logo { padding:0; width: 300px; height: 95px; background-image: url('../img/logo.gif'); float:left; text-indent:-9999px; outline:none; margin-top:13px}
#contact-info { float:right; padding:0; width: 282px; height: 49px; background-image: url('../img/telephone.gif'); text-indent:-9999px; outline:none; margin-top:40px}
#sub-header { width: 980px; height: 258px; float: left; position:relative; color: #FFF; background: #0052A3 url('../img/sub-header.gif') no-repeat top left;}
#sub-header .switch { width: 300px; height: 218px; margin-left:608px; padding: 22px 25px 0 30px;}
#sub-header .switch h1 { font-size:4.8em; font-family: 'CenturyGothicBold', sans-serif;}
#sub-header .switch p { font-size:1.3em; line-height:1.6;  font-style:italic; margin: 10px 0 15px 0}

/* Top Level Menu */

#menu {position: relative; width:980px; height: 35px; background:#0052A3; }
#menu li {padding:0; margin:0; display:block;float:left; text-indent:-9999px; }
#menu li a {border:0; display:block; text-decoration:none; overflow:hidden; outline:none;}	
#menu li a.active { background-position: left bottom; }
#menu li a:hover{	background-position: left bottom;}	
li#home a { width: 84px; height: 35px; background: url('../img/menu/home.gif') no-repeat; }
li#about a { width: 109px; height: 35px; background: url('../img/menu/about.gif') no-repeat; }
li#solutions a { width: 127px; height: 35px; background: url('../img/menu/solutions.gif') no-repeat; }
li#blog a { width: 87px; height: 35px; background: url('../img/menu/blog.gif') no-repeat; } 
li#people a { width: 128px; height: 35px; background: url('../img/menu/people.gif') no-repeat; }
li#contact a { width: 118px; height: 35px; background: url('../img/menu/contact.gif') no-repeat; }

/* Sub Level Menu */

#submenu { position: relative; width: 980px; height:25px; background:#043A76; }
#submenu ul { width: 980px; padding-top:5px}
#submenu ul li { display: inline; }
#submenu ul li a { color: #FFF; font-weight:bolder; padding: 0px 17px 0 17px; background:url('../img/menu/pipe.gif') no-repeat; font: 1.2em  'Lucida Sans Unicode', 'Lucida Grande', sans-serif; text-decoration:none; outline:none; }
#submenu ul li a.first { background:none!important; }
#submenu ul li a.active { color: #f8931f;}
#submenu ul li a:hover { color: #f8931f;}

/* Home Page Modules */

#modules { position: relative; z-index: 5; width: 980px; height: 550px;}
#module-container { color: #000; position: relative; z-index: 6; width: 980px; height: 550px;  }
.module1, .module2, .module3 { position: absolute; bottom: 0; height: 530px; width: 306px; padding: 0;}
.module1 { left: 0px; }
.module2 { left: 337px; }
.module3 { left: 670px; }
.moduletext,  { position: absolute; top: 0;}
.module1 img, .module2 img, .module3 img { border:none; padding:0; }
#module-container h1 { color:#0054A1; font-size: 2.1em;  font-family: 'CenturyGothicBold', sans-serif; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 8px 0; margin-bottom: 14px;}
#module-container h2 { color:#0054A1; font-size: 1.6em;  font-family: 'CenturyGothicBold', sans-serif; padding:0; margin-bottom: 14px; line-height:1.6}
#module-container ul li { font-size: 1.2em; line-height: 1.9; background: url('../img/sml-tick.gif') no-repeat 2px 5px; padding-left: 19px; color:#0054A1; font-weight:bold;}
#module-container p { font-size: 1.1em; line-height:1.6; margin:5px 0}
#module-container a { color: #0054A1!important; font-weight: bold; text-decoration:none!important; }

/* Breadcrumb */

#breadcrumbs { width: 980px; height: 12px; font-size:1.1em; padding: 12px 0 0 0; color: #0054A1; }
#breadcrumbs a { text-decoration: none; color: #0054A1; }
#breadcrumbs a:hover { text-decoration: underline; }

/* Content */

#content { padding:0; background: url('../img/content-background.gif') bottom left no-repeat; min-height:600px;height:auto !important; height:600px;}
#content-area, #module-content-area{ float: left; position:relative; }

#content-area{ position: relative; width:654px; margin:0; padding: 20px 20px 0 0; min-height:600px;height:auto !important; height:600px;}
#content-area h1 { color:#0054A1; font-size: 2.1em;  font-family: 'CenturyGothicBold', sans-serif; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 8px 0; margin-bottom: 14px; }
#content-area h2 { color:#666; font: 1.6em 'CenturyGothicBold', sans-serif; margin-bottom: 12px; }
#content-area h3 { color:#0054A1; font: 1.2em Georgia, "Times New Roman", Times, serif; margin-top:10px; margin-bottom: 12px; }
#content-area p { font-size: 1.2em; line-height: 1.5; margin: 1em 0 1em 0; color: #000; }
#content-area a { color: #000; outline:none;}
#content-area hr {  border: 0; width: 100%;color: #000; background-color: #999; height: 1px;}
#content-area ul li { font-size: 12px; line-height: 1.5; background: url('../img/sml-tick.gif') no-repeat 2px 5px; padding-left: 19px; color:#0054A1; font-weight:bold;}

#module-content-area { width: 304px; margin: 0px 0 0 0; padding:20px 0 0 0;}
#module-content-area h1 { color:#0054A1; font-size: 2.1em;  font-family: 'CenturyGothicBold', sans-serif; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 8px 0; margin-bottom: 14px; }
#module-content-area img { margin-bottom:17px; }
#module-content-area a {outline:none;}

/* table */

#content-area table {vertical-align: top; margin-bottom:10px; width:100%; text-align:left}
#content-area table td.left { width: 100px; }
#content-area table tr { vertical-align: top; border-bottom: 1px solid #CCC; }
#content-area table td { padding: 5px; margin: 10px;  }
#content-area table tr.row-color td { background-color: #F5F5F5;}


/* accreditations */

.accreditations-list { float: left; width: 620px; min-height: 75px; margin-bottom: 20px; }
.accreditations-list img { float: left; width: 166px; height: 108px;  border:2px solid #FFAA4A; }
.accreditations-list p { float: right; width: 410px; font-size: 1em; margin:-1px 0 10px 0!important;}

/* people */

.people-list { float: right; width: 330px; min-height: 75px; margin-bottom: 20px; }
.people-list p { font-size: 1em; margin:0 0 8px 0!important;}
.people-list h2 { font-size: 1.8em;margin:0!important; color:#0054A1!important}
.people-list ul li { font-size: 1.2em; line-height: 1.5; background: url('../img/sml-tick.gif') no-repeat 2px 5px; padding-left: 19px; color:#0054A1; font-weight:bold;}
.people-list .hr { border: 1px dotted #666; border-style: none none dotted; clear:both;}
.people-list .profile { height:252px; }
.others {}
.others h2 { font-size: 1.8em;margin:0!important; color:#0054A1!important}
.others a { color: #0054A1!important; font-weight: bold; text-decoration:none!important; }

/* blog */

.blogtop { width:100%; height:17px; background:#CCC; color:#FFF; font-weight:bold; text-align:right; font-size:1.2em; padding:2px; }
.blogbottom { width:100%; height:17px; background:#CCC; color:#FFF; font-weight:bold; text-align:left; font-size:1.2em; padding:2px; }

ul.tabs { margin: 0; padding: 0; float: left; list-style: none;	height: 31px; width: 302px;	border-bottom: 3px solid #0052A3;}
ul.tabs li { float: left; margin: 0; padding: 0;height: 31px;line-height: 31px;border: none;margin-bottom: -1px;background: #ccc;overflow: hidden;position: relative;}
ul.tabs li a {text-decoration: none;color: #FFF;display: block;font-size: 1.2em;padding: 0 20px;outline: none;font-weight:bold;}
ul.tabs li a:hover { background: #f8931f;}	
html ul.tabs li.active, html ul.tabs li.active a:hover { background:#0052A3;}
.tab_container {border-bottom: 1px solid #ccc;	border-left: 1px solid #ccc; border-right: 1px solid #ccc; clear: both;float: left; width: 300px;min-height:450px;height:auto !important; height:450px;background: #fff url('../img/news-background.jpg') repeat-x top right;-moz-border-radius-bottomright: 5px;-khtml-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-khtml-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;
}
.tab_content {padding: 15px;}
.tab_content p {color: #000;border-bottom:1px dotted #999; font-size:1.1em; margin:10px 0 10px 0;padding-bottom:12px;}
.tab_content a{	color: #0052A3; font-size:1.2em; text-decoration:none;}


/* Footer */

#footer { width: 980px; height:51px; padding: 0; color: #000; border-top:1px solid #999;}
#footer p { font-size: 1em; line-height: 1.7; }
#footer p a { color: #000; text-decoration:none; }
#footer .pipe {color: #f8931f;}
#footer a:hover { text-decoration:underline; }
#legal { float: left; padding-top:10px }
#social-media { float: right; width:312px; padding:5px 0; background: url('../img/social-media/h-followus.jpg') left top no-repeat} 
#social-media li {padding:0; margin:0; display:block;float:left; text-indent:-9999px; }
#social-media li a {border:0; display:block; text-decoration:none; overflow:hidden; outline:none;}	
#social-media li a.active { background-position: left bottom; }
#social-media li a:hover{	background-position: left bottom;}

li#facebook a {width: 60px; height: 70px; background: url('../img/social-media/facebook.jpg') no-repeat; margin-left:132px }
li#twitter a {width: 60px; height: 70px; background: url('../img/social-media/twitter.jpg') no-repeat;}
li#linkedin a {width: 60px; height: 70px; background: url('../img/social-media/linkedin.jpg') no-repeat;}


/* Forms */

fieldset        {padding:10px 30px;margin:0;border:1px solid #ccc;}
legend          {color:#333;padding:0 10px;margin:0;font-size:1.5em;font-weight:bold;}
input           {width:250px;}
input,
textarea        {border:1px solid #CCC;padding:5px;margin:10px 0 0 0;width:250px;}
input:focus,
textarea:focus  {background:#CCC;}
textarea        {font:1.2em Arial, Helvetica, sans-serif;}
label           {display:block;margin:12px 0 0;font-weight:bold;font-size:1.2em;float:left;clear:left;width:120px;}
label:after     {content:": ";}
input.submit-button { width: 80px; margin-left:125px}