@import url('/media/file/screen-fonts.css');
@import url(http://fonts.googleapis.com/css?family=Loved+by+the+King);

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline
}

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

body {
  line-height: 1;
  background: #202020 url(/media/image/raven-t-page-bg-003.jpg) no-repeat fixed 50% 150px;
  margin-top: -20px
}

ol,ul {
  list-style: none
}

blockquote,q {
  quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

html {
  -webkit-text-size-adjust: none
}

body.Background {
  background-repeat: no-repeat;
  background-position: 50% 150px;
  background-scroll: fixed
}

body.Background-001 {
  background-image: url(/media/image/raven-t-page-bg-001.jpg) no-repeat fixed 50% 150px
}

body.Background-002 {
  background-image: url(/media/image/raven-t-page-bg-002.jpg) no-repeat fixed 50% 150px
}

body.Background-003 {
  background-image: url(/media/image/raven-t-page-bg-003.jpg) no-repeat fixed 50% 150px
}

body.Background-004 {
  background-image: url(/media/image/raven-t-page-bg-004.jpg) no-repeat fixed 50% 150px
}

#OuterWrapper {
  position: relative;
  overflow: hidden
}

#InnerWrapper {
  position: relative;
  background: url(/media/image/raven-t-content-bg.png) repeat-y 50% 0px;
  width: 1024px;
  margin-top: 150px;
  margin-right: auto;
  margin-left: auto
}

.NoBackground {
  background: none !important
}

.ContentHolder {
  width: 1024px;
  margin-right: auto;
  margin-left: auto
}

.ClearBoth {
  clear: both
}

#header,header {
  background: url(/media/image/raven-t-header-bg.png) no-repeat 50% 0px;
  position: fixed;
  height: 150px;
  z-index: 110;
  width: 100%;
  box-shadow: 0 0 20px #000000
}

#HeaderHolder {
  height: 150px;
  width: 1024px;
  margin-right: auto;
  margin-left: auto;
  position: relative
}

#HeaderHolder #Logo {
  height: 162px;
  width: 416px;
  position: absolute;
  left: 0px;
  top: 29px
}

#HeaderHolder #Logo img {
  width: 100%;
  height: 100%
}

#HeaderHolder #Tagline {
  font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #ffae00;
  letter-spacing: 10px;
  position: absolute;
  top: 85px;
  right: 30px;
  text-align: right
}

#GlobalNav {
  font: bold 18px/18px Arial, Helvetica, sans-serif;
  position: absolute;
  text-align: right;
  top: 109px;
  right: 40px;
  z-index: 150
}

#GlobalNav ul {
  float: right
}

#GlobalNav li {
  float: left
}

#GlobalNav ul a {
  color: #FFF;
  text-decoration: none;
  display: block;
  float: left;
  padding: 0px 20px;
  margin-left: 10px;
  margin-top: 0px;
  line-height: 66px;
  height: 60px;
  position: relative;
  z-index: 10;
  transition: margin-top 0.3s, color 0.3s;
  -moz-transition: margin-top 0.3s, color 0.3s;
  -webkit-transition: margin-top 0.3s, color 0.3s;
  -o-transition: margin-top 0.3s, color 0.3s
}

#GlobalNav ul a:hover,#GlobalNav ul li.awcgnHover a {
  margin-top: -12px;
  color: #999
}

#GlobalNav ul li.awcgn-current a {
  background: url(/media/image/raven-t-gnav-active-bg.png) no-repeat 0px 0px;
  margin-top: 0px;
  line-height: 66px;
  height: 41px
}

#GlobalNav ul .awcgn-current.awcgnHover a {
  color: #fff !important
}

#GlobalNav ul li.awcgn-current a:hover {
  margin-top: 0px;
  color: #fff
}

#GlobalNav ul ul {
  float: left;
  font: bold 14px/38px Arial, Helvetica, sans-serif;
  white-space: nowrap;
  position: absolute;
  top: 41px;
  width: 230px;
  z-index: 5
}

#GlobalNav ul ul a,#GlobalNav ul li.awcgnHover ul a {
  background: url(/media/image/raven-t-gnav-active-bg.png) no-repeat 0px 0px #1b3e70 !important;
  color: #FFF;
  position: relative;
  width: 160px;
  left: 0px;
  margin-top: 0px;
  text-align: left;
  border-top: 1px solid #204C8E;
  line-height: 41px !important;
  height: 41px;
  transition: left 0.2s, background 0.2s;
  -moz-transition: left 0.2s, background 0.2s;
  -webkit-transition: left 0.2s, background 0.2s;
  -o-transition: left 0.2s, background 0.2s
}

#GlobalNav ul ul a:hover,#GlobalNav ul li.awcgnHover ul a:hover {
  background: #204C8E;
  left: 10px;
  margin-top: 0px
}

#footer,footer {
  background-color: #181818;
  color: #FFF;
  font: 14px Arial, Helvetica, sans-serif;
  box-shadow: 0 0 20px #000000;
  position: fixed;
  bottom: 0px;
  padding: 5px 0px;
  left: 0px;
  right: 0px;
  z-index: 1000
}

#footer #FooterContainer,footer #FooterContainer {
  width: 960px;
  margin: 0 auto;
  overflow: hidden
}

#footer .Left,footer .Left {
  float: left
}

#footer .Right,footer .Right {
  float: Right
}

#footer a,footer a {
  color: #2979f9
}

#Content #NavArrowHolder {
  position: fixed;
  width: 1024px;
  z-index: 1000
}

#Content #NavArrowHolder a {
  text-decoration: none
}

#Content .CapabilityArrowPrev,#Content .CapabilityArrowNext {
  width: 50px;
  height: 95px;
  display: block;
  position: absolute;
  top: 50px;
  overflow: hidden;
  transition: top 0.2s, width 0.2s 0.2s;
  -moz-transition: top 0.2s, width 0.2s 0.2s;
  -webkit-transition: top 0.2s, width 0.2s 0.2s;
  -o-transition: top 0.2s, width 0.2s 0.2s
}

#Content .CapabilityArrowPrev {
  left: -30px
}

#Content .CapabilityArrowNext {
  right: -30px
}

#Content .CapabilityArrowPrev .Previous,#Content .CapabilityArrowNext .Next {
  background-image: url(/media/image/raven-t-capa_arrows-bg.png);
  background-repeat: no-repeat;
  text-indent: -5000px;
  height: 95px;
  position: absolute;
  width: 50px
}

#Content .CapabilityArrowPrev .Previous {
  background-position: 0 0;
  left: 0px
}

#Content .CapabilityArrowNext .Next {
  background-position: 100% 0;
  right: 0px
}

#Content .CapabilityArrowPrev:hover,#Content .CapabilityArrowNext:hover {
  top: 40px;
  width: 270px
}

#Content .CapabilityArrowPrev .RollRight,#Content .CapabilityArrowNext .RollLeft {
  position: absolute;
  top: 0px;
  background-color: rgba(0,0,0,0.7);
  padding: 10px;
  width: 200px;
  height: 60px
}

#Content .CapabilityArrowPrev .RollRight {
  right: 10px
}

#Content .CapabilityArrowNext .RollLeft {
  left: 10px
}

#Content .CapabilityArrowPrev .RollRight:hover,#Content .CapabilityArrowNext .RollLeft:hover {
  background-color: rgba(0,0,0,0.85)
}

#Content .CapabilityArrowPrev .RollRight h4,#Content .CapabilityArrowPrev .RollRight h5,#Content .CapabilityArrowNext .RollLeft h4,#Content .CapabilityArrowNext .RollLeft h5 {
  color: #fff;
  text-shadow: none;
  margin: 0px;
  text-indent: 0px
}

#Content .CapabilityArrowPrev .RollRight h4,#Content .CapabilityArrowNext .RollLeft h4 {
  font: bold 11px Arial, Helvetica, sans-serif;
  text-transform: uppercase
}

#Content .CapabilityArrowPrev .RollRight h5,#Content .CapabilityArrowNext .RollLeft h5 {
  font: normal 24px/20px 'ArvoBold', Arial, Helvetica, sans-serif;
  letter-spacing: -1px
}

.BottomShadow {
  background: url(/media/image/raven-t-content-section-shadow-bg.png) no-repeat 50% 100%;
  margin-bottom: 40px
}

.BottomLine {
  border-bottom: solid 1px #8d8d8d
}

.ColumnsHolder {
  padding: 0px 40px
}

#Content {
  font: 16px/21px Arial, Helvetica, sans-serif;
  color: #333;
  text-shadow: #FFF 0px 1px 0px;
  overflow: hidden
}

#Content h1 {
  font: 48px 'ArvoBold', Arial, Helvetica, sans-serif;
  text-align: center;
  color: #1e6ea6;
  letter-spacing: -2px;
  background: url(/media/image/raven-t-h1-bg.gif) repeat-x 0px 48px;
  text-shadow: #999 0px -1px 0px;
  margin-bottom: 40px;
  margin-top: 25px
}

#Content h2 {
  font: 24px 'ArvoBold', Arial, Helvetica, sans-serif;
  color: #1e6ea6;
  letter-spacing: -1px;
  text-shadow: #999 0px -1px 0px;
  margin-bottom: 20px;
  position: relative
}

#Content p {
  margin-bottom: 16px
}

#Content .ColumnFull {
  width: 100%;
  clear: both
}

#Content .ColumnTwoThirds {
  width: 66%
}

#Content .ColumnOneThirds {
  width: 33%
}

#Content .ColumnOneThird {
  width: 30%
}

#Content .ColumnOneHalf {
  width: 48%
}

#Content .Left {
  float: left
}

#Content .Right {
  float: right
}

#Content .Pullquote {
  font: 21px/32px Georgia, "Times New Roman", Times, serif;
  letter-spacing: 0px;
  position: relative;
  top: -7px
}

#Content a {
  color: #2979F9;
  text-shadow: #FFF 0px 1px 0px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s
}

#Content a:hover {
  color: #EC8E00;
  text-shadow: none
}

#MobileTop {
  height: 450px;
  overflow: hidden
}

#MobileTop .Text {
  width: 55%;
  float: left
}

#MobileTop ul#BrowserIcons {
  text-align: center
}

#MobileTop ul#BrowserIcons li {
  height: 87px;
  width: 87px;
  text-align: center;
  margin-right: 10px;
  margin-top: 5px;
  transition: top 0.3s;
  -moz-transition: top 0.3s;
  -webkit-transition: top 0.3s;
  -o-transition: top 0.3s;
  background: #E6E6E6 url(/media/image/page-mobile-os-logos-sprites.png) no-repeat;
  overflow: hidden;
  position: relative;
  top: 5px;
  display: inline-block
}

#MobileTop ul#BrowserIcons li:hover {
  top: -5px
}

#MobileTop ul#BrowserIcons li.iOS {
  background-position: 0px 0px
}

#MobileTop ul#BrowserIcons li.Android {
  background-position: 0px -87px
}

#MobileTop ul#BrowserIcons li.Blackberry {
  background-position: 0px -174px
}

#MobileTop ul#BrowserIcons li.WinMobile {
  background-position: 0px -261px
}

#MobileTop ul#BrowserIcons li span {
  top: 87px;
  left: 0px;
  display: block;
  width: 87px;
  font-size: 12px;
  font-weight: bold;
  color: #ccc;
  background-color: rgba(0,0,0,0.75);
  height: 30px;
  line-height: 30px;
  text-shadow: #000 0px -1px 0px;
  position: absolute;
  transition: top 0.3s;
  -moz-transition: top 0.3s;
  -webkit-transition: top 0.3s;
  -o-transition: top 0.3s
}

#MobileTop ul#BrowserIcons li:hover span {
  top: 57px
}

#MobileTop #iPadHolder {
  float: right;
  width: 40%;
  margin-top: -65px
}

#MobileTop #iPadHolder img {
  width: 100%;
  height: auto
}

#MobileMiddle {
  overflow: hidden;
  padding-bottom: 20px;
  margin-top: 40px
}

#MobileMiddle #iPhoneBounce {
  clear: both;
  padding-top: 0px
}

#MobileMiddle #iPhoneBounce .Column {
  float: left;
  width: 32%;
  position: relative;
  display: inline-block;
  margin-right: 2%
}

#MobileMiddle #iPhoneBounce .Column.Right {
  margin-right: 0%
}

#MobileMiddle #iPhoneBounce .Dummy {
  margin-top: 68%
}

#MobileMiddle #iPhoneBounce .Wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url(/media/image/page-mobile-iphone-zoom-shadow.png);
  background-repeat: no-repeat;
  background-position: 0px 100%;
  background-size: 100% auto
}

#MobileMiddle #iPhoneBounce .Wrapper .Image {
  position: absolute;
  left: 0px;
  bottom: 20px;
  transition: bottom 0.3s;
  -moz-transition: bottom 0.3s;
  -webkit-transition: bottom 0.3s;
  -o-transition: bottom 0.3s
}

#MobileMiddle #iPhoneBounce .Wrapper:hover .Image {
  bottom: 50px
}

#MobileMiddle #iPhoneBounce .Image img {
  width: 100%;
  height: auto
}

#MobileMiddle #iPhoneBounce .Wrapper .Zoom {
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: -30px;
  text-align: center;
  opacity: 0.0;
  transition: bottom 0.3s, opacity 0.3s;
  -moz-transition: bottom 0.3s, opacity 0.3s;
  -webkit-transition: bottom 0.3s, opacity 0.3s;
  -o-transition: bottom 0.3s, opacity 0.3s
}

#MobileMiddle #iPhoneBounce .Wrapper:hover .Zoom {
  bottom: 50px;
  opacity: 0.85
}

#MobileMiddle #iPhoneBounce .Zoom img {
  width: 100%;
  height: auto
}

#MobileBottom {
  margin-top: 40px
}

#MobileBottom .Text {
  float: left;
  position: relative;
  margin-right: 5%
}

#MobileBottom .Text.Right {
  float: left;
  position: relative;
  margin-right: 0%
}

#MobileBottom #iPhoneScreenshots {
  width: 100%;
  position: relative;
  clear: both;
  display: inline-block
}

#MobileBottom #iPhoneScreenshots .Dummy {
  margin-top: 20%
}

#MobileBottom #iPhoneScreenshots .Container {
  position: absolute;
  top: 0;
  bottom: 2px;
  left: 0;
  right: 0;
  overflow: hidden
}

#MobileBottom #iPhoneScreenshots .Screenshot {
  float: left;
  width: 16%;
  margin-right: 3%;
  position: relative;
  top: 70px;
  left: 10px;
  transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  transition: top 0.3s, left 0.3s;
  -moz-transition: top 0.3s, left 0.3s;
  -webkit-transition: top 0.3s, left 0.3s;
  -o-transition: top 0.3s, left 0.3s
}

#MobileBottom #iPhoneScreenshots .Screenshot:hover {
  top: 26px;
  left: 22px
}

#MobileBottom #iPhoneScreenshots .Screenshot.Five {
  margin-right: 0%
}

#MobileBottom #iPhoneScreenshots .Screenshot img {
  width: 100%;
  height: auto
}

#Content #SectionNavHolder {
  position: fixed;
  width: 50px;
  margin-top: 121px;
  margin-left: -30px;
  background: url(/media/image/raven-t-blue_arrows-bg.png) no-repeat 0px 100%;
  padding-bottom: 15px;
  font: normal 24px 'ArvoBold', Arial, Helvetica, sans-serif;
  text-shadow: #2b416b 0px -1px 0px;
  z-index: 100;
  transition: width 0.2s;
  -moz-transition: width 0.2s;
  -webkit-transition: width 0.2s;
  -o-transition: width 0.2s
}

#Content #SectionNavHolder ul li {
  clear: both;
  height: 38px;
  overflow: hidden
}

#Content #SectionNavHolder a {
  color: #FFF;
  text-decoration: none;
  width: 40px;
  overflow: hidden;
  display: block;
  transition: width 0.2s;
  -moz-transition: width 0.2s;
  -webkit-transition: width 0.2s;
  -o-transition: width 0.2s
}

#Content #SectionNavHolder:hover,#Content #SectionNavHolder a:hover {
  width: 600px
}

#Content #SectionNavHolder .Number {
  text-align: center;
  width: 40px;
  float: left;
  background-color: #4c7bd3;
  z-index: 101;
  position: relative;
  height: 40px;
  line-height: 38px
}

#Content #SectionNavHolder a:hover .Number {
  background-color: #3a5d9f
}

#Content #SectionNavHolder .Title {
  font: normal 24px 'ArvoRegular', Arial, Helvetica, sans-serif;
  line-height: 38px;
  position: relative;
  padding-left: 10px;
  overflow: hidden;
  background-color: rgba(0,0,0,0.7)
}

#Content #SectionNavHolder .Title:hover {
  background-color: rgba(0,0,0,0.85)
}

#WebDevIntro {
  overflow: hidden;
  padding-bottom: 40px
}

#WebDevIntro .Text {
  float: left;
  margin-right: 5%;
  position: relative
}

#WebDevIntro .Text.Right {
  float: left;
  margin-right: 0;
  position: relative
}

#WebDev1 {
  overflow: hidden;
  padding-bottom: 40px
}

#WebDev1 .Text {
  float: left;
  margin-right: 5%;
  position: relative
}

#WebDev1 .Text.Right {
  float: left;
  margin-right: 0;
  position: relative
}

#WebDev1 #Details {
  background: url(/media/image/page-web_dev-top-bg.png) no-repeat 0px 20px;
  width: 980px;
  height: 420px;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  position: relative
}

#WebDev1 #Details img {
  position: absolute;
  box-shadow: 0 0px 10px #999;
  height: auto;
  border: 1px solid #FFF;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s
}

#WebDev1 #Details img:hover,#WebDev1 #Details img:focus,#WebDev1 #Details img:active {
  z-index: 20 !important;
  box-shadow: 0 20px 20px #666;
  -webkit-transform: rotate(15deg) scale(1.2);
  -moz-transform: rotate(15deg) scale(1.2);
  -ms-transform: rotate(15deg) scale(1.2);
  -o-transform: rotate(15deg) scale(1.2);
  transform: rotate(15deg) scale(1.2)
}

#WebDev1 #Details .Item1 img {
  top: 125px;
  left: 3px;
  width: 240px;
  z-index: 10
}

#WebDev1 #Details .Item2 img {
  top: 85px;
  left: 274px;
  width: 174px;
  z-index: 11
}

#WebDev1 #Details .Item3 img {
  top: 175px;
  left: 363px;
  width: 174px;
  z-index: 15
}

#WebDev1 #Details .Item4 img {
  top: 85px;
  left: 477px;
  width: 180px;
  z-index: 14
}

#WebDev1 #Details .Item5 img {
  top: 205px;
  left: 518px;
  width: 228px;
  z-index: 13
}

#WebDev1 #Details .Item6 img {
  top: 85px;
  left: 685px;
  width: 180px;
  z-index: 12
}

#WebDev1 #Details .Item7 img {
  top: 175px;
  right: 3px;
  width: 240px;
  z-index: 16
}

#WebDev2 {
  overflow: hidden;
  padding-bottom: 40px
}

#WebDev2 .Text {
  float: left;
  margin-right: 5%;
  position: relative
}

#WebDev2 .Text.Right {
  float: left;
  margin-right: 0;
  position: relative
}

#WebDev3 {
  overflow: hidden;
  padding-bottom: 25px
}

#WebDev3 .Text {
  float: left;
  margin-right: 5%;
  position: relative
}

#WebDev3 .Text.Right {
  float: left;
  margin-right: 0;
  position: relative
}

#WebDev3 #Details {
  background: url(/media/image/page-web_dev-design-bg.jpg) no-repeat 50% 20px;
  width: 980px;
  height: 625px;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  position: relative
}

#WebDev3 #Details img {
  position: absolute;
  box-shadow: 0 0px 10px #999;
  width: 220px;
  height: auto;
  border: 1px solid #FFF;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s
}

#WebDev3 #Details img:hover,#WebDev3 #Details img:focus,#WebDev3 #Details img:active {
  z-index: 20 !important;
  box-shadow: 0 20px 20px #666;
  -webkit-transform: rotate(15deg) scale(1.2);
  -moz-transform: rotate(15deg) scale(1.2);
  -ms-transform: rotate(15deg) scale(1.2);
  -o-transform: rotate(15deg) scale(1.2);
  transform: rotate(15deg) scale(1.2)
}

#WebDev3 #Details .Item1 img {
  top: 75px;
  left: 80px;
  z-index: 10
}

#WebDev3 #Details .Item2 img {
  top: 140px;
  left: 0px;
  z-index: 11
}

#WebDev3 #Details .Item3 img {
  top: 324px;
  left: 0px;
  z-index: 12
}

#WebDev3 #Details .Item4 img {
  top: 75px;
  left: 415px;
  z-index: 13
}

#WebDev3 #Details .Item5 img {
  top: 148px;
  left: 342px;
  z-index: 14
}

#WebDev3 #Details .Item6 img {
  top: 276px;
  left: 415px;
  z-index: 15
}

#WebDev3 #Details .Item7 img {
  top: 378px;
  left: 342px;
  z-index: 16
}

#WebDev3 #Details .Item8 img {
  top: 75px;
  left: 760px;
  z-index: 17
}

#WebDev3 #Details .Item9 img {
  top: 150px;
  left: 675px;
  z-index: 18
}

#WebDev4 {
  overflow: hidden;
  padding-bottom: 55px;
  position: relative
}

#WebDev4 .Text {
  float: left;
  margin-right: 5%;
  position: relative
}

#WebDev4 .Text.Right {
  float: left;
  margin-right: 0;
  position: relative
}

#WebDev4 #Details {
  position: absolute;
  top: -10px;
  left: 350px
}

#WebDev4 #Details img {
  position: absolute;
  box-shadow: 0 0px 10px #999;
  width: 274px;
  height: auto;
  border: 1px solid #FFF;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s
}

#WebDev4 #Details img:hover,#WebDev4 #Details img:focus,#WebDev4 #Details img:active {
  z-index: 20 !important;
  box-shadow: 0 20px 20px #666;
  -webkit-transform: rotate(15deg) scale(1.09);
  -moz-transform: rotate(15deg) scale(1.09);
  -ms-transform: rotate(15deg) scale(1.09);
  -o-transform: rotate(15deg) scale(1.09);
  transform: rotate(15deg) scale(1.09)
}

#WebDev4 #Details .Item1 img {
  top: 55px;
  left: 0px;
  z-index: 10
}

#WebDev4 #Details .Item2 img {
  top: 110px;
  left: 160px;
  z-index: 12
}

#WebDev4 #Details .Item3 img {
  top: 55px;
  left: 300px;
  z-index: 11
}

#WebDev4 #Details .Item4 img {
  z-index: 13;
  box-shadow: none;
  width: 164px;
  height: auto;
  border: none;
  top: 220px;
  left: 480px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s
}

#WebDev4 #Details .Item4 img:hover,#WebDev4 #Details .Item4 img:focus,#WebDev4 #Details .Item4 img:active {
  box-shadow: none;
  -webkit-transform: rotate(360deg) scale(1.3);
  -moz-transform: rotate(360deg) scale(1.3);
  -ms-transform: rotate(360deg) scale(1.3);
  -o-transform: rotate(360deg) scale(1.3);
  transform: rotate(360deg) scale(1.3)
}

#WebDev5 {
  overflow: hidden;
  padding-bottom: 40px
}

#WebDev5 .Text {
  float: left;
  margin-right: 5%;
  position: relative
}

#WebDev5 .Text.Right {
  float: left;
  margin-right: 0;
  position: relative
}

#WebDev5 .Text img {
  width: 100%;
  height: auto;
  padding-bottom: 4px
}

#AboutTop {
  overflow: hidden;
  height: 340px
}

#AboutTop #Poem {
  position: relative
}

#AboutTop #Poem .Line7 {
  text-align: right
}

#AboutTop #Poem .Line1,#AboutTop #Poem .Line2,#AboutTop #Poem .Line3,#AboutTop #Poem .Line4,#AboutTop #Poem .Line5,#AboutTop #Poem .Line6,#AboutTop #Poem .Line7 {
  position: relative;
  left: 0px;
  top: 0px;
  color: #333;
  text-shadow: #FFF 0px 1px 0px;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s
}

#AboutTop:hover #Poem .Line1,#AboutTop:hover #Poem .Line4,#AboutTop:hover #Poem .Line7 {
  -webkit-transform: rotate(-1.5deg);
  -moz-transform: rotate(-1.5deg);
  -ms-transform: rotate(-1.5deg);
  -o-transform: rotate(-1.5deg);
  transform: rotate(-1.5deg);
  left: -20px;
  text-shadow: none
}

#AboutTop:hover #Poem .Line2,#AboutTop:hover #Poem .Line5 {
  -webkit-transform: rotate(1.5deg);
  -moz-transform: rotate(1.5deg);
  -ms-transform: rotate(1.5deg);
  -o-transform: rotate(1.5deg);
  transform: rotate(1.5deg);
  top: 5px;
  left: 80px;
  text-shadow: none
}

#AboutTop:hover #Poem .Line3,#AboutTop:hover #Poem .Line6 {
  left: 30px;
  text-shadow: none
}

#AboutTop:hover #Poem .Line1,#AboutTop:hover #Poem .Line2,#AboutTop:hover #Poem .Line3,#AboutTop:hover #Poem .Line4,#AboutTop:hover #Poem .Line5,#AboutTop:hover #Poem .Line6 {
  font: 20px/36px Georgia, "Times New Roman", Times, serif;
  letter-spacing: 0px
}

#AboutTop:hover #Poem .Line7 {
  font: 40px/36px Georgia, "Times New Roman", Times, serif;
  letter-spacing: 0px
}

#AboutTop #Poem .Line1 span,#AboutTop #Poem .Line2 span,#AboutTop #Poem .Line3 span,#AboutTop #Poem .Line4 span,#AboutTop #Poem .Line5 span,#AboutTop #Poem .Line6 span,#AboutTop #Poem .Line7 span {
  color: #333;
  background: #E6E6E6;
  text-shadow: #FFF 0px 1px 0px;
  padding: 0px;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s
}

#AboutTop:hover #Poem .Line1 span,#AboutTop:hover #Poem .Line2 span,#AboutTop:hover #Poem .Line3 span,#AboutTop:hover #Poem .Line4 span,#AboutTop:hover #Poem .Line5 span,#AboutTop:hover #Poem .Line6 span,#AboutTop:hover #Poem .Line7 span {
  background-color: #333;
  color: #ddd;
  text-shadow: none;
  padding: 0px 5px
}

#AboutWhatWeThink {
  overflow: hidden;
  padding-bottom: 40px
}

#AboutWhatWeThink .Text {
  float: left;
  margin-right: 5%;
  position: relative
}

#AboutWhatWeThink .Text.Right {
  float: left;
  margin-right: 0;
  position: relative
}

#AboutThingsWeCanDo {
  height: 340px;
  overflow: hidden;
  position: relative;
  margin-top: -40px;
  padding-top: 40px
}

#ThingsWeDoItems {
  position: relative;
  top: -44px
}

#ThingsWeDoItems img {
  position: absolute;
  height: auto;
  box-shadow: 0 0px 10px #999;
  border: 1px solid #FFF;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s
}

#ThingsWeDoItems img:hover,#ThingsWeDoItems img:focus,#ThingsWeDoItems img:active {
  z-index: 20 !important;
  box-shadow: 0 20px 20px #666;
  -webkit-transform: rotate(15deg) scale(1.09);
  -moz-transform: rotate(15deg) scale(1.09);
  -ms-transform: rotate(15deg) scale(1.09);
  -o-transform: rotate(15deg) scale(1.09);
  transform: rotate(15deg) scale(1.09)
}

#ThingsWeDoItems .Item1 img {
  width: 250px;
  top: 0px;
  left: 0px;
  z-index: 10
}

#ThingsWeDoItems .Item2 img {
  width: 250px;
  top: 116px;
  left: 160px;
  z-index: 11
}

#ThingsWeDoItems .Item3 img {
  width: 170px;
  top: 15px;
  left: 295px;
  z-index: 13;
  box-shadow: none !important;
  border: none !important
}

#ThingsWeDoItems .Item4 img {
  width: 260px;
  top: 30px;
  left: 375px;
  z-index: 12;
  box-shadow: none !important;
  border: none !important
}

#AboutPeopleWhoGave #AllLogos {
  text-align: center;
  clear: both;
  padding-top: 20px;
  padding-bottom: 40px
}

#ContactForm {
  width: 800px;
  height: 800px;
  background: url(/media/image/page-contact-form-bg-new.png) no-repeat 0px 0px;
  margin: 20px auto 50px;
  font: bold 20px/35px "Courier New", Courier, monospace;
  position: relative
}

#ContactForm #FormFieldsContainer {
  position: relative;
  top: 88px;
  left: 100px
}

#ContactForm #FormFieldsContainer input {
  border-style: none;
  background: none;
  padding-left: 10px;
  font: normal 20px/20px "Courier New", Courier, monospace;
  width: 230px;
  color: #d78700
}

#ContactForm #FormFieldsContainer textarea {
  border-style: none;
  background: none;
  padding-left: 10px;
  font: normal 20px/35px "Courier New", Courier, monospace;
  width: 580px;
  height: 140px;
  color: #d78700
}

#ContactForm #FormFieldsContainer #Captcha {
  position: absolute;
  top: -45px;
  right: 135px
}

#ContactForm #FormFieldsContainer #Captcha input {
  width: 200px;
  background: #f0f0f0;
  text-align: center;
  color: #666
}

#ContactForm #FormFieldsContainer #Captcha p {
  margin: 0px 0px 0px 20px
}

#ContactForm #FormFieldsContainer input:focus,#ContactForm #FormFieldsContainer textarea:focus {
  background: #faf0df
}

#ContactForm #FormFieldsContainer #Captcha input:focus {
  background: #d6d6d6
}

#ContactForm #FormFieldsContainer #button input {
  width: auto;
  position: absolute;
  top: 350px;
  left: 225px
}

#CmsTop {
  overflow: hidden;
  position: relative;
  padding-top: 20px;
  padding-bottom: 40px
}

#CmsTopItems {
  position: relative;
  top: -30px
}

#CmsTopItems img {
  position: absolute;
  height: auto;
  box-shadow: 0 0px 10px #999;
  border: 1px solid #FFF;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s
}

#CmsTopItems img:hover,#CmsTopItems img:focus,#CmsTopItems img:active {
  z-index: 20 !important;
  box-shadow: 0 20px 20px #666;
  -webkit-transform: rotate(15deg) scale(1.09);
  -moz-transform: rotate(15deg) scale(1.09);
  -ms-transform: rotate(15deg) scale(1.09);
  -o-transform: rotate(15deg) scale(1.09);
  transform: rotate(15deg) scale(1.09)
}

#CmsTopItems .Item1 img {
  width: 310px;
  top: 30px;
  left: 0px;
  z-index: 10
}

#CmsTopItems .Item2 img {
  width: 224px;
  top: 0px;
  left: 220px;
  z-index: 11
}

#CmsTopItems .Item3 img {
  width: 224px;
  top: 66px;
  left: 390px;
  z-index: 13
}

#CmsBottomItems {
  height: 440px;
  position: relative
}

#CmsBottomItems img {
  position: absolute;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out
}

#CmsBottomItems .Item1-CmsTitle img {
  top: 0px;
  left: 300px
}

#CmsBottomItems .Item2-CmsWindow img {
  top: 44px;
  left: 335px
}

#CmsBottomItems .Item3-TemplatesTitle img {
  top: 41px;
  left: 97px;
  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s
}

#CmsBottomItems .Item4-TemplatesBG img {
  top: 81px;
  left: 0px;
  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s
}

#CmsBottomItems:hover .Item4-TemplatesBG img {
  top: 75px;
  left: 335px
}

#CmsBottomItems .Item5-TextTitle img {
  top: 72px;
  left: 819px;
  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s
}

#CmsBottomItems .Item6-Text01 img {
  top: 45px;
  left: 665px;
  transition-delay: 0.25s;
  -moz-transition-delay: 0.25s;
  -webkit-transition-delay: 0.25s;
  -o-transition-delay: 0.25s
}

#CmsBottomItems:hover .Item6-Text01 img {
  top: 116px;
  left: 420px
}

#CmsBottomItems .Item7-Text02 img {
  top: 65px;
  left: 665px;
  transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s
}

#CmsBottomItems:hover .Item7-Text02 img {
  top: 136px;
  left: 358px
}

#CmsBottomItems .Item8-Text03 img {
  top: 120px;
  left: 665px;
  transition-delay: 0.75s;
  -moz-transition-delay: 0.75s;
  -webkit-transition-delay: 0.75s;
  -o-transition-delay: 0.75s
}

#CmsBottomItems:hover .Item8-Text03 img {
  top: 226px;
  left: 358px
}

#CmsBottomItems .Item9-Text04 img {
  top: 162px;
  left: 665px;
  transition-delay: 1.0s;
  -moz-transition-delay: 1.0s;
  -webkit-transition-delay: 1.0s;
  -o-transition-delay: 1.0s
}

#CmsBottomItems:hover .Item9-Text04 img {
  top: 325px;
  left: 358px
}

#CmsBottomItems .Item10-ImagesTitle img {
  top: 250px;
  left: 810px
}

#CmsBottomItems .Item11-Images01 img {
  top: 237px;
  left: 665px;
  transition-delay: 1.25s;
  -moz-transition-delay: 1.25s;
  -webkit-transition-delay: 1.25s;
  -o-transition-delay: 1.25s
}

#CmsBottomItems:hover .Item11-Images01 img {
  top: 122px;
  left: 500px
}

#CmsBottomItems .Item12-Images02 img {
  top: 311px;
  left: 798px;
  transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -webkit-transition-delay: 1.5s;
  -o-transition-delay: 1.5s
}

#CmsBottomItems:hover .Item12-Images02 img {
  top: 186px;
  left: 374px
}

#CmsBottomItems .Item13-Images03 img {
  top: 351px;
  left: 665px;
  transition-delay: 1.75s;
  -moz-transition-delay: 1.75s;
  -webkit-transition-delay: 1.75s;
  -o-transition-delay: 1.75s
}

#CmsBottomItems:hover .Item13-Images03 img {
  top: 266px;
  left: 357px
}

.AWCSSscrollable .items {
  left: 0px
}

#PortfolioWebsites {
  overflow: hidden;
  padding-bottom: 20px;
  margin-top: 40px
}

#PortfolioWebsites .WebsiteBounce {
  clear: both;
  padding-top: 10px;
  height: 400px
}

#PortfolioWebsites .WebsiteBounce .Column {
  float: left;
  width: 215px !important;
  position: relative;
  display: inline-block;
  margin-right: 25px
}

#PortfolioWebsites .WebsiteBounce .Column.Right {
  margin-right: 0%
}

#PortfolioWebsites .WebsiteBounce .Dummy {
  margin-top: 68%;
  width: 215px !important
}

#PortfolioWebsites .WebsiteBounce .Column .Wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: 100% auto;
  background: url(/media/image/page-port-websites-shadow-bg.png) no-repeat 0px 100%;
  width: 215px !important
}

#PortfolioWebsites .WebsiteBounce .Column .Wrapper .Image {
  position: absolute;
  left: 0px;
  bottom: 20px;
  transition: bottom 0.3s;
  -moz-transition: bottom 0.3s;
  -webkit-transition: bottom 0.3s;
  -o-transition: bottom 0.3s
}

#PortfolioWebsites .WebsiteBounce .Column:hover .Wrapper .Image {
  bottom: 60px
}

#PortfolioWebsites .WebsiteBounce .Image img {
  width: 100%;
  height: auto
}

#PortfolioWebsites .WebsiteBounce .Column .Wrapper .Zoom {
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: -30px;
  text-align: center;
  opacity: 0.0;
  transition: bottom 0.3s, opacity 0.3s;
  -moz-transition: bottom 0.3s, opacity 0.3s;
  -webkit-transition: bottom 0.3s, opacity 0.3s;
  -o-transition: bottom 0.3s, opacity 0.3s
}

#PortfolioWebsites .WebsiteBounce .Column:hover .Wrapper .Zoom {
  bottom: 65px;
  opacity: 0.9
}

#PortfolioWebsites .WebsiteBounce .Zoom img {
  width: 100%;
  height: auto
}

#PortfolioWebsites .WebsiteBounce .Description {
  font-size: 14px;
  line-height: 19px;
  position: relative;
  top: 120px;
  width: 215px !important
}

#PortfolioWebsites .WebsiteBounce .Description h3 {
  font: 14px 'ArvoBold', Arial, Helvetica, sans-serif;
  color: #1e6ea6;
  text-shadow: #999 0px -1px 0px;
  margin-bottom: 8px
}

#PortSnapSites .AWCSSSliderButton {
  position: absolute !important;
  height: 29px !important;
  width: 25px !important;
  z-index: 100 !important
}

#PortSnapSites .AWCSSSliderLeft {
  background: url("/media/image/page-port-snapshot-prev.png") no-repeat scroll 0 0px transparent !important;
  bottom: 0px !important;
  left: 390px !important
}

#PortSnapSites .AWCSSSliderRight {
  background: url("/media/image/page-port-snapshot-next.png") no-repeat scroll 0 0px transparent !important;
  bottom: 0px !important;
  left: 525px !important
}

#PortSnapSites .AWCSSscrollable .items div {
  height: auto !important
}

#PortSnapSites ul.AWCSSThumbnailNav {
  left: 430px !important;
  bottom: 0px !important;
  top: auto !important;
  margin: 0px !important
}

#PortSnapSites ul.AWCSSThumbnailNav li {
  margin: 0px !important;
  background-color: transparent !important
}

#PortSnapSites ul.AWCSSThumbnailNav a {
  text-indent: -10000px !important;
  width: 20px !important;
  height: 30px !important;
  padding: 0px !important
}

#PortSnapSites ul.AWCSSThumbnailNav li.normal a {
  background: url("/media/image/page-home-snapshot-thumbnail-bg.png") no-repeat scroll 0 -4px transparent !important;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none
}

#PortSnapSites ul.AWCSSThumbnailNav li.active a {
  background: url("/media/image/page-home-snapshot-thumbnail-bg.png") no-repeat scroll -18px -4px transparent !important;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none
}

#PortfolioMobile {
  padding-bottom: 20px
}

#PortfolioMobile #SnapShotContainer {
  position: relative;
  margin-top: 20px
}

#PortfolioMobile .SnapShotSlide {
  position: relative
}

#PortfolioMobile .SnapShotSlide .Description {
  font-size: 14px;
  line-height: 19px;
  position: absolute;
  top: 20px;
  width: 290px !important
}

#PortfolioMobile .SnapShotSlide .Description h3 {
  font: 14px 'ArvoBold', Arial, Helvetica, sans-serif;
  color: #1e6ea6;
  text-shadow: #999 0px -1px 0px;
  margin-bottom: 8px
}

#PortfolioMobile .AWCSSSliderButton {
  position: absolute !important;
  height: 29px !important;
  width: 25px !important;
  z-index: 100 !important
}

#PortfolioMobile .AWCSSSliderLeft {
  background: url("/media/image/page-port-snapshot-prev.png") no-repeat scroll 0 0px transparent !important;
  bottom: 0px !important;
  left: 390px !important
}

#PortfolioMobile .AWCSSSliderRight {
  background: url("/media/image/page-port-snapshot-next.png") no-repeat scroll 0 0px transparent !important;
  bottom: 0px !important;
  left: 565px !important
}

#PortfolioMobile .AWCSSscrollable .items div {
  height: auto !important
}

#PortfolioMobile ul.AWCSSThumbnailNav {
  left: 430px !important;
  bottom: 0px !important;
  top: auto !important;
  margin: 0px !important
}

#PortfolioMobile ul.AWCSSThumbnailNav li {
  margin: 0px !important;
  background-color: transparent !important
}

#PortfolioMobile ul.AWCSSThumbnailNav a {
  text-indent: -10000px !important;
  width: 20px !important;
  height: 30px !important;
  padding: 0px !important
}

#PortfolioMobile ul.AWCSSThumbnailNav li.normal a {
  background: url("/media/image/page-home-snapshot-thumbnail-bg.png") no-repeat scroll 0 -4px transparent !important;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none
}

#PortfolioMobile ul.AWCSSThumbnailNav li.active a {
  background: url("/media/image/page-home-snapshot-thumbnail-bg.png") no-repeat scroll -18px -4px transparent !important;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none
}

#Capabilities {
  position: relative
}

#Capabilities .Wrapper {
  width: 450px;
  overflow: hidden;
  margin-bottom: 30px
}

#Capabilities .Description {
  width: 250px
}

#Capabilities .Visuals {
  width: 180px
}

#Capabilities .Visuals .Image img {
  height: auto
}

#Capabilities .Visuals .ReadMoreWrapper {
  position: relative;
  width: 180px;
  height: 108px
}

#Capabilities .Wrapper .Visuals .ReadMoreWrapper .Slider {
  position: relative;
  width: 95px;
  overflow: hidden;
  height: 108px;
  background: url(/media/image/page-capabilities-learn_more.png) no-repeat 100% 0px;
  text-indent: -2000px;
  transition: width 0.3s;
  -moz-transition: width 0.3s;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s
}

#Capabilities .Wrapper:hover .Visuals .ReadMoreWrapper .Slider {
  width: 180px
}

#Capabilities .Visuals .ReadMoreWrapper .Shadow {
  width: 19px;
  height: 108px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url(/media/image/page-capabilities-shadow.png) no-repeat -19px 0px
}

#Capabilities .Wrapper .Visuals.Left .ReadMoreWrapper .Slider {
  position: absolute;
  width: 95px;
  right: 0px;
  top: 0px;
  overflow: hidden;
  height: 108px;
  background: url(/media/image/page-capabilities-learn_more.png) no-repeat 0px 0px;
  text-indent: -2000px;
  transition: width 0.3s;
  -moz-transition: width 0.3s;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s
}

#Capabilities .Wrapper:hover .Visuals.Left .ReadMoreWrapper .Slider {
  width: 180px
}

#Capabilities .Visuals.Left .ReadMoreWrapper .Shadow {
  width: 19px;
  height: 108px;
  position: absolute;
  top: 0px;
  left: 161px;
  background: url(/media/image/page-capabilities-shadow.png) no-repeat 0px 0px
}

#Capabilities a {
  color: #333;
  text-decoration: none;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none
}

#Capabilities a:hover {
  color: #333;
  text-shadow: #FFF 0px 1px 0px
}

#Capabilities h2 {
  color: #1E6EA6;
  line-height: 26px
}

#HostingTop {
  position: relative;
  overflow: hidden;
  padding-top: 25px;
  margin-top: -25px
}

#HostingTop .ColumnLeft {
  width: 460px
}

#HostingTop .ColumnRight {
  width: 465px;
  position: relative;
  margin-top: -80px;
  height: 388px
}

#HostingTop .ColumnRight img {
  top: 0px;
  position: absolute;
  left: 0px
}

#HostingBottom {
  position: relative;
  overflow: hidden;
  margin-bottom: 80px
}

#HostingBottom .ServerTypes {
  width: 630px;
  background: url(/media/image/page-hosting-server-type-bg.png) no-repeat 100% 100%;
  overflow: hidden;
  position: relative;
  margin-top: -33px
}

#HostingBottom .ServerTypes .Column {
  border-top: 8px solid #ffae00;
  width: 200px;
  margin-left: 10px;
  padding-bottom: 10px;
  float: left;
  font: 14px/18px Arial, Helvetica, sans-serif
}

#HostingBottom .ServerTypes .Image {
  margin-bottom: 18px
}

#HostingBottom .ServerTypes .Text {
  padding: 0px 10px
}

#HostingBottom .ServerTypes h3 {
  font: normal 20px/20px 'ArvoBold', Arial, Helvetica, sans-serif;
  margin: 0px 0px 8px
}

#HostingBottom .ServerTypes h4 {
  font: normal 14px/18px 'ArvoBold', Arial, Helvetica, sans-serif;
  color: #1E6EA6;
  margin: 0px 0px 4px
}

#Home-SnapShot {
  height: 560px
}

.SnapShot-Background {
  position: fixed;
  top: 130px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1
}

.SnapShot-Background img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: auto;
  width: 100%;
  min-height: 100%
}

.SnapShot-Background-Dark {
  background: url(/media/image/raven-t-page-bg-alpha-black.png) repeat center 0px;
  position: fixed;
  top: 130px;
  right: 0px;
  bottom: 0px;
  left: 0px
}

#Home-SnapShot .SnapShot-Wrapper {
  height: 560px;
  width: 1024px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  margin-bottom: 30px
}

#Home-SnapShot .SnapShot-Textholder {
  position: absolute;
  left: 50px;
  top: 60px
}

#Home-SnapShot .SnapShot-Textholder .SnapShot-Title {
  font: 56px/46px 'ArvoBold', Arial, Helvetica, sans-serif;
  color: #9cdd34;
  text-shadow: none;
  overflow: hidden;
  letter-spacing: -2px
}

#Home-SnapShot .SnapShot-Textholder .SnapShot-Title div {
  background: #111;
  float: left;
  clear: left;
  display: inline-block;
  padding: 10px;
  border: 10px solid #111;
  position: relative;
  z-index: 2
}

#Home-SnapShot .SnapShot-Textholder .SnapShot-Title div+div {
  margin-left: 80px;
  margin-top: -30px
}

#Home-SnapShot .SnapShot-Textholder .SnapShot-Title span {
  position: relative;
  z-index: 4
}

#Home-SnapShot .SnapShot-Textholder .SnapShot-Title a {
  color: #9cdd34;
  text-decoration: none
}

#Home-SnapShot .SnapShot-Textholder .SnapShot-Intro {
  font: 31px/34px 'ArvoRegular', Arial, Helvetica, sans-serif;
  color: #fff;
  text-shadow: #333 0px 2px 3px;
  width: 460px;
  position: relative;
  left: 80px;
  margin-top: 15px;
  letter-spacing: -1px
}

#Home-SnapShot .SnapShot-Textholder .SnapShot-Intro a {
  color: #9cdd34;
  text-decoration: none
}

#Home-SnapShot .SnapShot-Button-Prev {
  background: url(/media/image/page-home-snapshot-arrow-left-all.png) no-repeat 0px 0px;
  height: 138px;
  width: 138px;
  position: absolute;
  left: 0px;
  top: 210px
}

#Home-SnapShot .SnapShot-Button-Next {
  background: url(/media/image/page-home-snapshot-arrow-right-all.png) no-repeat 0px 0px;
  height: 138px;
  width: 138px;
  position: absolute;
  top: 210px;
  right: 0px
}

#Home-SnapShot .SnapShot-Button-Prev a {
  background: url(/media/image/page-home-snapshot-arrow-left-button-plain.png) no-repeat 50% 50%;
  text-indent: -5000px;
  display: block;
  height: 66px;
  width: 66px;
  top: 36px;
  left: 12px;
  position: absolute;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out
}

#Home-SnapShot .SnapShot-Button-Prev a:hover {
  -webkit-transform: rotate(-360deg) scale(1.1,1.1);
  -moz-transform: rotate(-360deg) scale(1.1,1.1);
  -ms-transform: rotate(-360deg) scale(1.1,1.1);
  -o-transform: rotate(-360deg) scale(1.1,1.1);
  transform: rotate(-360deg) scale(1.1,1.1)
}

#Home-SnapShot .SnapShot-Button-Next a {
  background: url(/media/image/page-home-snapshot-arrow-right-button-plain.png) no-repeat 50% 50%;
  text-indent: -5000px;
  display: block;
  height: 66px;
  width: 66px;
  top: 36px;
  right: 12px;
  position: absolute;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out
}

#Home-SnapShot .SnapShot-Button-Next a:hover {
  -webkit-transform: rotate(360deg) scale(1.1,1.1);
  -moz-transform: rotate(360deg) scale(1.1,1.1);
  -ms-transform: rotate(360deg) scale(1.1,1.1);
  -o-transform: rotate(360deg) scale(1.1,1.1);
  transform: rotate(360deg) scale(1.1,1.1)
}

#Home-SnapShot .SnapShot-Image {
  position: absolute;
  left: 580px;
  top: 60px
}

#Home-SnapShot .SnapShot-Thumbnails-Wrapper {
  position: absolute;
  left: 240px;
  top: 490px;
  width: 300px
}

#Home-SnapShot .SnapShot-Thumbnails-Wrapper a {
  display: block;
  float: left;
  width: 19px;
  height: 40px;
  background: url(/media/image/page-home-snapshot-thumbnail-bg.png) no-repeat 0px 0px;
  margin-right: 4px;
  position: relative;
  top: 0px;
  -webkit-transition: top 0.2s ease-out;
  -moz-transition: top 0.2s ease-out;
  -ms-transition: top 0.2s ease-out;
  -o-transition: top 0.2s ease-out;
  transition: top 0.2s ease-out
}

#Home-SnapShot .SnapShot-Thumbnails-Wrapper a:hover {
  top: -10px
}

#Home-SnapShot .SnapShot-Thumbnails-Wrapper li.active a {
  background: url(/media/image/page-home-snapshot-thumbnail-bg.png) no-repeat -19px 0px;
  position: relative;
  top: 0px
}

#Home-Columns {
  padding-left: 40px;
  position: relative;
  padding-bottom: 0px;
  height: 200px;
  padding-top: 30px;
  overflow: hidden;
  color: #fff;
  text-shadow: #333 0px 1px 2px;
  font: 15px Arial, Helvetica, sans-serif;
  background: url("/media/image/raven-t-page-bg-alpha-black2.png") repeat scroll center 0 transparent
}

#Home-Columns .Column {
  float: left;
  width: 290px;
  margin-right: 30px
}

#Home-Columns .Column .Text {
  float: right;
  width: 170px
}

#Home-Columns .Column .Text h2 {
  color: #9cdd34;
  text-decoration: none;
  letter-spacing: normal;
  font: bold 16px Arial, Helvetica, sans-serif;
  text-shadow: #333 0px 1px 2px
}

#Home-Columns .Column .Text a {
  color: #ffae00;
  text-decoration: none;
  white-space: nowrap
}

#Home-Columns .Column .Text sup {
  bottom: 4px;
  font-size: 10px;
  position: relative
}

#Home-Columns .Column .Thumb {
  float: left;
  width: 110px;
  padding-right: 10px;
  text-align: right
}

.active {
  text-transform: none
}

#cboxTopLeft,#cboxTopCenter,#cboxTopRight,#cboxMiddleLeft,#cboxMiddleRight,#cboxBottomLeft,#cboxBottomCenter,#cboxBottomRight {
  display: none !important
}

#cboxClose {
  top: 0 !important;
  border-radius: 20px
}

#cboxContent {
  background: none !important
}

#cboxLoadedContent {
  overflow: hidden !important
}