/* GLOBAL
/* ---------------------------------------------------- */

body {
	background: url(../art/back1.gif) repeat-x;
}

table img {
	display:block;
	}

img {vertical-align: bottom; margin: 0px; }

.clear {
	clear: both;
	position: relative;
	z-index: 1;
	width: 100%;
}

.left {
	float: left;
}

.frame {
	border: 1px solid red;
}

.bold {
	font-family: 'DINBold';
}

.green {
	color: #649a79;
}

/*STYLES **************************************/

#wrapper{
	width: 950px;
	position: relative;
	padding: 0;
	margin: 0 auto 10px;
	z-index: 1;
	text-align: left;
}

#Logo {
	position: relative;
	padding: 0 0 0 21px;
	width: 307px;
	margin: 0;
	z-index: 4;
	text-align: left;
	display: block;
}

#Submenu {
	z-index: 1;
	position: absolute;
	padding: 0;
	width: 197px;
	margin: 0;
	top: 0px;
	right: 21px;
}

#MainMenu {
	width: 601px;
	position: absolute;
	top: 48px;
	z-index: 2;
	right: 21px;
	margin: 0;
	padding: 0;
}

#FlashBanner {
	width: 908px;
	position: relative;
	z-index: 5;
	margin: 0;
	padding: 0;
}

#FlashBanner2 {
	width: 908px;
	position: relative;
	z-index: 5;
	margin: 0 0 0 21px;
	padding: 0;
}

#IntroCol {
	width: 435px;

	z-index: 1;
	margin-left: 21px;
	padding: 0;
	margin-top: 21px;
	float: left;
	text-align: left;
}

#News {
	width: 217px;
	z-index: 1;
	padding: 25px 0 0;
	margin-top: 21px;
	float: left;
	text-align: left;
	margin-left: 9px;
	background: url(../art/t_news.gif) no-repeat;
}

#Blog {
	width: 217px;
	z-index: 1;
	margin-left: 27px;
	padding: 25px 0 0;
	margin-top: 21px;
	float: left;
	text-align: left;
	background: url(../art/t_blog.gif) no-repeat;
}

/* secondary pages */

#MainContent {
	width: 904px;

	z-index: 1;
	margin-left: 21px;
	padding: 0;
	float: left;
	text-align: left;
	background: url(../art/middle_tools.gif) repeat-y;
	margin-top: 6px;
}

#LeftColTool {
	width: 300px;

	z-index: 1;
	margin-left: 21px;
	padding: 0;
	margin-top: 0;
	float: left;
	text-align: left;
}

#RightColTool {
	width: 500px;

	z-index: 1;
	padding: 0;
	float: left;
	text-align: left;
	margin-top: 0;
	margin-left: 15px;
}

#LeftCol {
	width: 529px;

	z-index: 1;
	margin-left: 21px;
	padding: 0;
	margin-top: 5px;
	float: left;
	text-align: left;
	border-right: 1px solid #c9c9c9;
}


#LeftColAbout {
	width: 529px;

	z-index: 1;
	margin-left: 21px;
	padding: 0;
	margin-top: 5px;
	float: left;
	text-align: left;
	border-right: 1px solid #c9c9c9;
}

#LeftColLarge {
	width: 560px;

	z-index: 1;
	padding: 0;
	margin-top: 5px;
	float: left;
	text-align: left;
	margin-left: 200px;
}

#LeftColClients {
	width: 560px;

	z-index: 1;
	padding: 0;
	margin-top: 5px;
	float: left;
	text-align: left;
	margin-left: 230px;
}

#RightCol {
	width: 335px;

	z-index: 1;
	margin-left: 41px;
	padding: 0;
	margin-top: 5px;
	float: left;
	text-align: left;
}

#RightColAbout {
	width: 335px;

	z-index: 1;
	margin-left: 41px;
	padding: 0;
	margin-top: 5px;
	float: left;
	text-align: left;
}

#Team_Left {
	width: 130px;

	z-index: 1;
	padding: 0;
	float: left;
	text-align: left;
	margin: 30px 0 0;
}

#Team_Right {

	z-index: 1;
	padding: 0;
	float: left;
	text-align: left;
	margin: 30px 0 0;
	width: 395px;
}

#LoginCol {
	width: 643px;
	text-align: center;
	margin: 50px auto;
}

.Button {
	margin-top: 20px;
	margin-left: 0;
}

/* Extra */

#Clear {
	clear: both;
}

#Bottom {
	clear: both;
	padding: 0;
	margin: 40px 21px;
}

.FloatLeft {
	float: left;
	padding: 0;
	margin: 0;
}

/*FONTS ********************************/

html {
	font-size: 62.5%;
}

.Thumbs {
	margin-bottom: 25px;
}

p, body {
	color: #4c4c4c;
	clear: none;
	font: normal 15px/20px 'DINRegular', helvetica, arial, sans-serif;
	margin: 0 45px 0 0;
}

h1 {
	font: normal 24px/23px 'DINMedium', helvetica, arial, sans-serif;
	color: #649a79;
	margin: 15px 0 5px;
	padding: 0;
}

h2 {
	font: normal 19px/23px 'DINMedium', helvetica, arial, sans-serif;
	margin: 10px 0 0;
	padding: 0;
}

h3 {
	font: normal 15px/17px 'DINMedium', helvetica, arial, sans-serif;
	padding: 0;
	margin-bottom: 20px;
	margin-left: 0;
	margin-right: 0;
}

a {
    outline: none;
}

a:link {
	color:#0567a3;
	text-decoration: none;
}

a:visited {
	color:#639a7a;
	text-decoration: none;
}

a:active {
	color:#0567a3;
	text-decoration: none;
}

a:hover {
	color: #0567a3;
	text-decoration: underline;
}

/* TEXT */

.Title {
	color: #649a79;
	margin: 8px 0 15px;
	padding: 0;
	font: normal 16px/1.3em 'DINBold', arial, helvetica, verdana, sans-serif;
}

.Title a:link {
	color:#0567a3;
	text-decoration: none;
}

.Title a:visited {
	color:#0567a3;
	text-decoration: none;
}

.Title a:active {
	color:#0567a3;
	text-decoration: none;
}

.Title a:hover {
	color: #0567a3;
	text-decoration: underline;
}

.HomeText {
	color: #4c4c4c;
	margin: 8px 0 0;
	padding: 0;
	font: normal 15px/20px;
}

.SmallText {
	color: #0567a3;
	margin: 15px 0 15px 30px;
	padding: 0;
	font: 11px/13px 'DINBold', arial, helvetica, verdana, sans-serif;
}

.BodyTitle {
	color: #4c4c4c;
	padding: 0;
	font: normal 15px/20px 'DINRegular', arial, helvetica, verdana, sans-serif;
	margin: 19px 45px 3px 0;
}

.LoginText {
	padding-right: 0;
	margin-right: 0;
}

.BodyTitle2 {
	color: #4c4c4c;
	padding: 0;
	font: normal 15px/20px 'DINRegular', arial, helvetica, verdana, sans-serif;
	margin: 0 45px 3px 0;
}

.PgrphSpacer {
	color: #4c4c4c;
	margin: 18px 45px 0 0;
	padding: 0;
	font: normal 15px/20px 'DINRegular', arial, helvetica, verdana, sans-serif;
}

.Years {
	color: #b3b2b2;
	padding: 10px 0 0;
	margin-right: 45px;
	margin-left: 0;
	line-height: 16px;
	font-size: 18px;
	margin-top: 28px;
	border-top: 2px solid #b3b2b2;
}

.ToolClient {
	color: #4c4c4c;
	padding: 0;
	font: normal 15px/20px 'DINRegular', arial, helvetica, verdana, sans-serif;
	margin-right: 45px;
	margin-top: 15px;
	margin-left: 0;
}

.List {
	color: #4c4c4c;
	padding: 0;
	font: normal 15px/20px 'DINRegular', arial, helvetica, verdana, sans-serif;
	margin: 8px 45px 2px 12px;
}

.SubList {
	color: #4c4c4c;
	padding: 0;
	font: normal 15px/20px 'DINRegular', arial, helvetica, verdana, sans-serif;
	margin: 0 45px 12px 25px;
}

.Tool {
	color: #4c4c4c;
	line-height: 19px;
	font-size: 14px;
	border-bottom: 1px solid #b3b2b2;
	padding-bottom: 5px;
	text-transform: uppercase;
	margin: 27px 45px 0 0;
}

li {
	color: #4c4c4c;
	padding: 0;
	font: 15px/20px 'DINRegular', arial, helvetica, verdana, sans-serif;
	list-style-type: square;
	margin: 0 55px 3px 0;
}

.QuoteName {
	color: #639a7a;
	padding: 0 0 0 30px;
	font: 17px/23px 'DINMedium', helvetica, verdana, sans-serif;
	background: url(../art/bullet.gif) no-repeat;
	margin: 27px 0 12px;
}

.QuoteTitle {
	color: #4c4c4c;
	font: 14px/16px 'DINBold', arial, helvetica, verdana, sans-serif;
	padding-bottom: 0;
	padding-right: 0;
	padding-left: 0;
	margin: 5px 0 12px;
}

.QuoteText {
	color: #4c4c4c;
	padding: 0;
	font: italic 15px/20px georgia, helvetica, verdana, sans-serif;
	margin: 10px 0 0 30px;
}



.TextNews {
	color: #4c4c4c;
	padding: 0;
	font: 15px/20px 'DINRegular', arial, helvetica, verdana, sans-serif;
	margin: 10px 0 0 30px;
}

.BlueText {
	color: #0567a3;
}

.SerifText {
	color: #4c4c4c;
	margin: 17px 55px 0 0;
	padding: 0;
	font: normal 15px/20px georgia, times, serif;
}

/* Extras */

.SubtitleImg {
	margin-top: 18px;
}

.NameImg {
	margin-bottom: 10px;
	margin-top: 0;
}

.Copyright {
	font-weight: normal; 
	font-size: 11px; 
	color: #4c4c4c; 
	font-family: 'DINRegular', arial, helvetica, verdana, sans-serif;
	float: left;
	clear: left;
	margin: 15px 0 0;
	padding: 0;
}

/* Ruler */

hr {
  border: none;
  background-color: #005589;
  color: #005589;
  height: 1px;
	clear: both;
	margin: 0 0 20px;
}



/*END FONTS ****************************/

/*FIXES ***************************/

.iPhonebanner, .iPhonebanner2, .mobile_menu_button {
	display: none;
}

#mobile_menu, #MobLeftCol, #IntroBanner {
	display: none;
}

.shadows_int {
	margin-left: 22px;
}



/*RESPONSIVE STYLES FOR HYPE -------------------------------------*/

#containingElement {
      	width:100%;
      	height: 438px; 
      	padding:0;
}


#scalecontainer {
        -moz-transform-origin: left top;
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
        width: 1024px;
        margin: 0 auto;
        padding:0;
}
       


@media screen and (min-width: 700px) and (max-width: 3000px) {

#containingElement {
	height:388px;
	
}

}