/*
RM site page CSS
Version: 1
Author: David Bonner
*/

/* BODY structure */

/*body > #outsidecontainer, body > #outsidecontainerservicesbg {
height: auto; min-height: 100%;
}*/

#outsidecontainer {
background:url("../images/bg.jpg") no-repeat scroll center top transparent;
float:left;
height:auto !important;
height: 100%;
margin:0 auto -130px;
min-height:100%;
width:100%;

}

#header {
background: url(../images/headbg.png) repeat-x;
height: 86px;
width: 100%;
}

#headerinside {
margin: 0 auto;
padding: 0 50px;
width: 800px;
}

#insidecontainer {
margin:0 auto;
padding: 0 50px;
width:900px;
}


/* NAV */

ul#nav {
float:right;
height:50px;
width:340px;
}

ul#nav li {
float: left;
}

ul#nav li#home a {
background:url("../images/nav.png") repeat scroll 0 0 transparent;
display:block;
height:44px;
width:66px;
}
ul#nav li#home a span {
display:none;
}
ul#nav li#home a:hover {
background:url("../images/nav.png") repeat scroll 0 48px transparent;
}

ul#nav li#services a {
background:url("../images/nav.png") repeat scroll -65px 0 transparent;
display:block;
height:44px;
width:102px;
}
ul#nav li#services a span {
display:none;
}
ul#nav li#services a:hover {
background:url("../images/nav.png") repeat scroll -65px 48px transparent;
}

ul#nav li#work a {
background:url("../images/nav.png") repeat scroll -167px 0 transparent;
display:block;
height:44px;
width:72px;
}
ul#nav li#work a span {
display:none;
}
ul#nav li#work a:hover {
background:url("../images/nav.png") repeat scroll -167px 48px transparent;
}

ul#nav li#contact a {
background:url("../images/nav.png") repeat scroll -239px 0 transparent;
display:block;
height:44px;
width:98px;
}
ul#nav li#contact a span {
display:none;
}
ul#nav li#contact a:hover {
background:url("../images/nav.png") repeat scroll -239px 48px transparent;
}


/* TAG BOX */

#tagbox {
float:left;
height:100px;
margin:4px 50px;
width:800px;
}


/* SLIDER */

.slider {
background:url("../images/featbg.png") no-repeat scroll 0 0 transparent;
float:left;
height:330px;
margin:0 50px;
position:relative;
width:800px;
}
.slider .wrapper {
height:270px;
left:0;
margin:0 15px;
overflow:auto;
position:absolute;
top:16px;
width:770px;
}

.slider .wrapper ul {
left:0;
list-style:none outside none;
margin:0;
position:absolute;
top:0;
width:9999px;
}

.slider ul li { 
display:block;
float:left;
height:270px;
margin:0;
padding:0;
width:770px;
}

.slider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.slider .forward                { background-position: 0 0; right: -20px; }
.slider .back                   { background-position: -67px 0; left: -20px; }
.slider .forward:hover          { background-position: 0 -200px; }
.slider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 323px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px; Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { display: none; background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.slider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.slider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

.slider ul li h2 {
font-size:24px;
letter-spacing:0;
line-height:28px;
text-shadow:0 0 4px #FFFFFF;
}
.slider ul li p {
line-height:18px;
}
.sliderimg {
margin:0;
position:absolute;
top:0;
z-index:80;
}
.slidertxt {
float:left;
padding:30px;
position:absolute;
width:324px;
z-index:100;
}

.homeslidertxt {
background:url("../images/feattxtbg.png") repeat-y scroll 0 0 transparent;
float:left;
height:210px;
left:15px;
padding:30px;
position:absolute;
top:16px;
width:324px;
z-index:100;
}


/* SLIDER2 */

.slider2 {
background:url("../images/featbg.png") no-repeat scroll 0 0 transparent;
float:left;
height:330px;
margin:30px 50px 0;
position:relative;
width:800px;
}
.slider2 .wrapper {
height:270px;
left:0;
margin:0 15px;
overflow:auto;
position:absolute;
top:16px;
width:770px;
}

.slider2 .wrapper ul {
left:0;
list-style:none outside none;
margin:0;
position:absolute;
top:0;
}

.slider2 ul li { 
display:block;
float:left;
height:270px;
margin:0;
padding:0;
width:770px;
}

.slider2 .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.slider2 .forward                { background-position: 0 0; right: -20px; }
.slider2 .back                   { background-position: -67px 0; left: -20px; }
.slider2 .forward:hover          { background-position: 0 -200px; }
.slider2 .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 323px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px; Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { display: none; background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.slider2 .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.slider2 .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

.homeslidertxt h2 {
font-size:24px;
letter-spacing:0;
line-height:28px;
text-shadow:0 0 4px #FFFFFF;
}
.homeslidertxt p {
line-height:18px;
}
.sliderimg {
margin:0;
position:absolute;
top:0;
z-index:80;
}
.slidertxt {
float:left;
padding:30px;
position:absolute;
width:324px;
z-index:100;
}

/* WHAT WE CAN DO */

#whatwe {
background:url("../images/wwcdfu.png") no-repeat scroll 0 0 transparent;
float:left;
height:350px;
margin:30px 50px;
width:800px;
}

/* DETAIL BOXES */

#detailboxes {
background:url("../images/btmboxes.png") no-repeat scroll 0 0 transparent;
float:left;
height:400px;
margin:30px 50px;
width:800px;
}

/* BOXES */

.box {
float:left;
height:400px;
margin:107px 0 0;
padding:0 30px;
text-align:justify;
width:340px;
}

.box h1 {
color:#CBEBFB;
}

.box p {
}

.boxlist {
float:left;
font-size:16px;
font-weight:bold;
height:400px;
margin:99px 0 0;
padding:0 0 0 69px;
text-shadow:0 0 2px #FFFFFF;
width:316px;
}

.boxlist2 {
float:left;
height:auto;
margin:84px 0 0;
padding:0 0 0 41px;
text-shadow:0 0 1px #FFFFFF;
width:370px;
}

.boxlist ul {
float:left;
}

.boxlist ul li {
float:left;
list-style:none outside none;
margin:0 0 24px;
width:100%;
}

.boxlist p {
float:right;
margin:10px 30px 10px 0;
}

a#contactbtn {
background:url("../images/cu.png") no-repeat scroll 0 -33px transparent;
display:block;
float:right;
height:32px;
text-indent:-9999px;
width:159px;
}

a#contactbtn:hover {
background: url("../images/cu.png") no-repeat scroll 0 0 transparent;
}

/* SERVICES */

#outsidecontainerservicesbg {
background:url("../images/servicesbg.jpg") no-repeat scroll center top transparent;
float:left;
height:auto !important;
margin:0 auto -130px;
min-height:100%;
width:100%;
}
#servicespage {
background:url("../images/servicesheader.png") no-repeat scroll center top transparent;
float:left;
margin:0 50px;
min-height:411px;
padding:62px 20px 0;
width:760px;
}

#servicespage p {
float:left;
}

		
.slider-wrap {
float:left;
height:374px;
margin:0;
position:relative;
width:400px;
}

.csw {background:url("../images/slidebgnew.png") no-repeat scroll 0 -14px transparent;
border:medium none;
clear:both;
height:410px;
margin:0 auto;
overflow:hidden;
position:relative;
top:-10px;
width:400px;
}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer {
border:medium none;
clear:both;
height:auto;
margin:0 auto;
overflow:hidden;
position:relative;
top:0;
width:750px;
}
		
.stripViewer .panelContainer {
position: relative;
left: 0; top: 0;
width: 100%;
list-style-type: none;
}
		
.stripViewer .panelContainer .panel {
float:left;
height:100%;
position:relative;
width:760px;
}
		
.stripViewer .panelContainer .panel .wrapper {
float:left;
padding:20px 0;
}

.stripViewer .panelContainer .panel .wrapper h1 {
color:#FFFFFF;
font-size:20px;
line-height:30px;
}
		
.stripNav {
color:#ffffff;
font-size:16px;
left:-294px;
margin:10px 0 0;
text-align:center;
top:206px;
width:100%;
}
		
.stripNav ul {
border-bottom:1px solid #010E30;
float:left;
list-style:none outside none;
padding:0 0 11px;
text-align:left;
width:760px;
}
		
.stripNav ul li {
display:inline;
font-size:18px;
line-height:22px;
margin:0 20px 0 4px;
text-shadow:0 0 10px #E7F6FD;
width:auto;
}
		
.stripNav a { /* The nav links */
color:#E7F6FD;
font-weight:bold;
}
		
.stripNav li a:hover {
color: #ffffff;
}
		
/*.stripNav li a.current {
background: #000;
color: #fff;
}*/
		
.stripNavL, .stripNavR {
display: none;
position: absolute;
top: 230px;
text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
display: block;
height: 40px;
width: 40px;
}
		
.stripNavL {
left: 0;
}
		
.stripNavR {
right: 0;
}
		
.stripNavL {
background: url("images/arrow-left.gif") no-repeat center;
}
		
.stripNavR {
background: url("images/arrow-right.gif") no-repeat center;
}


/* WORK */

.workbox {
background:url("../images/vworkbg.png") no-repeat scroll 0 0 transparent;
float:left;
height:583px;
margin:10px 34px;
width:380px;
}

.workimage {
float:left;
margin:11px 12px;
}

.workimginside {
position:absolute;
z-index:99;
}

.worktxt {
background:url("../images/vworktxtbg.png") repeat scroll 0 0 transparent;
height:230px;
margin:291px 0 0;
padding:20px;
position:absolute;
width:317px;
z-index:100;
}

.worktxt h2 {
font-size:20px;
letter-spacing:0;
line-height:28px;
text-shadow:0 0 4px #FFFFFF;
}

/* WORK PAGE */

#workpage {
background:url("../images/workheader.png") no-repeat scroll center top transparent;
float:left;
margin:0;
min-height:411px;
padding:70px 0 0;
width:900px;
}



/* FORM */

#fields {
float:left;
margin:0 0 32px;
width:100%;
}
#fields label {
float:left;
font-weight:bold;
margin:11px 0 0 0;
width:90px;
}

#fields input, #fields textarea {
background:none repeat scroll 0 0 #021132;
border:1px solid #021132;
color:#E6F5FD;
float:left;
font-family:Helvetica,Arial,Sans-Serif;
font-size:12px;
margin:2px 45px 25px 0;
opacity:0.4;
padding:10px;
width:222px;
filter:alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
}

#fields textarea {
height: 40px;
}

#fields input:focus, #fields textarea:focus {
background: #5292BB;
filter:alpha(opacity=100);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}

#fields input.button {
background:none repeat scroll 0 0 #45668F;
border:1px solid #45668F;
cursor:pointer;
font-size:14px;
font-weight:bold;
margin:0 0 0 90px;
padding:8px 0 5px;
width:66px;
}

#fields input.button:hover {
filter:alpha(opacity=100);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}

.notification_error {
background:none repeat scroll 0 0 red;
border:1px solid red;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
margin:0 0 14px;
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
padding:5px;
text-align:center;
top:55px;
width:680px;
}

.info_fieldset {
float:left;
width:100%;
}

#note {
float:left;
width:100%;
}

#testbox {
float:left;
font-size:12px;
margin:20px 50px 20px;
text-align:justify;
text-shadow:0 0 4px #FFFFFF;
width:800px;}

#contactpage {
background:url("../images/contactheader.png") no-repeat scroll center top transparent;
float:left;
margin:0 50px;
min-height:411px;
padding:70px 30px 0;
width:740px;
}

/* FOOTER */

#footer {
background:url("../images/footerbg.png") no-repeat scroll center center transparent;
width:100%;
}
#footer {
float:left;
height:130px;
margin:131px 0 0;
}

#footercontain {
background:url("../images/footbgtile.png") repeat-x scroll center center transparent;
height:80px;
margin:51px 0 0;
width:100%;
}

#footercontain p {
margin:47px auto 0;
padding:47px 0 0;
text-align:right;
text-shadow:0 0 3px #FFFFFF;
width:800px;
}