/* rsandk.com Style Sheet */

/* Created June 2009 */

/*------------------------------------------*/



/*  GLOBAL/DIV */

/* -------------------------------------- */


html, body {
margin-top : 10px;
padding : 0;
}
body {
font : 76% "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
background : url("../images/back.gif");
background-repeat : repeat;
}



/*  PARAGRAPH STYLES*/

/* -------------------------------------- */

p {
margin : 15px 10px 10px;
}
p.nav {
padding-top : 35px;
}
p.video {
padding-top : 10px;
padding-left : 14px;
}


a:focus {
outline : none;
}
div#header {
width : 970px;
height : 75px;
margin : 0;
padding-left : 10px;
background : url("../images/rsk_logo_header.gif");
background-repeat : no-repeat;
}
div#navhome {
width : 970px;
height : 64px;
margin : 0;
padding-left : 560px;
}
div#copy {
width : 930px;
height : 80px;
padding-left : 25px;
padding-right : 20px;
font : normal 0.95em "Arial", "Helvetica Neue", Helvetica, sans-serif;
color : #666;
line-height : 16px;
text-align : left;
}
div#newsbar {
float : left;
width : 585px;
height : 193px;
background : url("../images/bar.jpg");
background-repeat : repeat-x;
font : normal 0.95em "Arial", "Helvetica Neue", Helvetica, sans-serif;
color : #666;
line-height : 18px;
text-align : left;
padding-left : 15px;
padding-right : 15px;
}
div#timeline {
float : right;
width : 970px;
height : 200px;
background : url("../images/bar.jpg");
background-repeat : repeat-x;
font : normal 0.95em "Arial", "Helvetica Neue", Helvetica, sans-serif;
color : #666;
text-align : left;
}
div#funbar {
float : right;
width : 345px;
height : 193px;
background : url("../images/bar.jpg");
background-repeat : repeat-x;
font : normal 0.95em "Arial", "Helvetica Neue", Helvetica, sans-serif;
color : #666;
text-align : left;
padding-right : 10px;
}
div#newsbar2 {
float : left;
width : 570px;
height : 193px;
background : url("../images/bar.jpg");
background-repeat : repeat-x;
font : normal 0.95em "Arial", "Helvetica Neue", Helvetica, sans-serif;
color : #666;
line-height : 16px;
text-align : left;
padding-left : 15px;
padding-right : 15px;
}
div#funbar2 {
float : right;
width : 360px;
height : 193px;
background : url("../images/bar.jpg");
background-repeat : repeat-x;
font : normal 0.95em "Arial", "Helvetica Neue", Helvetica, sans-serif;
color : #666;
text-align : left;
padding-right : 10px;
}
div#newsbar3 {
float : left;
width : 570px;
height : 193px;
background : url("../images/bar.jpg");
background-repeat : repeat-x;
font : normal 0.95em "Arial", "Helvetica Neue", Helvetica, sans-serif;
color : #666;
line-height : 16px;
text-align : left;
padding-left : 15px;
padding-right : 15px;
}
div#funbar3 {
float : right;
width : 360px;
height : 193px;
background : url("../images/bar.jpg");
background-repeat : repeat-x;
font : normal 0.95em "Arial", "Helvetica Neue", Helvetica, sans-serif;
color : #666;
text-align : left;
padding-right : 10px;
}


.click {
font : normal 0.95em "Arial", "Helvetica Neue", Helvetica, sans-serif;
color : #666;
line-height : 16px;
text-align : left;
padding-left : 25px;
padding-top : 45px;
}
.click2 {
font : normal 0.95em "Arial", "Helvetica Neue", Helvetica, sans-serif;
color : #666;
line-height : 16px;
text-align : left;
padding-left : 25px;
}
.click3 {
font : normal 0.95em "Arial", "Helvetica Neue", Helvetica, sans-serif;
color : #666;
line-height : 16px;
text-align : left;
padding-left : 25px;
padding-bottom : 20px;
}
.click4 {
text-align : center;
padding-left : 25px;
padding-top : 10px;
}
div#footer {
background : #fff;
}
div#footer p {
margin : 0;
padding : 0 0 0 180px;
}
div#container {
width : 970px;
text-align : left;
background : #fff;
margin : 0 auto;
border : 1px solid #cccccc;
}
div#content {
float : right;
width : 840px;
height : 300px;
text-align : center;
padding-top : 35px;
}
div#content_home {
float : right;
width : 970px;
height : 435px;
margin-left : auto;
text-align : center;
padding-top : 10px;
}

div#content_404 {
float : right;
width : 970px;
height : 435px;
margin-left : auto;
text-align : left;
padding-top : 10px;
}

h1.error {
font : normal 40px "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
color : #ff0000;
padding-top: 25px;
margin-left : 10px;
margin-bottom : 0;
}



/*  CONTACT/DIV */

/* -------------------------------------- */

div#contactbar {
float : left;
width : 525px;
height : 193px;
background : url("../images/bar.jpg");
background-repeat : repeat-x;
font : normal 0.95em "Arial", "Helvetica Neue", Helvetica, sans-serif;
color : #666;
line-height : 16px;
text-align : left;
padding-left : 15px;
padding-right : 15px;
}
div#contacttime {
float : right;
width : 415px;
height : 193px;
background : url("../images/bar.jpg");
background-repeat : repeat-x;
text-align : left;
}
div#contactbar2 {
float : left;
width : 400px;
height : 173px;
background : url("../images/bar.jpg");
background-repeat : repeat-x;
font : normal 0.95em "Arial", "Helvetica Neue", Helvetica, sans-serif;
color : #666;
line-height : 16px;
text-align : left;
padding-left : 15px;
padding-right : 15px;
}
div#contacttime2 {
float : right;
width : 540px;
height : 173px;
background : url("../images/bar.jpg");
background-repeat : repeat-x;
text-align : left;
}

div#content_contact_video {
float : left;
width : 620px;
height : 365px;
margin-left : auto;
text-align : center;
padding-top : 20px;
}

.time {
padding-top : 20px;
}
.time2 {
padding-top : 20px; padding-left:15px;
}



.smalltext {
color : #666;
font-size : 10px;
}


/*  APPROACH/DIV */

/* -------------------------------------- */


div#content_approach {
float : right;
width : 970px;
height : 410px;
margin-left : auto;
text-align : center;
padding-top : 10px;
}

div#contact_info {
float : right;
width : 330px;
height : 365px;
margin-left : auto;
text-align : left;
padding-top : 10px;
padding-left : 20px;
color : #666;
line-height : 18px;
}
div#content_people {
float : right;
width : 970px;
height : 425px;
margin-left : auto;
text-align : center;
padding-top : 10px;
}
div#content_experience {
float : right;
width : 970px;
height : 100%;
margin-left : auto;
}

div#navigation {
float : left;
width : 120px;
background : #fff;
padding-top : 30px;
padding-left : 0;
}
div#directions {
float : left;
width : 540px;
background : #fff;
text-align : left;
padding-left : 60px;
padding-top : 5px;
color : #666;
line-height : 16px;
}
div#client_description {
float : left;
width : 510px;
background : #fff;
text-align : left;
padding-left : 50px;
padding-top : 20px;
color : #666;
line-height : 16px;
}
div#quote {
float : right;
width : 255px;
font : normal 14px "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
color : #ff0000;
padding-right : 5px;
padding-top : 18px;
}
div#quote_rev {
float : right;
width : 245px;
font : normal 14px "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height : 18px;
color : #ff0000;
padding-right : 20px;
padding-top : 50px;
}
div#footer {
clear : both;
width : 100%;
height : 20px;
color : #666;
font-size : 10px;
}
div#footer_home {
clear : both;
width : 100%;
height : 20px;
font : normal 9px "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
color : #666;
text-align : center;
}
div#clear {
clear : both;
width : 100%;
height : 20px;
}
div#clear2 {
clear : both;
width : 100%;
height : 5px;
}


table.halloween{padding:0 0 0 80px;}


/*  TEXT STYLES*/

/* -------------------------------------- */

span.small {
font-size : 0.77em;
}
span.smallred {
font-size : 0.77em;
color : #ff2200;
}


span.click {
font : normal 9px "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
color : #999;
}
span.red {
font-family : 'Trebuchet MS', arial, helvetica, sans-serif;
color : #ff0000;
line-height : 1.25em;
background-color : #ffffff;
margin-top : 0;
}
span.red2 {
color : #ff2200;
}



/*  NEWS PAGE DIVS*/

/* -------------------------------------- */

.wrappernews {
width : 970px;
height : 200px;
}
.wrappernews130 {
width : 970px;
height : 130px;
}
.wrappernews160 {
width : 970px;
height : 170px;
}

.wrappernews200 {
width : 970px;
height : 200px;
}


.wrappernews250 {
width : 970px;
height : 250px;
}

.wrappernews300 {
width : 970px;
height : 300px;
}

.wrappernews270 {
width : 970px;
height : 270px;
}

div#content_news {
float : right;
width : 970px;
height : 100%;
margin-left : auto;
text-align : left;
padding-top : 25px;
}
div#news_left {
float : left;
width : 221px;
text-align : left;
padding-left : 15px;
}
div#news_right {
float : right;
width : 690px;
text-align : left;
padding-right : 40px;
}
div#news_left1 {
float : left;
width : 221px;
text-align : left;
padding-left : 15px;
}
div#news_right1 {
float : right;
width : 690px;
text-align : left;
padding-right : 40px;
}
div#news_left2 {
float : left;
width : 221px;
text-align : left;
padding-left : 15px;
}
div#news_right2 {
float : right;
width : 690px;
text-align : left;
padding-right : 40px;
}
div#news_left3 {
float : left;
width : 221px;
text-align : left;
padding-left : 15px;
}
div#news_right3 {
float : right;
width : 690px;
text-align : left;
padding-right : 40px;
}
div#news_left4 {
float : left;
width : 221px;
text-align : left;
padding-left : 15px;
}
div#news_right4 {
float : right;
width : 690px;
text-align : left;
padding-right : 40px;
}
div#news_left5 {
float : left;
width : 221px;
text-align : left;
padding-left : 15px;
}
div#news_right5 {
float : right;
width : 690px;
text-align : left;
padding-right : 40px;
}
.myScrollingDiv {
height : 230px;
width : 970px;
overflow : auto;
}



/*  IMAGE STYLES*/

/* -------------------------------------- */


img.pad {
padding-left : 15px;
}
img {
border : 0;
}
img.png {
float : left;
display : inline;
}
img.png2 {
float : right;
display : inline;
}


/*  HEADER STYLES */

/* -------------------------------------- */

h1.red {
font : normal 13px "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
color : #ff0000;
font-size : 15px;
margin-left : 10px;
margin-bottom : 0;
}
h1.redhome {
font : normal 13px "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
color : #ff0000;
font-size : 15px;
padding : 20px 0 10px 0;
}
h1.redtime {
font : normal 13px "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
color : #ff0000;
font-size : 15px;
padding : 20px 0 0 20px;
}

h2.red {
font-family : 'Trebuchet MS', arial, helvetica, sans-serif;
font-size : 12px;
color : #ff0000;
line-height : 1.25em;
background-color : #ffffff;
margin-top : 0;
}

/*  ANCHOR STYLES */

/* -------------------------------------- */
a.home_nav {
font-family : Arial;
color : #666;
text-align : left;
letter-spacing : 0;
line-height : 1.4em;
font-size : 0.95em;
margin : 0 25px 0 450px;
text-decoration : none;
}
a.home_nav:hover {
font-family : Arial;
color : #ff3333;
text-align : left;
letter-spacing : 0;
line-height : 1.4em;
font-size : 0.95em;
margin : 0 25px 0 450px;
text-decoration : none;
}
a.nav {
font-family : Arial;
color : #666;
text-align : left;
letter-spacing : 0;
line-height : 1.4em;
font-size : 0.95em;
margin : 0 25px 0 0;
text-decoration : none;
}
a.nav:hover {
font-family : Arial;
color : #ff3333;
text-align : left;
letter-spacing : 0;
line-height : 1.4em;
font-size : 0.95em;
margin : 0 25px 0 0;
text-decoration : none;
}
a.nav_client {
font-family : Arial;
color : #666;
text-align : left;
letter-spacing : 0;
line-height : 1.4em;
font-size : 0.95em;
margin : 0 10px 0 20px;
text-decoration : none;
}
a.nav_client:hover {
font-family : Arial;
color : #ff3333;
text-align : left;
letter-spacing : 0;
line-height : 1.4em;
font-size : 0.95em;
margin : 0 10px 0 20px;
text-decoration : none;
}
a.gray {
color : #666;
text-decoration : underline;
}


/*  TABLE STYLE - experience */

/* -------------------------------------- */
#Table_01 {
position : relative;
left : 50px;
top : 0;
width : 846px;
height : 350px;
}
#logos-layout-90percent-01 {
position : absolute;
left : 0;
top : 0;
width : 158px;
height : 74px;
}
#logos-layout-90percent-02 {
position : absolute;
left : 158px;
top : 0;
width : 185px;
height : 74px;
}
#logos-layout-90percent-03 {
position : absolute;
left : 343px;
top : 0;
width : 190px;
height : 74px;
}
#logos-layout-90percent-04 {
position : absolute;
left : 533px;
top : 0;
width : 186px;
height : 74px;
}
#logos-layout-90percent-05 {
position : absolute;
left : 719px;
top : 0;
width : 127px;
height : 74px;
}
#logos-layout-90percent-06 {
position : absolute;
left : 0;
top : 74px;
width : 158px;
height : 65px;
}
#logos-layout-90percent-07 {
position : absolute;
left : 158px;
top : 74px;
width : 185px;
height : 65px;
}
#logos-layout-90percent-08 {
position : absolute;
left : 343px;
top : 74px;
width : 190px;
height : 65px;
}
#logos-layout-90percent-09 {
position : absolute;
left : 533px;
top : 74px;
width : 186px;
height : 65px;
}
#logos-layout-90percent-10 {
position : absolute;
left : 719px;
top : 74px;
width : 127px;
height : 65px;
}
#logos-layout-90percent-11 {
position : absolute;
left : 0;
top : 139px;
width : 158px;
height : 81px;
}
#logos-layout-90percent-12 {
position : absolute;
left : 158px;
top : 139px;
width : 185px;
height : 81px;
}
#logos-layout-90percent-13 {
position : absolute;
left : 343px;
top : 139px;
width : 190px;
height : 81px;
}
#logos-layout-90percent-14 {
position : absolute;
left : 533px;
top : 139px;
width : 186px;
height : 81px;
}
#logos-layout-90percent-15 {
position : absolute;
left : 719px;
top : 139px;
width : 127px;
height : 81px;
}
#logos-layout-90percent-16 {
position : absolute;
left : 0;
top : 220px;
width : 158px;
height : 59px;
}
#logos-layout-90percent-17 {
position : absolute;
left : 158px;
top : 220px;
width : 185px;
height : 59px;
}
#logos-layout-90percent-18 {
position : absolute;
left : 343px;
top : 220px;
width : 190px;
height : 59px;
}
#logos-layout-90percent-19 {
position : absolute;
left : 533px;
top : 220px;
width : 186px;
height : 59px;
}
#logos-layout-90percent-20 {
position : absolute;
left : 719px;
top : 220px;
width : 127px;
height : 59px;
}
#logos-layout-90percent-21 {
position : absolute;
left : 0;
top : 279px;
width : 158px;
height : 71px;
}
#logos-layout-90percent-22 {
position : absolute;
left : 158px;
top : 279px;
width : 185px;
height : 71px;
}
#logos-layout-90percent-23 {
position : absolute;
left : 343px;
top : 279px;
width : 190px;
height : 71px;
}
#logos-layout-90percent-24 {
position : absolute;
left : 533px;
top : 279px;
width : 186px;
height : 71px;
}
#logos-layout-90percent-25 {
position : absolute;
left : 719px;
top : 279px;
width : 127px;
height : 71px;
}
