/* Designed and coded by MJT ©2011 */

* {

margin:0px;
padding:0px;
border:0px;

}

body {

font-family:Tahoma,sans-serif;
font-size:12px;
overflow: -moz-scrollbars-vertical;
overflow-y:scroll;
*text-align:center;
background-color:#828282;
/* background-image:url('img/background_test2.png');background-repeat:no-repeat;background-attachment:fixed;background-position:center; */
color:#989898;

}

  div#Container {

  width:1291px;
  margin:0 auto;
  *text-align:center;

  }

    /* Top Div Bar */
    
      div#Top {
      
      width:100%;
      height:65px;
      text-align:center;
      background:url('../img/top_grad.png');
      background-repeat:no-repeat;
      }
    
      h1#Title { position:absolute;left:-5000px; }
      
        div#Top_Content {
        
        width:1173px;
        margin:0 auto;    
        line-height:40px;
        text-align:right;
        font-size:14px;
        color:#C0C0BF;
        
        }
        
        div#Top_Box {
        
        width:1173px;
        height:21px;
        margin:0 auto;
        background:#e3e3e3;
        
        }

    /* Middle Div Bar */

      div#Middle {

      width:100%;
     /* height:795px; */
      background:url('../img/bod_grad.png');
      background-repeat:repeat-y;

      }
      
        div#Middle_Content {
        
        width:1173px;
        margin:0 auto;
        text-align:left;
        background:#e3e3e3;
        
        }

          div#Navigation {
          
          width:1105px;
          margin:0 auto;
          text-align:left;
          
          }
          
            div#Navigation_Bar {
            
            width:353px;
            float:right;
            
            }
            
            div#Forgestik_Logo {

            float:left;
            margin-top:44px;

            }
            
            div#Middle_Navigation {
            
            float:left;
            height:25px;
            width:610px;
            background:#dadada;
            line-height:24px;
            
            }
            
            div#Content_Top {
            
            min-height:89px;
            background:url('../img/secondary_body_background.jpg') no-repeat;
            padding-top:38px
            
            }
            
            div#Content_Navigation {

            width:1105px;
            margin:0 auto;
            height:25px;
            background:#dadada;
            line-height:24px;

            }
            
            div#Single_Content {
            
            width:1105px;
            margin:0 auto;
            margin-top:10px;
            line-height:20px;
            
            }
            
            div#Content_Box {
            
            float:left;
            width:700px;
            color:#4A4A4A;
            
            }
            
          div#Middle_Lower {
          
          width:1105px;
          margin:0 auto;
          margin-top:20px;
          text-align:left;
          
          }
          
            div#Welcome_Box {
            
            width:315px;
            height:270px;
            float:right;
            padding:18px 18px 10px 18px;
            line-height:20px;
            background:#dadada;
            
            }
            
            div#Sidebar_Box {
            
            width:315px;
            margin-top:20px;
            float:right;
            padding:18px 18px 10px 18px;
            line-height:20px;
            background:#dadada;
            
            }
            
            div#Success_Stories_Box {
            
            width:726px;
            height:173px;
            margin-top:30px;
            float:left;
            background:#dadada;
            
            }
        
            div#Success_Stories_Internal { 
            
            width:661px;
            height:143px;
            margin:0 auto;
            margin-top:15px;
            
            }
            
            div#Success_Stories_Logo {
            
            width:203px;
            height:100%;
            float:left;
            border-right:1px solid #c9c9c9;
            
            }
            
            div#Success_Stories_Text {
            
            width:420px;
            height:100%;
            float:left;
            padding-left:35px;
            border-left:1px solid #e4e3e3;
            line-height:20px;
            
            }
          

/* Footer Bar */

div#Bottom {

width:100%;
height:87px;
margin:0 auto;
*text-align:center;
background:url('../img/fot_grad.png');
background-repeat:repeat-y;

}

  div#Bottom_Box {
  
  width:1173px;
  margin:0 auto;
  background:#c5c5c5;
  
  }

    div#Bottom_Content {

    width:1105px;
    line-height:22px;
    margin:0 auto;
    *text-align:left;
    font-size:11px;

    }

    div#Bottom_Navigation {
    
    padding-top:20px;
    
    }
    
    div#Bottom_Disclaimer {
    
    padding-top:20px;
    padding-right:43px;
    float:right;
    text-align:right;
    color:#565656;
    
    }
    
    div#Bottom_Awards {
    
    float:right;
    text-align:right;
      
    }

  
  div#Footer {

  width:100%;
  height:73px;
  background:url('../img/bot_grad.png');
  background-repeat:no-repeat;

  }
  
    div#Footer_Box {
    
    width:1173px;
    height:17px;
    margin:0 auto;
    background:#c5c5c5;
    
    }      
      
/* Links and Classes */

  fieldset {
	border:0;
	position:relative;
}

label {
  display:inline;
	width:46px;
	margin-left:13px;
  float:left;
  margin-top:-1px;
  
}

input {
  background-color:#FFFFFF;
  margin-top:2px;
  height:14px;
}


a:link { color:#989898;text-decoration:none;}
a:visited { color:#989898;text-decoration:none;}
a:hover { color:#FFB712;text-decoration:none;}

#Top_Content a:link { color:#C0C0BF;font-size:14px; }
#Top_Content a:visited { color:#C0C0BF;font-size:14px; }
#Top_Content a:hover { color:#FFB712;text-decoration:none;font-size:14px; }
#Top_Content a:active { color:#FFB712;text-decoration:none;font-size:14px; }

#Bottom .Nav a:link { color:#565656; }
#Bottom .Nav a:visited { color:#565656; }
#Bottom .Nav a:hover { color:#FFB712;text-decoration:none; }
#Bottom .Nav a:active { color:#FFB712;text-decoration:none; }

#Navigator a:link { color:#FFF;font-size:20px }
#Navigator a:visited { color:#FFF; }
#Navigator a:hover { text-decoration:underline; }
#Navigator a:active { text-decoration:underline; }

.Page_Title { margin-top:30px; }
.Title_Quote { color:#999798;-webkit-text-stroke: 1px transparent; }
.Sub_Title20 { margin-bottom:20px; }
.Sub_Title10 { margin-bottom:10px; }
.Quote { min-height:32px;margin:1em 20px;padding:0 0 0 55px;background:url('../img/quote.png') no-repeat 0 3px;font-style:italic;font-size:1.2em;text-shadow:white 0px 1px 0px; }


.caption a:link { color:#FFF;text-decoration:none; }
.caption a:visited { color:#FFF;text-decoration:none; }
.caption a:hover { color:#FFF;text-decoration:none;font-weight:bold; }

.twitted {
	width: 290px;
	margin-bottom: 1.5em;
	padding-top:5px;
	border: 1px solid #bcbbbb;
	background-color:#bcbbbb;
	font-size:120%;
}

.twitted h2 {
	margin: 0 0 0 10px;
	font-size: 1em;
	color: #FFF;
	background-color: #bcbbbb;
	display:inline;
}

.twitted p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("loader.gif") 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}

.twitted ul#twitter_update_list {
	margin: 0;
	padding: 0 0.8em;
	list-style-type: none;
}

.twitted ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
	border-bottom: 1px solid #ccc;
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
	color:#FFF;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	color: #FFF;
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #ab0006;
}

.twitted ul#twitter_update_list li.firstTweet {
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

.twitted p.profileLink {
	margin: 0;
	padding: 0.3em 1em;
	color: #FFF;
	background-color: #ddd;
	display:none;
}


.flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Tahoma;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid #c5c5c5;
border-bottom-width: 0;
visibility: hidden;
display: none; /*collapse all sub menus to begin with*/
box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 8px #818181;
-moz-box-shadow: 3px 3px 8px #818181;
}


.flexdropdownmenu li{
position: relative;
}

.flexdropdownmenu li a{
display: block;
width: 344px; /*width of menu (not including side paddings)*/
color: #626262;
background: #DADADA;
border-bottom: 1px solid #C5C5C5;
text-decoration: none;
padding: 4px 5px;
}

* html .flexdropdownmenu li{ /*IE6 CSS hack*/
display: inline-block;
width: 344px; /*width of menu (include side paddings of LI A*/
}

.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a{
background: #C5C5C5;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/*Home page sliders*/

#figure {
position:relative;
float:left;
overflow:hidden;
z-index:10;
}

#figure .caption {
position:absolute;
z-index: 11;
bottom:0;
left:0;
margin-bottom:-205px;
-webkit-transition: margin-bottom;
-webkit-transition-duration: 400ms;
-webkit-transition-timing-function: ease-out;
-moz-transition-property: margin-bottom;
-moz-transition-duration: 400ms;
-moz-transition-timing-function: ease-out;
-o-transition-property: margin-bottom;
-o-transition-duration: 400ms;
transition: margin-bottom;
transition-duration: 400ms;
transition-timing-function: ease-out;
}
#figure:hover .caption {
margin-bottom:0px;
}
#figure .caption {
z-index: 12;
width:100%;
height:205px;
color:#fff;
font-size:14px;
font-family: Tahoma, sans-serif;
}

#figure .caption2 {
position:absolute;
z-index: 12;
bottom:0;
left:0;
opacity: 0.85;
filter: alpha(opacity = 85);
margin-bottom:-205px;
-webkit-transition: margin-bottom;
-webkit-transition-duration: 400ms;
-webkit-transition-timing-function: ease-out;
-moz-transition-property: margin-bottom;
-moz-transition-duration: 400ms;
-moz-transition-timing-function: ease-out;
-o-transition-property: margin-bottom;
-o-transition-duration: 400ms;
transition: margin-bottom;
transition-duration: 400ms;
transition-timing-function: ease-out;
}
#figure:hover .caption2 {
margin-bottom:0px;
}
#figure .caption2 {
z-index: 12;
width:100%;
height:205px;
background:#efab00;
color:#fff;
font-size:14px;
font-family: Tahoma, sans-serif;
}

#SAP_Logos{position:relative;}
#SAP_Logos img.slide{
position:absolute;
top:0;
left:0;
-webkit-transition: margin-left;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
-moz-transition-property: margin-left;
-moz-transition-duration: 250ms;
-moz-transition-timing-function: ease-in;
-o-transition-property: margin-left;
-o-transition-duration: 250ms;
transition: margin-left;
transition-duration: 250ms;
transition-timing-function: ease-in;
}
#SAP_Logos:hover img.slide{
margin-left:40px;
}
#SAP_Logos .details{
position:absolute;
top:0;
left:0;
}

#slideimage{position:relative;}
#slideimage img.slide{
position:absolute;
top:0;
left:0;
-webkit-transition: margin-left;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
}
#slideimage:hover img.slide{
margin-left:10px;
}
#slideimage .details{
position:absolute;
top:0;
left:0;
}

/* start sliding menu style */

.menu {
	POSITION: relative; 
}
.menu {
	LINE-HEIGHT: 25px; HEIGHT: 25px
}
.menu .toggle {
	LINE-HEIGHT: 25px; HEIGHT: 25px
}
.menu .toggle {
	POSITION: absolute; WIDTH: 144px; TOP: 0px; CURSOR: pointer; LEFT: 0px
}

.menu .items {
	POSITION: absolute; TOP: 0px; LEFT: 150px
}
.menu .items UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.menu .items LI {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.menu .items LI {
	PADDING-BOTTOM: 0px;  PADDING-LEFT: 0px; PADDING-RIGHT: 10px; FLOAT: left; HEIGHT: 25px; PADDING-TOP: 0px
}

.clearfix:after {
	DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; CONTENT: "."
}
.clearfix {
	DISPLAY: inline-block
}
* HTML .clearfix {
	HEIGHT: 1%
}
.clearfix {
	DISPLAY: block
}