/*========================
Cascading Style Sheets

by Lochlan McBride
Cornerstone Technologies
www.cstech.net.au
=========================*/

/*====General====*/
html { font-size:100.01%; }
body { color:#222; background:#fff; font: 75%/1.5em "Verdana", Arial, Helvetica, sans-serif; background:#002241 url(../images/bg.jpg) fixed; color:#717171; margin: 0px; padding: 0px; }
p { padding: 0px; margin-top: 0; margin-right: 0; margin-bottom: 1.5em; margin-left: 0; }
h1 { font-size: 2em; line-height: 1em; margin-bottom: 0.5em; margin-top: 0px; border-bottom:solid 1px #DEDEDE; color:#373737; padding-bottom: .25em; }
h2 { font-size: 1.5em; margin-bottom: 0.75em; color:#5A5A5A; }
h3 { font-size: 1.25em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
#masthead h4 { font-size:32px; font-weight:100; color:#fff; margin:22px 0px 25px 25px; letter-spacing:1px;/*text-shadow:1px 1px 2px #4B4B4B;*/ }
.box h2 { margin:0; font-size:18px; font-weight:700; color:#1082bf; margin:10px 0; text-shadow:1px 1px 1px #87BAD5; }
blockquote { margin: 15px 0 25px 25px; padding: 0; color: #525252; font: italic 13px/20px Georgia, "Times New Roman", Times, serif; }
a:link, a:visited { text-decoration:none; outline:none; color: #006A91; }
a:hover { text-decoration:underline; }
a:active { }
a img { border:none; }

::-moz-selection {
background:#2EA9ED;
color:#fff;
}
::selection {
background:#2EA9ED;
color:#fff;
}
::-moz-focus-inner {
border:none;
}
ul { margin:0 0em 1.5em 1.5em; list-style: url(../images/arrow-list.gif); padding: 0px; }
ol { margin:0 0em 1.5em 2em; padding: 0px; }
ul li ul, ul li ol { margin-bottom: 1.5em; margin-left: 1.5em; margin-top: 1.5em; }
table { width:100%; border-collapse:collapse; }
th, td { padding:0; }
hr { color: #DEDEDE; height: 1px; text-decoration: none; border-top: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background: #DEDEDE; }
/*====Classes====*/
.clear { clear: both; }
.button { background:url(../images/button_blue.png) no-repeat; width:164px; height:42px; color:#fff; font:700 12px Verdana, Arial, Helvetica, sans-serif; text-align:center; padding:0 28px 3px 0; margin:0 0 0 -4px; cursor:pointer; text-shadow: 2px 1px 1px #4C97C0; }
input.button { border:none; }
a.button { display:block; line-height:40px; height:37px; width:135px; color: #FFF; }
.button:hover { text-decoration:none; color:#DEDEDE; }
/*====Layout====*/
#outterWrap { margin:0 auto; width:1000px; }
#header { position:relative; background:url(../images/bg_header.png) no-repeat; height:71px; }
#header a#logo { text-indent:-9999px; display:block; width:265px; height:47px; background:url(../images/logo_cstech.png) no-repeat; position:absolute; left:15px; top:10px; }
#innerWrap { background:#F2F2F2; padding:10px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; margin: 0px; }
#topContent { background:#fff; border:solid 1px #DFDFDF; overflow:hidden; height:100%; padding:26px 0 30px 10px; }
#topContent .text { padding:0 30px 0 30px; width:688px; float:left; min-height:300px; height:auto !important; height:300px; }
.box { border-top:solid 1px #DADADA; background:url(../images/bg_box.png) repeat-x; margin:25px -30px 0 -20px; padding:20px 0 0 20px; overflow:hidden; }
.box img { float:left; margin:0 40px 0 50px; }
.box .checklist { background:#FEFEFE url(../images/bg_box_box.png) repeat-x; border:solid 1px #EBEBEB; padding:5px 13px; float:left; list-style:none; margin:15px; width:420px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.box .checklist li { background:url(../images/list_tick.png) no-repeat 0 50%; padding:12px 0 12px 35px; list-style: url(none) none; }
.box .button { clear:both; }
#bottomContent { background:#fff url(../images/bg_box.png) repeat-x; }
#footer { font-size:11px; padding:20px; overflow:hidden; height:100%; border-top:solid 1px #DFDFDF; }
#footer h5 { font-size:15px; border-bottom:solid 1px #D3D3D3; padding:0 0 5px; margin:0 0 10px; }
#footer a { color:#717171; }
#footer ul { list-style:none; float:left; width:200px; display:inline; margin: 0px 0px 10px; padding: 0px; }
#footer li { padding:0px 0; margin: 0px; list-style: square url(none) inside; }
#footer ul ul { float:none; margin: 0px; padding: 0px; }
#footer ul ul li { margin: 0px; padding: 0px; }
#footer .column { width:230px; float:left; margin:0 10px; }
#footer .column p { margin:0 0 5px; }
#footer #quicklinks { width:200px; }
#footer .text { -moz-border-radius:2px; -webkit-border-radius:2px; display:block; border:solid 1px #C8C8C8; color:#C8C8C8; font:10px Verdana, Arial, Helvetica, sans-serif; background:#FAFAFA; margin:8px 0; padding:3px; }
#footer input:focus, #footer input.focusField { color:#111; border:solid 1px #53BDF7; }
#footer .email { text-decoration:underline; color:#343434; }
#copyright { text-align:center; font-size:11px; background:url(../images/bg_copy.png) no-repeat; width:1000px; margin:0 auto 20px; height:59px; line-height:59px; position:relative; }
#copyright img { position:absolute; left:14px; bottom:14px; }
#quote { margin-top: 50px; }
#quote img { padding-left: 20px; padding-bottom: 15px; }
#quote p { margin-left: 20px; margin-top: 15px; color: #666; font: bold normal 10px Verdana, Geneva, sans-serif; }

/*====Side Menu====*/
#quote blockquote { background: transparent url(../images/quoleft.gif) left top no-repeat; margin: 0px 5px 0px 0px; padding: 0px; color: #525252; font: italic 12px Georgia, "Times New Roman", Times, serif; }
#quote blockquote div { padding: 0 20px 0 20px; background: transparent url(../images/quoright.gif) right bottom no-repeat; margin: 0px; }
#sideMenu { width:220px; float:left; overflow:hidden; border-top:solid 4px #2EA9ED; }
#sideMenu.noborder { border:none; }
#sideMenu ul { list-style:none; width:220px; margin: 0px; padding: 0px; }
#sideMenu ul li ul { display: none; }
#sideMenu ul li.selected ul { display: block; }
#sideMenu ul li { margin: 0px; padding: 0px; list-style: url(none) none; }
#sideMenu li a:link, #sideMenu li a:visited { display:block; text-decoration:none; color:#5d5d5d; background:#F2F2F2; border-left:solid 3px #F2F2F2; margin:1px 0; line-height:32px; height:32px; padding-left:6px; }
#sideMenu li a:hover { background:#DEDEDE; border-left:solid 3px #A5A5A5; }
#sideMenu li li a:link, #sideMenu li li a:visited { color:#375f76; background:#E0EFF7; padding-left:15px; }
#sideMenu li li a:hover { border-left:solid 3px #A8D2E8; }
#sideMenu li li li a:link, #sideMenu li li li a:visited { color:#4D7A93; background:#F1F8FB; padding-left:30px; }
#sideMenu li li li a:hover { border-left:solid 3px #BEDEEC; }
/*===== Active State of Dynamic Menu =======*/

#sideMenu ul li.selected a, #sideMenu ul li.selected ul li.selected a, #sideMenu ul li.selected ul li.selected ul li.selected a { font-weight: bold; }
#sideMenu ul li.selected ul li a, #sideMenu ul li.selected ul li.selected ul li a { font-weight: normal; }
/*====Home Page====*/
#home #topContent { padding:0; border-bottom:none; }
#home .services { float:left; width:224px; padding:0 10px; margin:20px 0 30px; height:180px; position: relative; }
#home .services h2 { margin:0 0 25px; font-size:14px; border-bottom:solid 1px #DEDEDE; padding:0 0 5px 55px; color:#666; text-shadow:1px 1px 1px #969696; height:35px; }
#home .services .more { padding-left: 25px; margin-top:15px; position: absolute; bottom: 0px; background: url(../images/arrow-dark.gif) no-repeat left; }
#home #web h2 { background:url(../images/icon_web.png) no-repeat; }
#home #app h2 { background:url(../images/icon_app.png) no-repeat; }
#home #cms h2 { background:url(../images/icon_cms.png) no-repeat; }
#home #seo h2 { background:url(../images/icon_seo.png) no-repeat; line-height:29px; }
#home .box { clear:both; margin:0; padding:20px 10px 15px; }
#home .box img { float:none; margin:0; }
#home .feature { background:url(../images/bg_feature.png) no-repeat; width:421px; height:247px; color:#666; padding:25px 20px; margin-right:15px; float:left; }
#home .feature h3 { color:#098dba; font-size:30px; font-weight:100; border:none; margin: 0px; padding: 0px; }
#home .feature p { margin:22px 0; }
#home .clients { float:left; width:480px; }
#home .clients h3 { width:215px; }
#home .clients img { margin:2px 10px; }
/*====Home Slider====*/
.anythingSlider { height:314px; position:relative; margin:0 auto; }
.anythingSlider .wrapper { width:920px; margin:40px; overflow:auto; height:235px; position:absolute; top:0; left:0; }
.anythingSlider .wrapper ul { width:9999px; list-style:none; position:absolute; top:0; left:0; margin:0; }
.anythingSlider ul li { display:block; float:left; padding:0; height:317px; width:920px; margin:0; }
.anythingSlider .arrow { display:block; height:32px; background:url(../images/arrows.png) no-repeat 0 0; width:32px; text-indent:-9999px; position:absolute; top:125px; cursor:pointer; }
.anythingSlider .forward { background-position:0 0; right:0px; }
.anythingSlider .back { background-position:-102px 0; left:0px; }
.anythingSlider .forward:hover { background-position:0 -109px; }
.anythingSlider .back:hover { background-position:-102px -109px; }
.anythingSlider li img { float:left; display:block; border:0px solid #004665; -moz-border-radius:2px; -webkit-border-bottom:5px; }
.anythingSlider li h3 { font-size:2.25em; border:none; text-shadow:1px 1px 1px #969696; margin: .5em 0px; padding: 0px; }
.anythingSlider li .text { float:left; width:445px; color:#fff; margin-left:25px; }
.anythingSlider li p { line-height:23px; }
/*.anythingSlider li a.button { background:url(../images/button_orange2.png) no-repeat 0 0; line-height:33px; text-shadow: 1px 1px 1px #969696; }*/
.anythingSlider li a.button { display: block; margin: 0px 0px 0px 0; padding: 0px; height: 34px; width: 156px; color: #FFF; font-weight: bold; background: url(../images/button-orange-more.png) 0px 0px; font-size: xx-small; text-indent: -9999px; }
.anythingSlider li a.button:hover { background: url(../images/button-orange-more.png) -156px 0; }


#thumbNav { position:relative; top:279px; text-align:right; }
#thumbNav a { color:#fff; opacity:0.75; font-size:14px; font-weight:700; display:inline-block; padding:1px 15px; height:18px; margin:0 5px 0 0; background:#212121; text-align:center; -moz-border-radius:3px; -webkit-border-bottom:3px; }
#thumbNav a:hover { text-decoration:none; color:#ccc; }
#thumbNav a.cur { color:#f4bb48; opacity:1; }
#start-stop { background:green; color:white; padding:2px 5px; width:40px; text-align:center; position:absolute; right:0px; top:23px; display:none; -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; }
.anythingSlider .wrapper ul ul { position:static; margin:0; background:none; overflow:visible; width:auto; border:0; }
.anythingSlider .wrapper ul ul li { float:none; height:auto; width:auto; background:none; }
/*====CMS Compare Table====*/
.cmsCompare { color:#717171; margin:30px auto; width:98%; background:url(../images/cmsCompare.png) repeat-x; }
.cmsCompare th { text-align:center; font-weight:700; font-size:14px; line-height:59px; }
.cmsCompare td { background:#EAEAEA; padding:8px; }
.cmsCompare .alt td { background:#F5F5F5; }
.cmsCompare .feature { padding-left:35px; width:194px; }
.cmsCompare .numbered { font-weight:700; padding-left:17px; }
.cmsCompare .bottom td { background:#fff; height:67px; }
.cmsCompare td img { margin:4px; float:left; }
.cmsCompare .cstech { color:#fff; width:157px; background-image:url(../images/cmsCompare_cstech.png); background-repeat:repeat-y; background-position:50% 50%; }
.cmsCompare .alt .cstech { background-image:url(../images/cmsCompare_cstech-alt.png); background-repeat:repeat-y; background-position:50% bottom; }
.cmsCompare th.cstech, .cmsCompare .alt th.cstech { background:url(../images/cmsCompare_cstech-headfoot.png) no-repeat 50% 5px; }
.cmsCompare .bottom .cstech { background:url(../images/cmsCompare_cstech-headfoot.png) no-repeat 50% -54px; }
.cmsCompare .button { background:url(../images/button_orange.png) no-repeat 0 0; height:32px; line-height:32px; width:102px; text-shadow: 1px 1px 1px #969696; margin:0 auto 20px; padding:0 0 0 20px; text-align:left; }
/*==== Portfolio  Section ====*/



body#projects .project { width:900px; }
.project { min-height:120px; height:auto !important; height:120px; -moz-border-radius: 5px; -webkit-border-radius:5px; margin-bottom: 15px; padding: 15px; border: 1px solid #E1E1E1; background: #F5F5F5; }
.secure-login { -moz-border-radius: 5px; -webkit-border-radius:5px; }
.project ul { }
.project ul li { list-style: inside; }
.project p { margin-bottom: 10px; }
.project a.colorbox { background: #63C8FF; color: #FFF; font-weight: bold; padding: 2px 8px; border: 1px solid #62B5DC; -moz-border-radius: 5px; -webkit-border-radius:5px; font-size: 11px; }
.project a.colorbox:hover { text-decoration: none; background: #4494C4; }
.project h2 { margin: 5px 0px 8px; padding: 0px; }
.project h1, .project h2, .project h3 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; }
.project img { border:none; float: left; margin-right: 20px; }
.project img[style] { border:none !important; }
.project ul li ul { margin-bottom: 1.5em; margin-left: 1.5em; margin-top: 1.5em; }
ul.client-list { float: left; height: 150px; width: 150px; margin-bottom: 25px; }
ul.client-list li.head { font-weight: bold; color: #000; margin-left: 0px; list-style: url(none) none; margin-bottom: 5px; margin-top: 5px; }
ul.client-list li { margin-left: 15px; }

#support { float:right; margin-top:20px;}