html
{
  background:url(../images/bg.jpg) top center no-repeat #E1CEB0;
}

.box
{
  background:transparent;
}

#footer-wrapper
{
  border-top:1px solid #7A914B;
}

a.roll
{
  background-image:url(//www.websocialfiles.com/004895/images/p1.jpg);
  display:block;
  width:220px;
  height:200px;
}

a.roll:hover
{
  background-image:url(//az12497.vo.msecnd.net/c371509e00724a7c8dfaa3f49fa73fb9/publicImages/1/p1_hl.jpg);
}

a.roll2
{
  background-image:url(//www.websocialfiles.com/004895/images/p2.jpg);
  display:block;
  width:220px;
  height:200px;
}

a.roll2:hover
{
  background-image:url(//www.websocialfiles.com/004895/images/p2_hl.jpg);
}

a.roll3
{
  background-image:url(//www.websocialfiles.com/004895/images/p3.jpg);
  display:block;
  width:220px;
  height:200px;
}

a.roll3:hover
{
  background-image:url(//az12497.vo.msecnd.net/c371509e00724a7c8dfaa3f49fa73fb9/publicImages/1/p3_hl.jpg);
}

a.roll4
{
  background-image:url(//www.websocialfiles.com/004895/images/p4.jpg);
  display:block;
  width:220px;
  height:200px;
}

a.roll4:hover
{
  background-image:url(//az12497.vo.msecnd.net/c371509e00724a7c8dfaa3f49fa73fb9/publicImages/1/p4_hl.jpg);
}

.buttons-line
{
  height:1em;
  width:800px;
}

#header-wrapper
{
  margin:0 auto;
  width:1050px!important;
}

#button-view-find-container-view
{
  margin-left:565px;
  width:500px!important;
  float:right;
}

#appSuiteContainer
{
  margin-left:-30px!important;
}

#wrap
{
  background:#281e15;
  width:1000px;
  height:auto;
  margin:0 auto;
  padding:0;
  border:1px solid #fff;
}

#head .grid_9
{
  background:url(../images/head.jpg) top center no-repeat;
  width:700px;
  height:280px;
  overflow:hidden;
}

#head .grid_9 p
{
  color:#FFF;
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;
  padding:240px 0 0;
  margin:0;
  text-transform:capitalize;
  font-weight:700;
  font-size:20px;
}

#form
{
  background:url(../images/form.jpg) top center no-repeat #fff;
  height:280px;
}

#form p
{
  text-align:center;
  padding:10px 0 0;
  margin:0;
  color:#fff;
  font-family:Arial, Helvetica, sans-serif;
  font-size:17px;
}

#form iframe
{
  border-width:0;
  padding-top:0;
}

#cont iframe
{
  border-width:0;
  padding-top:0;
}

#cont
{
  background:#303030;
  overflow:hidden;
  min-height:500px;
}

#cont p
{
  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color:#FFF;
  font-size:14px;
  line-height:25px;
  text-align:justify;
}

#cont ul
{
  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color:#FFF;
  font-size:14px;
  line-height:25px;
  padding-left:20px;
}

#cont h1
{
  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color:#FFF;
  font-size:24px;
  border-bottom:1px dashed red;
  font-weight:400;
  letter-spacing:-1px;
  text-transform:capitalize;
  margin:0;
  padding:8px 0;
}

#cont h2
{
  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color:#FFF;
  font-size:24px;
  border-bottom:1px dashed red;
  font-weight:400;
  letter-spacing:-1px;
  text-transform:capitalize;
  margin:0;
  padding:8px 0;
}

#wrap a:link
{
  color:red;
  text-decoration:none;
}

#wrap a:visited
{
  color:red;
  text-decoration:none;
}

#wrap a:hover
{
  color:#fff;
  text-decoration:none;
}

#wrap a:active
{
  color:red;
  text-decoration:none;
}

#nav a
{
  background:none repeat scroll 0 0 red!important;
  color:#fff!important;
  display:block!important;
  font-size:15px!important;
  list-style:none outside none!important;
  padding:5px 10px!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  font-weight:400!important;
}

#nav a:hover
{
  background:none repeat scroll 0 0 #000!important;
}

/*888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888*/
/* slider */
#sliderWrapper
{
  width:940px;
  height:280px;
  margin:0 auto;
  padding:0;
  background:#000;
}

/* slide styles  */
.theme-default .nivoSlider
{
  position:relative;
  background:#fff url(//www.websocialfiles.com/12632/images/loading.gif) no-repeat 50% 50%;
  margin-bottom:0;
  -webkit-box-shadow:0 1px 5px 0 #4a4a4a;
  -moz-box-shadow:0 1px 5px 0 #4a4a4a;
  box-shadow:0 1px 5px 0 #4a4a4a;
}

.theme-default .nivoSlider img
{
  position:absolute;
  top:0;
  left:0;
  display:none;
}

.theme-default .nivoSlider a
{
  border:0;
  display:block;
}

.theme-default .nivo-controlNav
{
  position:absolute;
  right:0;
  bottom:10px;
  margin-right:10px;
/* Tweak this to center bullets */
}

.theme-default .nivo-controlNav a
{
  display:block;
  width:22px;
  height:22px;
  background:url(//www.websocialfiles.com/12632/images/bullets.png) no-repeat;
  text-indent:-9999px;
  border:0;
  margin-right:3px;
  float:left;
}

.theme-default .nivo-controlNav a.active
{
  background-position:0 -22px;
}

.theme-default .nivo-directionNav a
{
  display:block;
  width:30px;
  height:30px;
  background:url(//www.websocialfiles.com/12632/images/arrows.png) no-repeat;
  text-indent:-9999px;
  border:0;
}

.theme-default a.nivo-nextNav
{
  background-position:-30px 0;
  right:15px;
}

.theme-default a.nivo-prevNav
{
  left:15px;
}

.theme-default .nivo-caption
{
  font-family:Helvetica, Arial, sans-serif;
}

.theme-default .nivo-caption a
{
  color:#fff;
  border-bottom:1px dotted #fff;
}

.theme-default .nivo-caption a:hover
{
  color:#fff;
}

.theme-default #slider
{
  margin:0;
  width:940px;
/* Make sure your images are the same size */
  height:280px;
/* Make sure your images are the same size */
}

/* The Nivo Slider styles */
.nivoSlider
{
  position:relative;
}

.nivoSlider img
{
  position:absolute;
  top:0;
  left:0;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink
{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:0;
  padding:0;
  margin:0;
  z-index:6;
  display:none;
}

/* The slices and boxes in the Slider */
.nivo-slice
{
  display:block;
  position:absolute;
  z-index:5;
  height:100%;
}

.nivo-box
{
  display:block;
  position:absolute;
  z-index:5;
}

/* Caption styles */
.nivo-caption
{
  position:absolute;
  left:0;
  bottom:0;
  background:#000;
  color:#fff;
  opacity:.8;
/* Overridden by captionOpacity setting */
  width:100%;
  z-index:8;
}

.nivo-caption p
{
  padding:5px;
  margin:0;
}

.nivo-caption a
{
  display:inline!important;
}

.nivo-html-caption
{
  display:none;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a
{
  position:absolute;
  top:45%;
  z-index:9;
  cursor:pointer;
}

.nivo-prevNav
{
  left:0;
}

.nivo-nextNav
{
  right:0;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a
{
  position:relative;
  z-index:9;
  cursor:pointer;
}

.nivo-controlNav a.active
{
  font-weight:700;
}

/*888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888*/
.view
{
  width:220px;
  height:200px;
  margin:0;
  padding:0;
  float:left;
  border:0 solid #fff;
  overflow:hidden;
  position:relative;
  text-align:center;
/*-webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;*/
/*box-shadow: 1px 1px 2px #e6e6e6;*/
  cursor:default;
/*background: #fff url(../images/bg.jpg) no-repeat center center;*/
}

.view .mask,.view .content
{
  width:220px;
  height:200px;
  position:absolute;
  overflow:hidden;
  top:0;
  left:0;
}

.view img
{
  display:block;
  position:relative;
}

.view h2
{
  text-transform:uppercase;
  font-family:Arial, Helvetica, sans-serif;
  color:#fff;
  text-align:center;
  position:relative;
  font-size:14px;
  padding:10px;
  background:#000;
  margin:0;
}

.view p
{
  font-family:Arial, Helvetica, sans-serif;
  font-style:italic;
  font-size:12px;
  position:relative;
  color:#fff;
  padding:3px;
  text-align:center;
}

.view a.info
{
  font-family:Arial, Helvetica, sans-serif;
  display:inline-block;
  text-decoration:none;
  padding:2px;
  background:#000;
  color:#fff;
  text-transform:uppercase;
  -webkit-box-shadow:0 0 1px #000;
  -moz-box-shadow:0 0 1px #000;
  box-shadow:0 0 1px #000;
}

.view a.info: hover
{
  -webkit-box-shadow:0 0 5px #000;
  -moz-box-shadow:0 0 5px #000;
  box-shadow:0 0 5px #000;
}

.view-first img
{
  -webkit-transition:all .2s linear;
  -moz-transition:all .2s linear;
  -o-transition:all .2s linear;
  -ms-transition:all .2s linear;
  transition:all .2s linear;
}

.view-first .mask
{
  -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0);
  opacity:0;
  background-color:#000;
/*rgba(84, 30, 55, 0.7)*/
  -webkit-transition:all .4s ease-in-out;
  -moz-transition:all .4s ease-in-out;
  -o-transition:all .4s ease-in-out;
  -ms-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
}

.view-first h2
{
  -webkit-transform:translateY(-100px);
  -moz-transform:translateY(-100px);
  -o-transform:translateY(-100px);
  -ms-transform:translateY(-100px);
  transform:translateY(-100px);
  -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0);
  opacity:0;
  -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  -ms-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
}

.view-first p
{
  -webkit-transform:translateY(100px);
  -moz-transform:translateY(100px);
  -o-transform:translateY(100px);
  -ms-transform:translateY(100px);
  transform:translateY(100px);
  -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0);
  opacity:0;
  -webkit-transition:all .2s linear;
  -moz-transition:all .2s linear;
  -o-transition:all .2s linear;
  -ms-transition:all .2s linear;
  transition:all .2s linear;
}

.view-first:hover img
{
  -webkit-transform:scale(1.1,1.1);
  -moz-transform:scale(1.1,1.1);
  -o-transform:scale(1.1,1.1);
  -ms-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1);
}

.view-first a.info
{
  -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0);
  opacity:0;
  -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  -ms-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
}

.view-first:hover .mask
{
  -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100);
  opacity:1;
}

.view-first:hover h2,.view-first:hover p,.view-first:hover a.info
{
  -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100);
  opacity:1;
  -webkit-transform:translateY(0px);
  -moz-transform:translateY(0px);
  -o-transform:translateY(0px);
  -ms-transform:translateY(0px);
  transform:translateY(0px);
}

.view-first:hover p
{
  -webkit-transition-delay:.1s;
  -moz-transition-delay:.1s;
  -o-transition-delay:.1s;
  -ms-transition-delay:.1s;
  transition-delay:.1s;
}

.view-first:hover a.info
{
  -webkit-transition-delay:.2s;
  -moz-transition-delay:.2s;
  -o-transition-delay:.2s;
  -ms-transition-delay:.2s;
  transition-delay:.2s;
}

/*
  Variable Grid System.
  Learn more ~ http://www.spry-soft.com/grids/
  Based on 960 Grid System - http://960.gs/

  Licensed under GPL and MIT.
*/
/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/
/*body {
  min-width: 960px;
}*/
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12
{
  margin-left:auto;
  margin-right:auto;
  width:960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12
{
  display:inline;
  float:left;
  position:relative;
  margin-left:10px;
  margin-right:10px;
}

.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12
{
  position:relative;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha
{
  margin-left:0;
}

.omega
{
  margin-right:0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1
{
  width:60px;
}

.container_12 .grid_2
{
  width:140px;
}

.container_12 .grid_3
{
  width:220px;
}

.container_12 .grid_4
{
  width:300px;
}

.container_12 .grid_5
{
  width:380px;
}

.container_12 .grid_6
{
  width:460px;
}

.container_12 .grid_7
{
  width:540px;
}

.container_12 .grid_8
{
  width:620px;
}

.container_12 .grid_9
{
  width:700px;
}

.container_12 .grid_10
{
  width:780px;
}

.container_12 .grid_11
{
  width:860px;
}

.container_12 .grid_12
{
  width:940px;
}

/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1
{
  padding-left:80px;
}

.container_12 .prefix_2
{
  padding-left:160px;
}

.container_12 .prefix_3
{
  padding-left:240px;
}

.container_12 .prefix_4
{
  padding-left:320px;
}

.container_12 .prefix_5
{
  padding-left:400px;
}

.container_12 .prefix_6
{
  padding-left:480px;
}

.container_12 .prefix_7
{
  padding-left:560px;
}

.container_12 .prefix_8
{
  padding-left:640px;
}

.container_12 .prefix_9
{
  padding-left:720px;
}

.container_12 .prefix_10
{
  padding-left:800px;
}

.container_12 .prefix_11
{
  padding-left:880px;
}

/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1
{
  padding-right:80px;
}

.container_12 .suffix_2
{
  padding-right:160px;
}

.container_12 .suffix_3
{
  padding-right:240px;
}

.container_12 .suffix_4
{
  padding-right:320px;
}

.container_12 .suffix_5
{
  padding-right:400px;
}

.container_12 .suffix_6
{
  padding-right:480px;
}

.container_12 .suffix_7
{
  padding-right:560px;
}

.container_12 .suffix_8
{
  padding-right:640px;
}

.container_12 .suffix_9
{
  padding-right:720px;
}

.container_12 .suffix_10
{
  padding-right:800px;
}

.container_12 .suffix_11
{
  padding-right:880px;
}

/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1
{
  left:80px;
}

.container_12 .push_2
{
  left:160px;
}

.container_12 .push_3
{
  left:240px;
}

.container_12 .push_4
{
  left:320px;
}

.container_12 .push_5
{
  left:400px;
}

.container_12 .push_6
{
  left:480px;
}

.container_12 .push_7
{
  left:560px;
}

.container_12 .push_8
{
  left:640px;
}

.container_12 .push_9
{
  left:720px;
}

.container_12 .push_10
{
  left:800px;
}

.container_12 .push_11
{
  left:880px;
}

/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1
{
  left:-80px;
}

.container_12 .pull_2
{
  left:-160px;
}

.container_12 .pull_3
{
  left:-240px;
}

.container_12 .pull_4
{
  left:-320px;
}

.container_12 .pull_5
{
  left:-400px;
}

.container_12 .pull_6
{
  left:-480px;
}

.container_12 .pull_7
{
  left:-560px;
}

.container_12 .pull_8
{
  left:-640px;
}

.container_12 .pull_9
{
  left:-720px;
}

.container_12 .pull_10
{
  left:-800px;
}

.container_12 .pull_11
{
  left:-880px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear
{
  clear:both;
  display:block;
  overflow:hidden;
  visibility:hidden;
  width:0;
  height:20px;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,.clearfix:after
{
  content:'\0020';
  display:block;
  overflow:hidden;
  visibility:hidden;
  width:0;
  height:0;
}

.clearfix:after
{
  clear:both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix
{
  zoom:1;
} 
}