/* GENERAL STYLES */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html
{
    color: #000;
    background: #FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td
{
    margin: 0;
    padding: 0;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img
{
    border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var
{
    font-style: normal;
    font-weight: normal;
}
li
{
    list-style: none;
}
caption, th
{
    text-align: left;
}
h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after
{
    content: '';
}
abbr, acronym
{
    border: 0;
    font-variant: normal;
}
/* to preserve line-height and selector appearance */
sup
{
    vertical-align: text-top;
}
sub
{
    vertical-align: text-bottom;
}
input, textarea, select
{
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
/*to enable resizing for IE*/
input, textarea, select
{ *font-size:100%;}
/*because legend doesn't inherit in IE */
legend
{
    color: #000;
}
del, ins
{
    text-decoration: none;
}
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
/* base.css, part of YUI's CSS Foundation */
h1
{
    /*18px via YUI Fonts CSS foundation*/
    font-size: 138.5%;
}
h2
{
    /*16px via YUI Fonts CSS foundation*/
    font-size: 123.1%;
}
h3
{
    /*14px via YUI Fonts CSS foundation*/
    font-size: 108%;
}
h1, h2, h3
{
    /* top & bottom margin based on font size */
    margin: 1em 0;
}
h1, h2, h3, h4, h5, h6, strong
{
    /*bringing boldness back to headers and the strong element*/
    font-weight: bold;
}
abbr, acronym
{
    /*indicating to users that more info is available */
    border-bottom: 1px dotted #000;
    cursor: help;
}
em
{
    /*bringing italics back to the em element*/
    font-style: italic;
}
del
{
    text-decoration: line-through;
}
blockquote, ul, ol, dl
{
    /*giving blockquotes and lists room to breath*/
    margin: 1em;
}
ol, ul, dl
{
    /*bringing lists on to the page with breathing room */
    margin-left: 2em;
}
ol li
{
    /*giving OL's LIs generated numbers*/
    list-style: decimal outside;
}
ul li
{
    /*giving UL's LIs generated disc markers*/
    list-style: disc outside;
}
dl dd
{
    /*giving UL's LIs generated numbers*/
    margin-left: 1em;
}
th, td
{
    /*borders and padding to make the table readable*/
    border: 1px solid #000;
    padding: .5em;
}
th
{
    /*distinguishing table headers from data cells*/
    font-weight: bold;
    text-align: center;
}
caption
{
    /*coordinated margin to match cell's padding*/
    margin-bottom: .5em; /*centered so it doesn't blend in to other content*/
    text-align: center;
}
p, fieldset, table, pre
{
    /*so things don't run into each other*/
    margin-bottom: 1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text], input[type=password], textarea
{
    width: 12.25em; *width:11.9em;}



/* The follows are the redspidersolutions css */
html
{
    background-color:#d6d5d4;
}

body
{
    text-align: center;
}

a
{
    color: #d5222b;
}

strong
{
    color: #d5222b;
}

a:hover
{
    text-decoration:underline;
    color:#d5222b;
}

.rds_content_wrapper
{
    width: 950px;
    margin: 0 auto;
    text-align: left;
    /*border: 2px solid red;
		min-height:800px;*/
    font-family:Trebuchet MS;
}

.rds_header_container
{
    background:#c3232c url(../images/rds_bg2.png) repeat-x scroll 0 0;
    height:85px;
    width:100%;
}

.rds_header_container .rds_header
{
    width:950px;
    margin:0 auto;
}

.rds_header_container span
{
    width:253px;
    height:72px;
    float:right;
    background: url(../images/reds.png) no-repeat 0 -130px;
    margin:3px 100px;
    color:#c3232c;
    font-size:1px;  /*hide the actural red spider word */
}

.rds_menu_container
{
    height:22px;
    width:100%;
    /*border:2px solid green;*/
}

.rds_main_content_wrapper
{
    /*min-height:600px;*/
    padding:20px 0px;
}

.rds_content_wrapper div
{
}

.rds_content_left
{
    float:left;
    margin:40px 0 20px 80px;
    _margin:40px 0 20px 40px;
    border: 3px solid #be1e25;
    width:520px;
    min-height:535px;
    _height:550px;
    background-color:white;
    padding:15px;
    font-size:13px;
}

address
{
    font-size:10px;
}

.rds_content_left hr
{
    color:#be1e25;
    background-color:#be1e25;
    height:3px;
}

.rds_content_left .contentHeader, h1
{
    color:#e22e3f;
    font-size:16px;
    word-spacing:-0.05em;
    margin:10px 0;
    font-weight: normal;
}

h2
{
    color:#e22e3f;
    font-size:14px;
    word-spacing:-0.05em;
    margin:10px 0;
    font-weight: normal;
}

h3
{
    color:#e22e3f;
    font-size:12px;
    word-spacing:-0.05em;
    margin:10px 0;
    font-weight: normal;
    margin-bottom: 3px;
}

.rds_content_left .first_left_cross
{
    position:relative;
    padding-left:180px;
    padding-top:5px;
    font-size:16px;
    color:#bebcbc;
    height:82px;    /* according to padding */
    line-height:20px;
    overflow:visible;
}

.rds_content_left .first_left_cross .left_content_text
{
}

.rds_content_left .first_left_cross .contentHeader
{
    text-align:left;
}

.rds_content_left .first_left_cross .left_content_image
{
    /*background: url(../images/reds.gif) no-repeat -448px -56px;   
    background-image:url(../images/image_content_trans_small.gif);
    background-repeat:no-repeat;    
    width:167px;
    height:119px;*/
    position:absolute;
    top:-26px;
    left:-1px;
}
.rds_content_left .first_left_cross .left_content_image img
{
    height:120px;
}

.rds_content_left .stages_div_wrapper
{
    width:100%;
    min-height:240px;
}

.rds_content_left .stages_div
{
    width:155px;
    height:200px;
    float:left;
    margin-right:10px;
    margin-top:20px;
    background-color:#e4e0df;
    color:#d51f2a;
    font-size:12px;
    line-height:14px;
    padding:5px;
}

.rds_content_left .stages_last
{
    margin-right:0px;
}

.rds_content_left .stages_div .learnMoreStyle
{
    background:#f5f5f5 url(../images/reds.png) no-repeat -260px -130px;
    width:115px;
    height:20px;
    font-size:13px;
    margin-left:15px;
    font-weight:bold;
    text-align:center;
    padding-top:3px;
    cursor:pointer;
}

.rds_content_left .stages_div .contentHeader
{
    text-align:left;
}

/* style for the rights */
.rds_content_right1
{
    float:left;
    margin:40px 0 40px 20px;
    border:3px solid #ababab;
    width:230px;
    min-height:100px;
    /*background:transparent url(../images/rds_bg.png) repeat-x scroll 0 -235px;*/
    background-color:#d6d5d4;
    background-image:url(../images/rds_bg2.gif);
    background-repeat:repeat-x;
    padding:13px;
    font-size:14px;
    text-align:center;
}

.rds_content_right1 div
{
    text-align:left;
}

.rds_content_right1 span
{
    font-size:12px;
    color:#d5222b;
}

.rds_content_right1 span.telephone
{
    text-align:left;
    color:black;
    font-size:18px;
    margin:20px;
}

.rds_content_right2
{
    float:left;
    border:3px solid #ababab;
    margin:25px 0 20px 20px;
    width:230px;
    min-height:200px;
    background-color:white;
    padding:60px 12px 12px 12px;
    font-size:14px;
    color:#b2b1b1;
    position:relative;
}

.rds_content_right2 div.content_head_image
{
    position:absolute;
    top:-110px;
    left:45px;
    /*background: url(../images/reds.gif) no-repeat -270px -53px;    
    background-image:url(../images/image_news_trans_small.gif);
    background-repeat:no-repeat;
    width:160px;
    height:120px;*/
}

.rds_content_right2 div.content_head_image img
{
    width:160px;
    height: 120px;
}

.rds_content_right2 .privacyText
{
    font-size:11px;
    text-align:center;
}

.rds_content_right2 label
{
    display:block;
    color:#d5222b;
}

.rds_content_right2 input
{
    display:block;
    border:1px solid #d5222b;
    width:200px;
    height:20px;
}

.rds_content_right2 input#newsSubmit /* [type=submit] --> IE6 does not like this */
{
    color:white;
    background-color:#d5222b;
    border-width:0px;
    width:75px;
    height:22px;
    margin:5px 0px 5px 125px;
}

.rds_footer_container
{
	clear:both;
	float:left;
    width:100%;
    height:40px;
    /*border:2px solid blue;*/
    margin-top:25px;
}

.rds_footer_container hr
{
    height:5px;
    color:#aaaaaa;
    background-color:#aaaaaa;
}

.the_red_spider
{
    height:40px;
    position:absolute;
    right:-25px;
    bottom:-25px;
}

#the_red_spider_to
{
    position:absolute;
    height:40px;
    width:66px;
    left:-25px;
    bottom:-25px;    
    border:2px solid black;
}

/** follows is for the menu **/
#navigation
{
    text-align:center;
	width: 950px; 
}

#navigation ul {
    margin:0 auto;
	width: 750px;   /* the width of the whole menu, if to be centre */
	height: 30px; 
	/**  position: absolute; Places image at the top of the page **/
	/**top: 7px; Determines the height from the top of the page **/
	/**left: 22px;  Determines the width from the left of the page **/
	/* background: url(../images/reds.png) no-repeat 0 0; */
	list-style: none;
	padding: 0;
	position:relative;
}
#navigation li, #navigation li.top_menu {
	display: inline;
}
#navigation a * {
  display: none;
}
#navigation a, #navigation a .hover {
	border: none;
	width: 107px; /** width of the button in active state **/
	height: 30px; /** height of the button in active state **/
	display: block; 
	position: absolute;
	top: 0; 
	/** text-indent: -7000px; Removes li text from the screen **/
	outline: none;
	cursor:pointer; /* for the span on top of it */
    background-image:url(../images/reds.png);
}
#navigation a.home .hover, #navigation a.webDesign .hover, #navigation a.webMarketing .hover, #navigation a.hosting .hover,
#navigation a.portfolio .hover, #navigation a.freeAdvice .hover, #navigation a.contactUs .hover 
{
    left:0px;
}

#navigation a.home { 
	left: 0px;
    background-position: 0px 0px;
}
#navigation a.webDesign { 
	left: 107px;  /** how many px left of the first button i.e blue **/
    background-position: -107px 0px;
}
#navigation a.webMarketing { 
	left: 214px;  /** how many px left of the first button i.e blue **/
    background-position: -214px 0px;
}
#navigation a.hosting { 
	left: 321px;  /** how many px left of the first button i.e blue **/
    background-position: -321px 0px;
}
#navigation a.portfolio { 
	left: 428px;  /** how many px left of the first button i.e blue **/
    background-position: -428px 0px;
}
#navigation a.freeAdvice { 
	left: 535px;  /** how many px left of the first button i.e blue **/
    background-position: -535px 0px;
}
#navigation a.contactUs { 
	left: 643px;  /** how many px left of the first button i.e blue **/
    background-position: -643px 0px;
}

#navigation .top_menu a.home:hover, #navigation a.home .hover {
	background-position: 0px -30px; /** moves image up 22px showing the rollover states **/ 
}
#navigation .top_menu a.webDesign:hover, #navigation a.webDesign .hover {
	background-position: -107px -30px; /** moves image up 22px and right 105px showing the rollover states **/
}
#navigation .top_menu a.webMarketing:hover, #navigation a.webMarketing .hover {
	background-position: -214px -30px;
}
#navigation .top_menu a.hosting:hover, #navigation a.hosting .hover {
	background-position: -321px -30px;
}
#navigation .top_menu a.portfolio:hover, #navigation a.portfolio .hover {
	background-position: -428px -30px;
}
#navigation .top_menu a.freeAdvice:hover, #navigation a.freeAdvice .hover {
	background-position: -535px -30px;
}
#navigation .top_menu a.contactUs:hover,#navigation a.contactUs .hover {
	background-position: -643px -30px;
}

/* if currently visiting this tab */
#navigation li.home a.visiting
{
    background-position:0px -90px;
}
#navigation li.webDesign a.visiting
{
    background-position:-107px -90px;
}
#navigation li.webMarketing a.visiting
{
    background-position:-214px -90px;
}
#navigation li.hosting a.visiting
{
    background-position:-321px -90px;
}
#navigation li.portfolio a.visiting
{
    background-position:-428px -90px;
}
#navigation li.freeAdvice a.visiting
{
    background-position:-535px -90px;
}
#navigation li.contactUs a.visiting
{
    background-position:-643px -90px;
}

#navigation li.home a.visiting .hover 
{
    background-position:0px -60px;
}
#navigation li.webDesign a.visiting .hover 
{
    background-position:-107px -60px;
}
#navigation li.webMarketing a.visiting .hover 
{
    background-position:-214px -60px;
}
#navigation li.hosting a.visiting .hover 
{
    background-position:-321px -60px;
}
#navigation li.portfolio a.visiting .hover 
{
    background-position:-428px -60px;
}
#navigation li.freeAdvice a.visiting .hover 
{
    background-position:-535px -60px;
}
#navigation li.contactUs a.visiting .hover 
{
    background-position:-643px -60px;
}

/* follows css is for colour text */
/*
h1.rds_colours
{
    display:block;
    font:36px/1.1 "Lucida Grande",verdana,sans-serif;
    margin:0;
    position:absolute;
    width:777px;
    overflow:hidden;
    text-align:left;
    height:40px;
}
*/
span.rds_colours
{
    display:block;
    height:16px;
    position:relative;
    right:0px;
    text-align:right;
    font-size:14px;
}

.rds_colour 
{
    background:transparent;
    color:#000;
    display:block;
    position:relative;  /* for other span to position accordingly */
    height:1px;
    overflow:hidden;
    z-index:11;
}

.rds_colour span
{
    position:absolute;
    display:block;
    top:0;
    right:0;
    width:777px;
    z-index:11;
}

.rds_colours .highlight
{
    color:#ccc;
    display:block;
    position:absolute;
    top:-2px;
    right:0;
    z-index:10;
    width:777px;
}

.rds_colours .shadow 
{
	color: #000;
	display:block;
	position: absolute;
	opacity: 0.5;
	top: 0px;
	right: 1px;
	z-index: 9;
	width: 777px;
}

/* EDITOR PROPERTIES */
h1 {

}

h2 {

}

h3 {

}

/* for user controls -> rds newsletter */
    .rdsNewsletter
    {
        width:204px;
        font-family:Trebuchet MS;
        /*border:2px solid black;*/
    } 
    
    .rdsNewsletter label
    {
        display:block;
        color:#d5222b;
    }

    .rdsNewsletter input
    {
        display:block;
        border:1px solid gray;
        width:190px;
        height:12px;
        padding: 4px;
        font-size:10px;
	background-color: #DEDEDE;
	color: #d5222b;
    }

    .rdsNewsletter .newsSubmit /* [type=submit] --> IE6 does not like this */
    {
        display:block;
        color:white;
        text-align:center;
        text-decoration:none;
        background-color:#d5222b;
        border-width:0px;
        width:110px;
        height:30px;
        margin:5px 0px 5px 90px;
        background-image:url(/images/newsLetterSubmitBtn.gif);
        background-repeat:no-repeat;
        /*font-size:1px;*/
        text-indent:-7000px;    /* hide the text itself */
    }
    
    .rdsNewsletter .messageLabel
    {
        color:Red;
        font-size:small;
    }
	
    .rdsNLSender input
    {
        display:block;
    }
	
/* setting for the thick gallery image wrap div */
.rds_gallery_div
{
   margin:7px;
   _margin:5px;	/* for ie6 */
   float:left;
   height:100px;
   width:100px;
   text-align:center;
}

.rds_gallery_div a, .rds_gallery_div img
{
    position:relative;
	top:0px;
	left:0px;
}
.rds_gallery_div img
{
   border: 3px solid #ababab !important; 
}