@charset "utf-8";
/* CSS Document */
#about {
background:url(../Assets/images/layout_gr/about.gif) no-repeat;
width:95px;
}

#about_stride {
background:url(../Assets/images/layout_gr/about_strider.gif) no-repeat;
}

#about_stride,#logos {
width:195px;
}

#animate {
background:url(../Assets/images/layout_gr/web_animation.gif) no-repeat;
width:150px;
}

#banner {
height:115px;
}

#contact {
background:url(../Assets/images/layout_gr/contact.gif) no-repeat;
width:110px;
}

#design {
background:url(../Assets/images/layout_gr/web_design.gif) no-repeat;
width:153px;
}

#fees {
background:url(../Assets/images/layout_gr/fees.gif) no-repeat;
width:80px;
}

#folio {
background:url(../Assets/images/layout_gr/spider_web_ll.gif) no-repeat left bottom;
margin-bottom:25px;
margin-left:8px;
margin-right:14px;
width:380px;
}

#footer {
	margin-right:12px;
	padding:1em .5em .5em 16px;
	position: relative;
}

#footer,#lList li a,a:link,a:visited,a:hover,.listcat,.listcateg {
font-weight:700;
}

#footer,#subfooter,#subfoot,.tinytext {
font-size:.8em;
}

#footer,.clearfloats {
clear:both;
}

#footer,.right,.sidebar {
text-align:right;
}

#graphics {
background:url(../Assets/images/layout_gr/graphic_design.gif) no-repeat;
}

#graphics,#hosting {
width:155px;
}

#hosting {
background:url(../Assets/images/layout_gr/hosting.gif) no-repeat;
}

#lList a,#noBulList a,.leftBulList,.leftBulList li a,#left_col .xboxcontent div a,.testimbox,.testimbox a {
font-weight:400;
}

#lList li,#lList li a,#noBulList li,#subfoot {
padding-bottom:6px;
}

#lList,#noBulList {
margin-left:25px;
margin-top:-12px;
}

#lList,.tips_ul {
list-style-image:url(../Assets/images/layout_gr/bullet2.gif);
}

#learn {
background:url(../Assets/images/layout_gr/learn_more.gif) no-repeat;
}

#left_col {
margin-left:16px;
}

#left_col #more {
padding-top:20px;
}

#left_col #testims {
background:url(../Assets/images/layout_gr/testimonials.gif) no-repeat 10px 15px;
}

#left_col #validation,#left_col #more {
background:url(../Assets/images/layout_gr/validation.gif) no-repeat 10px 15px;
}

#left_col .xboxcontent div a {
left:16px;
}

#left_col .xboxcontent div a,#left_col .xboxcontent p {
top:-12px;
}

#left_col .xboxcontent div a,.listcat,.listcateg {
font-style:italic;
}

#left_col h1 {
color:#033;
font-size:1.3em;
padding-top:.7em;
}

#left_col h2 {
padding-top:.5em;
}

#left_col p {
padding-bottom:.5em;
}

#left_col p,#left_col h2,#left_col h1 {
margin-bottom:0;
margin-top:0;
}

#left_col p,#left_col h2,#left_col h1,.tips_ul,.sidebar {
margin-left:10px;
}

#left_col,#menu,.tooltips,.testims,.hideEm,#subfooter,#subfoot,#zipTip,#phoneTip,#fieldsTip,#emailTip {
position:absolute;
}

#left_col,#pgcontent,.tipcontent,#subpgcontent {
background:url(../Assets/images/opaque_sm.png);
}

#left_col,#pgcontent,.tooltips,.tipcontent,.testims,.listcat,.listcateg,#subfoot #subLine {
top:0;
}

#left_col,.tooltips {
width:200px;
}

#logos {
background:url(../Assets/images/layout_gr/logo_design.gif) no-repeat;
}

#main,#left_col h1,#lList,#noBulList,#newanim,.leftBulList,#left_col .xboxcontent div a,#pgcontent,#welcome,#about,#testimon,#about_stride,#services,#design,#sampler,#portfolio,#port_more,#contact,#why,#whyCont,#serv,#learn,.imageSpace,.w3c_xhtml,.w3c_css,.floatL,.listcat,.listcateg,.rnudge,#left_col .xboxcontent p,#standards,#subfoot #subLine,#subfoot .lower,.budgeR,#subpgcontent,.sidebar,.definList,.pushLeft,#graphics,#logos,#maintain,#animate,#print_media,#hosting,#privacy,#fees,#your-privacy {
position:relative;
}

#maintain {
background:url(../Assets/images/layout_gr/web_maintain.gif) no-repeat;
width:172px;
}

#menu {
height:29px;
left:29px;
top:-14px;
width:400px;
z-index:110;
}

#newanim {
margin-left:2px;
margin-right:4px;
top:-2px;
vertical-align:middle;
}

#newanim,#subfoot #subLine {
display:inline;
}

#noBulList .closer {
padding-bottom:0;
}

#noBulList a,#left_col .xboxcontent div a {
font-size:.95em;
}

#pgcontent {
margin-left:232px;
margin-right:16px;
}

#pgcontent #web,#subpgcontent #web {
background:url(../Assets/images/layout_gr/spider_web_lr.gif) no-repeat right bottom;
}

#pgcontent p,#pgcontent h2,#pgcontent h1,#subpgcontent p,#subpgcontent h2,#subpgcontent h1 {
margin:0 10px;
}

#port_more {
background:url(../Assets/images/layout_gr/port_show_more.gif) no-repeat;
}

#port_more,#standards {
width:140px;
}

#portfolio {
background:url(../Assets/images/layout_gr/portfolio.gif) no-repeat;
}

#print_media {
background:url(../Assets/images/layout_gr/print_media.gif) no-repeat;
width:230px;
}

#privacy {
background:url(../Assets/images/layout_gr/privacy.gif) no-repeat;
width:128px;
}

#sampler {
background:url(../Assets/images/layout_gr/serv_sampler.gif) no-repeat;
width:156px;
}

#serv {
background:url(../Assets/images/layout_gr/services.gif) no-repeat;
}

#services {
background:url(../Assets/images/layout_gr/my_services.gif) no-repeat;
width:122px;
}

#standards {
background:url(../Assets/images/layout_gr/web_stds.gif) no-repeat;
}

#subbkgnd {
padding-top:100px;
}

#subfoot #subLine {
background:url(../Assets/images/layout_gr/sub_foot_mid.gif) repeat-x left 0;
padding-top:3px;
}

#subfoot .lower {
top:8px;
}

#subfootL {
border:1px solid #f63;
}

#subfootL,#subfootR {
width:22px;
}

#subfootR {
border:1px solid #3c0;
}

#subfooter {
background:url(../Assets/images/layout_gr/footer_bar.gif) no-repeat center 9px;
padding-bottom:5px;
z-index:500;
}

#subfooter,#subfoot {
bottom:0;
left:0;
right:0;
}

#submain {
overflow:auto;
}

#subpgcontent {
padding-bottom:8px;
padding-right:8px;
}

#subpgcontent,.sidebar {
padding-left:8px;
}

#testimon {
background:url(../Assets/images/layout_gr/testimonials.gif) no-repeat;
}

#testimon,#portfolio {
width:120px;
}

#welcome {
background:url(../Assets/images/layout_gr/welcome.gif) no-repeat;
width:96px;
}

#welcome,#about,#testimon,#about_stride,#services,#design,#sampler,#portfolio,#port_more,#contact,#why,#whyCont,#serv,#learn,#standards,#graphics,#logos,#maintain,#animate,#print_media,#hosting,#privacy,#fees,#your-privacy {
height:32px;
padding-bottom:12px;
top:16px;
}

#why {
background:url(../Assets/images/layout_gr/why.gif) no-repeat;
}

#why,#serv,#learn {
width:184px;
}

#whyCont {
background:url(../Assets/images/layout_gr/why_cont.gif) no-repeat;
width:132px;
}

#your-privacy {
background:url(../Assets/images/layout_gr/your_privacy.gif) no-repeat;
width:158px;
}

#zipTip .tipcontent,#phoneTip .tipcontent,#fieldsTip .tipcontent,#emailTip .tipcontent {
background:#e6fbf8;
}

#zipTip,#phoneTip,#fieldsTip,#emailTip {
left:60px;
top:108px;
}

.budgeR {
left:4px;
margin-bottom:10px;
padding-bottom:15px;
}

.ccc {
background:url(../Assets/images/port/ccc_sm.jpg);
}

.definList {
left:35px;
list-style-image:url(../Assets/images/layout_gr/bullet_gr_sm.gif);
top:-4px;
width:460px;
}

.dt {
background:url(../Assets/images/port/dt_sm.jpg);
}

.eai {
background:url(../Assets/images/port/eai_sm.jpg);
}

.floatL {
margin:5px 10px;
}

.floatL,.port_gal {
float:left;
}

.hdr,#subfooter,#subfoot {
text-align:center;
}

.imageSpace {
padding-left:12px;
padding-right:12px;
top:-18px;
}

.imageSpace,.flRight {
float:right;
}

.jlo {
background:url(../Assets/images/port/jlo_sm.jpg);
}

.kko {
background:url(../Assets/images/port/kko_sm.jpg);
}

.leftBulList {
left:12px;
top:-8px;
}

.light,.padwhite {
background:#fff;
}
.padlight {
	background-image: url(../Assets/images/white_top.png);
	background-repeat: repeat;
}
.listcat {
left:-6px;
}

.listcat,.listcateg {
color:#030;
}

.listcateg {
left:8px;
}

.mhn {
background:url(../Assets/images/port/m_hollow_sm.jpg);
}

.mhn,.eai,.vht,.str_fl,.jlo,.dt,.kko,.ccc,.tindo,.mtno,.mts {
border:none;
}

.mtno {
background:url(../Assets/images/port/mtno_sm.jpg);
}

.mts {
background:url(../Assets/images/port/mts_sm.jpg);
}

.noshow,.tips_ul ul {
list-style-type:none;
}

.padwhite {
	margin:10px;
}

.port_gal {
border-left-width:0;
border-right-width:0;
margin-right:8px;
}

.port_img {
border:1px solid #005b40;
margin-top:6px;
}

.pushLeft {
left:-18px;
}

.pusher {
height:24px;
width:1px;
}

.rMore {
padding-left:35px;
}

.red {
color:red;
}

.rnudge {
left:15px;
top:4px;
}

.sidebar {
	margin-bottom:8px;
	margin-right:0;
	text-indent:0;
	top:-25px;
	font-size: .95em;
}

.str_fl {
background:url(../Assets/images/port/strider_flash_sm.jpg);
}

.testimbox {
padding-top:35px;
}

.testims {
width:600px;
}

.testims,.hideEm {
visibility:hidden;
}

.tests {
padding-top:10px;
}

.tindo {
background:url(../Assets/images/port/tindo_sm.jpg);
}

.tipboxcontent {
padding-left:10px;
}

.tipboxcontent p {
text-indent:8px;
}

.tipboxcontent p,.port_img,.port_gal {
margin-bottom:6px;
}

.tipboxcontent,#left_col .xboxcontent p {
padding-right:6px;
}

.tips_ul {
list-style-position:inside;
}

.tips_ul li {
margin-bottom:5px;
}

.tips_ul ul {
list-style-image:none;
text-indent:10px;
}

.tooltips,.testims {
left:0;
overflow:visible;
}

.tooltips,.testims,.floatL {
z-index:100;
}

.uline {
text-decoration:underline;
}

.vht {
background:url(../Assets/images/port/vht_sm.jpg);
}

.w3c_xhtml,.w3c_css {
top:1px;
}

.w3c_xhtml,.w3c_css,a.nodec,.port_gal {
border-style:none;
}

.xb1 {
background:#d3adb3;
margin:0 5px;
}

.xb2 {
border-width:0 2px;
margin:0 3px;
}

.xb3 {
margin:0 2px;
}

.xb3,.xb2,.xb1,hr {
height:1px;
}

.xb4 {
height:2px;
margin:0 1px;
}

.xb4,.xb3,.xb2,.xb1,.xboxcontent,.tipboxcontent {
overflow:hidden;
}

.xb4,.xb3,.xb2,.xboxcontent,.tipboxcontent {
border-left-color:#d3adb3;
border-left-style:solid;
border-left-width:1px;
border-right-color:#d3adb3;
border-right-style:solid;
border-right-width:1px;
}

.xbottom,.xtop {
background:transparent;
font-size:1px;
}

.xbottom,.xtop,.xb4,.xb3,.xb2,.xb1,.xboxcontent,.tipboxcontent {
display:block;
}

.xboxcontent {
background:url(../Assets/images/white_top.png) repeat-x top;
}

.xboxcontent p {
padding-bottom:.5em;
text-indent:1em;
}

.xboxcontent,.tipboxcontent {
border-bottom-color:#d3adb3;
border-bottom-style:solid;
border-top-color:#d3adb3;
border-top-style:solid;
}

.xboxcontent,.tipboxcontent,.port_gal {
border-bottom-width:0;
border-top-width:0;
}

a:link {
color:#c03;
}

a:link,a:visited,a:hover,a.nodec {
text-decoration:none;
}

a:visited {
color:#609;
}

a:hover {
color:#00f;
}

body {
font:14px verdana,arial,helvetica,sans-serif;
padding:0;
}

body,#subbkgnd {
	background: url(http://www.stride-r-web.com/Assets/images/layout_gr/spider_back.jpg) no-repeat left top;

}

body,tips_ul rMore li a,.tips_ul rMore li {
color:#47334f;
}

body,ul {
margin:0;
}

hr {
color:#d0a8ae;
width:80%;
}

tips_ul rMore li a,.tips_ul rMore li,.rnudge {
font-size:.9em;
}

ul {
padding:0 5px;
}
.portHeading {
	font-size: 0.75em;
	text-indent: 8px;
	margin-bottom: 8px;
	position: relative;
	left: 10px;
	top: -15px;
}
.testimbox   p     {
	font-size: 0.9em;
	position: relative;
	left: -4px;
}
#sortPort {
	position: absolute;
	top: -21px;
	font-size: 0.8em;
	right: 12px;
	color: #CC0033;
}
#sortPort input {
	position: relative;
	top: 2px;
	left: -2px;
}
.hilight {
	position: absolute;
	left: -14px;
	font-size: 0.4em;
	height: 9px;
	width: 13px;
	background-image: url(../Assets/images/port/arrow-red.gif);
	background-repeat: no-repeat;
	background-position: left center;
	top: 4px;
	visibility: hidden;
}
#span:hover {
	color: #0000FF;
}
#sortPort  div {
	cursor: pointer;
	display: inline;
	margin-right: 2px;
	margin-left: 8px;
}
#sortPort  div:hover {
	color: #0000FF;
}


#sortPort #glossary {
	position: absolute;
	top: 25px;
	font-size: 0.85em;
	text-align: right;
	width: 435px;
	left: -55px;
	color: #000000;
}

.news {
	font-size: 0.8em;
}
.news   p  {
	font-weight: bold;
	color: #008C2E;
	padding-bottom: 2px;
	text-indent: -10px;
	font-size: 1.2em;
}

#featCont {
	height: 78px;
	width: 300px;
	top: -78px;
	right: 0px;
	overflow: hidden;
	position: absolute;
}

#featProj {
	height: 60px;
	width: 300px;
	position: absolute;
	background-image: url(../Assets/images/layout_gr/featBack.png);
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	left: 0px;
	top: 82px;
}
#featProj a {
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#featProj img {
	margin-left: 12px;
	border: 0;
	margin-right: 4px;
}
#sentTip {
	top: -108px;
}
