@CHARSET "ISO-8859-1";

/* --------------------------------------- */
/* Strategies.co.uk CSS Stylesheet		   */
/* + Copyright: Strategies Group Ltd, 2011 */
/* + Author: Matthew Pike				   */
/* + Created: November 2010   			   */
/* --------------------------------------- */

/* -- Global Reset -- */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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,th,var{font-style:normal; font-weight:normal}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal; margin:0}
q:before,q:after{content:''}
abbr,acronym{border:0}
ul,dl{list-style:none}

/* -- Layout/Structural -- */
html{height:100%; font-size:62.5%;}
body{ background: #333 url(/design/header_bg.jpg) repeat-x; font-size: 1.3em; height: 100%; font-family:"Trebuchet MS",Helvitica,Verdana,Arial; color:#fff }

/*  Uncomment to show the festive header for Strategies
	body{ background: #333 url(/design/festive_header_bg.jpg) repeat-x; font-size: 1.3em; height: 100%; font-family:"Trebuchet MS",Helvitica,Verdana,Arial; color:#fff } 
*/

body.mceContentBody{font-size:120%; padding:1px 20px}
#header{height:167px; color:#fff; position:relative;}
	#logo{background:url(/design/logo.png) no-repeat 0 0; position:absolute; left:0; top:22px; font-size:1.8em; height:43px; text-transform:lowercase; line-height:0.8em}
	#logo a{color:#6f6f6f; text-shadow:1px 1px 1px #111; text-decoration:none; display:block; padding:5px 0 0 70px; -webkit-transition: color 0.5s ease-in-out; -moz-transition: color 0.5s ease-in-out; -o-transition: color 0.5s ease-in-out; transition: color 0.5s ease-in-out;}
	#logo a:hover{text-shadow:1px 1px 1px #000; color:#ccc}
	#logo dfn{display:block; font-size:0.6em}
	#subMenuBack{background:#e0e0e0; width:100%; height:37px; position:absolute; top:130px; left:0;}
	#contactNo{position:absolute; top:99px; left:718px; font-weight:bold; font-size:1.1em}
	#header .gotABrief{position:absolute; right:20px; top:38px; z-index:999}
#contentTop{overflow:hidden; background:#fff !important; color:#666; padding-bottom:2em}
#contentMiddle{background:url(/design/contentmiddle_bg.jpg) center top #e6e6e6 no-repeat; border-top:3px solid #999; overflow:hidden; padding-bottom:2em; color:#000}
#contentMiddle.noGrunge{background-image:none}
#contentBottom{background:url(/design/contentbottom_bg.gif) center top #cdcdcd repeat-x; overflow:hidden; padding-bottom:2em; min-height:403px; color:#000}
.fullWidth{padding:0 20px}

.topGradient{background:url(/design/header_bg.jpg) repeat-x 0px -129px #fff;}
#footer{border-top:2px solid #e6e6e6; background:url(/design/footer_bg.gif) repeat-x; position:relative;}
	#footer .container{overflow:hidden; height:110px}
	#twitterLnk{position:absolute; top:12px; left:0; text-decoration:none; display:block;}
	#backToTopLnk{position:absolute; top:0; right:34px; text-decoration:none; display:block;}
	#footer h6{padding-left:95px; margin-top:30px; line-height:20px; font-size:0.9em; color:#A0A0A0; width:670px; -webkit-transition: color 0.5s ease-in-out; -moz-transition: color 0.5s ease-in-out; -o-transition: color 0.5s ease-in-out; transition: color 0.5s ease-in-out;}
	#footer:hover h6,#footer:hover h6 a{color:#eee}
	#footer a{color:#A0A0A0}
	#footer a:hover{color:#fff; text-decoration:none}
	
/* -- Main Menu -- */
#mainMenu{position:absolute; top:89px; width:900px; z-index:100}
#mainMenu li{float:left; display:inline; margin-right:8px; font-size:1em}
#mainMenu li h3 a{background:url(/design/menu/small.gif) no-repeat center top; display:inline-block; height:48px; color:#fff; text-decoration:none; width:92px; text-align:center}
#mainMenu li h3 a span{padding-top:8px; display:inline-block}
#mainMenu li h3 a:hover span{text-decoration: underline;}
#mainMenu li#mSeo h3 a,#mainMenu li#mJobBoard h3 a{width:153px; background-image:url(/design/menu/seo.gif)}
#mainMenu li#mWebDev h3 a{width:127px; background-image:url(/design/menu/web-dev.gif)}

#mainMenu li.active{height:37px; background-repeat:no-repeat;}
#mainMenu li.active h3 a{background-position:center bottom; color:#000}
#mainMenu li.active ul{display:inline;}
#mainMenu li ul li.active{background:none; height:auto; margin:0 15px;}


/* -- Top Menu -- */
#topMenu{position:absolute; top:0; right:34px; background:url(/design/topmenu_l.png) bottom left no-repeat;}
#topMenu ul{background:url(/design/topmenu_r.png) bottom right no-repeat; padding:5px 8px 5px 10px;}
#topMenu ul li{display:inline;}
#topMenu a{color:#fff; padding:0 10px 0 21px; background-position:left center; background-repeat:no-repeat; display:inline-block; text-decoration:none;}
#topMenu a:hover{text-decoration:underline}
#topMenu .contactLnk{background-image:url(/design/icn_contact_b.gif)}
#topMenu .aboutLnk{background-image:url(/design/icn_about_b.gif)}
#topMenu .supportLnk{background-image:url(/design/icn_support_b.gif)}
#topMenu .logoutLnk{background-image:url(/design/icn_logout_b.gif)}
#topMenu .accountLnk{background-image:url(/design/icn_list_b.gif)}
#topMenu .telephoneLnk{background-image:url(/design/icn_telephone.gif)}

/* -- Main Menu Sub Menu -- */
.negateSubMenu{margin-top:-39px;}
#subMenuBack ul{font-size:0.9em; font-weight:bold; text-align:left;}
#subMenuBack ul li{display:inline; float:none; margin:0 15px; line-height:32px}
#subMenuBack ul li a{color:#222; border-bottom:1px dotted #666; text-decoration:none}
#subMenuBack ul li a:hover{border-bottom-color:#ff1b1e;}
#subMenuBack ul li.active a{border-color:#FD0101; color:#000;}

/* -- Memberships + Standards -- */
#badges{padding-left:95px; margin-top:13px}
#badges li{display:inline; margin-right:3px;}
#badges a{background:url(/images/footer/w3c-sprite.png) no-repeat #000; color:#fff; text-indent:-10000px; display:inline-block; width:80px; height:15px;}
#badgeCss{background-position:-80px 0!important;}
#badgeWcag{background-position:-160px 0!important;}
#badgeHcard{background-position:-240px 0!important;}
#badgeHcalendar{background-position:-320px 0!important;}
#badgeXfn{background-position:-400px 0!important;}
#memberships{position:absolute; right:34px; top:30px;}
#memberships li{display:inline; margin-left:6px;}
#memberships a{background:url(/images/footer/membership-sprite.png) no-repeat #000; display:inline-block; width:76px; height:46px; text-indent:-10000px}
#membNominet{background-position:-76px 0!important;}

/* -- Headings -- */
.content h1,.content h2,.content h3,.content h4{margin-top:0.8em;}
.content h1{font-size:2.5em; font-weight:bold; color:#000; line-height:1em}
.content h2{font-size:2.0em; color:#333; line-height:1.1em}
.content h3{font-size:1.6em; color:#000; line-height:1.1em}
.content h4{font-size:1em; font-weight:normal; line-height:1.1em; font-weight:bold}
h4.linksHeader{background:url(/design/icons/star.png) left top no-repeat; line-height:32px; font-size:1.5em; padding-left:40px}
h4.calendar{background:url(/images/icons/calendar_icon.png) 3px 0 no-repeat; padding-left:40px; font-size:1.5em; line-height:32px}
.twoThirdsEnd h2{font-size:1.5em; font-weight:bold}
.twoThirdsEnd h2.first{margin-top:32px}
.sidePanel h3.first,#contentTop .sidePanel h2.first{margin-top:1.7em}
.borderedColumn h2.first{margin-top:-0.4em}
#contentTop .borderedColumn h2.first{margin-top:2px}
.sidePanel div.first{margin-top:4em}
.twoThirds div.first{margin-top:2.5em}
.borderedColumn div.first{margin-top:0}
.twoThirds h4{margin-top:1.5em}
#contentTop .sidePanel h2{font-size:1.6em;}

/* -- Base Content Styles -- */
.content{line-height:1.5em; font-size:0.9em; letter-spacing:0.05em}
.content p{text-align:justify}
.standardMargin,.content p,.featureSetLeftSideContent,.imageFader,.thumbFeatureList,.window,.userProfile,.tags,.profileList,.miniProfileList,.featureWrapper,.featureList,.submitWrapper,.tableWrapper,.friendlyPanel,dl.headed,.siteGallery,.siteGallery li,#fullWebsiteList,#locationList,.cmsList,pre,.shadedContainer
	{margin-top:1.4em} /* <- SITE WIDE STANDARD MARGIN */
a{color:#F21010; cursor:pointer}
a:hover{text-decoration:none}
blockquote{line-height:1.8em}
q{font-style:italic;}
cite{color:#333; font-size:0.9em;}
abbr{cursor:help}
strong{font-weight:bold; color:#555}
.intro{font-size:1.1em; text-align:left!important}
.code{color:#06A; font-size:1.1em; text-align:left!important}
.code strong{color:#900}
.content abbr{border-bottom:1px dotted #ccc}
.content h1 abbr{border-bottom:none}
#contentMiddle abbr{border-bottom:1px dotted #999}
#contentBottom abbr{border-bottom:1px dotted #f5f5f5}

/* -- Content Layouts -- */
.container{width:990px; margin:0 auto; position:relative; display:block;}
.innerContainer{width:800px; margin:0 auto; position:relative; display:block;}
.featureSetLeft{float:left; display:inline; margin-right:20px;}
.featureSetLeftSideContent{float:left; display:inline; width:380px;}
.sidePanel{float:left; display:inline; width:288px; padding-left:25px;}
.sidePanelContent{width:627px; float:left; display:inline; padding-right:25px; word-wrap:break-word;}
#contentBottom .sidePanel{background:url(/design/sidepanelfold_cb_bg.jpg) no-repeat left center; margin-top:2px; min-height:480px}
#contentMiddle.noGrunge .sidePanel{background:url(/design/sidepanelfold_cm_bg.jpg) no-repeat left top; margin-top:2px; min-height:480px}
.twoThirds{width:547px; padding-right:25px; float:left; display:inline;}
.twoThirdsEnd{padding-left:25px;width:360px; float:left; display:inline; padding-bottom:1.5em}
.borderedColumn{margin-top:2.5em; border-left:1px dotted #aaa;}
#ajaxFrame .twoThirds{padding:0; float:none; display:block; width:auto}
#ajaxFrame .twoThirdsEnd{padding:0; float:none; display:block; border:none; width:auto}
#ajaxFrame.loading{background-image:url(/design/lightbox-loading.gif); background-position:center center; background-repeat:no-repeat;}
.threeCol{float:left; display:inline; width:30%; margin-right:4.8%;}
.threeColEnd{float:left; display:inline; width:30%; margin-right:0;}
.featureWrapper{position:relative}
.featureWrapper blockquote{width:240px; position:absolute; font-size:11px; letter-spacing:normal; word-spacing:normal}
#portfolioSidePanel{padding-left:30px}

/* -- Lists -- */
.content ul .last{margin-right:0;}
ul.basic,.userContent ul,.mceContentBody ul{margin-top:1em}
.content li{margin-top:1em; text-align:left}
.content .featureList li{background:url(/design/bullet_tick.gif) no-repeat left top; padding-left:22px; min-height:18px; padding-top:3px; margin:0 0 0.5em 0;}
.links li,.basic li,.userContent li,.mceContentBody li{background:url(/design/bullet_basic.gif) no-repeat 5px 0.6em; border:0!important; padding:0 0 0 20px!important; margin-top:0.5em!important}
.sidePanelList li{background:#fff; -moz-border-radius:10px; border-radius:10px; padding:0 12px 1em 12px; overflow:hidden; margin-top:1em; position:relative}
.sidePanelList h4{margin-top:1em; font-size:1em; color:#FD0101; font-weight:bold;}
.sidePanelList h5{margin-top:0; font-size:1em; color:#000; font-weight:bold;}
.sidePanelList p{margin-top:0;}
.sidePanelList p.thumbRight{margin-top:12px}
#contentTop .sidePanelList li{background-color:#eee}
.thumbFeatureList li{float:left; display:inline; width:306px; margin-right:15px; margin-top:0}
.thumbFeatureList *{line-height:1.3em}
.thumbFeatureList h3{color:#9E0000; margin-top:0;}
.thumbFeatureList p{margin-top:0.5em}
.thumbFeatureList img{float:left; display:inline; margin-right:12px;}
.thumbFeatureList blockquote{float:left; display:inline; width:228px;}
.blogItemList h3,.blogItemList h2{font-size:1.1em}
.blogItemList p{margin-top:0.5em}
.content .tags li{background-image:url(/design/icons/tag_orange.gif); background-position:top left; height:16px; line-height:16px; padding:0 0 0 22px!important; display:inline-block; margin:0 15px 0 0; font-size:1.2em; -moz-border-radius:0; border-radius:0}
.profileList li{background:url(/design/icons/default-user.gif) 15px 15px no-repeat #e0e0e0; -moz-border-radius:10px; border-radius:10px; padding:0 15px 1.5em 60px; overflow:hidden; position:relative}
#newsProfileList>li{background-image:url(/images/newsimg_mini.jpg);}
.profileList h3{font-size:1.6em; margin-top:11px}
.profileList p{margin-top:1em; color:#111}
.profileList .date{float:right; margin-left:10px}
.profileList .tags li{margin-right:10px; font-size:1em}
.miniProfileList li{background:url(/design/icons/default-user.gif) 0 0 no-repeat; padding:0 15px 0 45px; overflow:hidden; margin-top:1.1em; list-style-type:none;}
.sidePanel .miniProfileList h3{margin:-2px 0 0 0; font-size:1.1em}
.miniProfileList .date{margin-top:0.5em}
.miniProfileList .rss{background-image:url(/design/rss.jpg);}
.sections li{width:21%; margin-right:3.9%; float:left; display:inline;}
.sections h1{text-align:center; font-size:1.9em; line-height:1.3em; min-height:60px}
.sections h1 a{color:#fff; text-decoration:none}
.sections h1 a:hover{text-decoration:underline}
.latestProjects li{margin-top:2.5em}
dl.headed{position:relative; overflow:hidden}
dl.headed dt{position:absolute; top:0; line-height:2.4em; border-bottom:4px solid #e5e5e5; font-size:1.3em; border-top:1px solid #e5e5e5;}
dl.headed dd{margin-top:3em; padding-top:1.5em}
dl.threeCol{width:100%}
dl.threeCol dt{width:28.7%; padding-left:2.3%; padding-right:2.3%}
dl.threeCol dd{width:28.7%; padding-left:2.3%; padding-right:2.3%; float:left; display:inline}
.links{font-size:1.1em; margin-left:36px}
.links li{margin-top:1em!important}
.filterList li{font-size:1.2em}
.filterList li a{color:#666; text-decoration:none; display:block; padding-left:24px; background:url(/design/filter_empty.gif) left 0.2em no-repeat;}
.filterList li a:hover{background-image:url(/design/filter_hover.gif)}
.filterList li.active a{background-image:url(/design/filter_checked.gif)}
.filterList li a:hover{text-decoration:underline}
dl.basic{padding-bottom:1em; margin-top:0.5em}
dl.basic dt,#fullWebsiteList dt{margin-top:1em;}
dl.basic dt{color:#800; font-weight:bold; font-size:1.1em}
dl.basic dd{padding-left:20px}
dl.basic dd a{color:#888}
dl.basic dd a:hover{color:#F21010}
dl.basic .first{border-right:1px dashed #ddd;}
dl.basic dd dfn{color:#291e1e; font-weight:bold}

/* -- Buttons -- */
.buttonSpacer{margin-right:10px}
a.bigButton{background:url(/design/bigbuttontop_l.jpg) no-repeat left center; display:inline-block; color:#fff; font-size:1.5em; height:59px; text-decoration:none; box-shadow:1px 1px 3px #aaa; -webkit-box-shadow:1px 1px 3px #aaa; -moz-box-shadow:1px 1px 3px #aaa; font-weight:bold; letter-spacing:normal}
a.bigButton span{background:url(/design/bigbuttontop_r.jpg) no-repeat right center; display:inline-block; height:59px; line-height:59px; padding:0 32px; margin-right:-1px}
a.bigButton:hover{text-shadow:0 0 6px #fff}
.sidePanel .bigButton span{width:236px; text-align:center}
#contentMiddle .bigButton{background-image:url(/design/bigbuttonmiddle_l.jpg)}
#contentMiddle .bigButton span{background-image:url(/design/bigbuttonmiddle_r.jpg)}
a.button{background:url(/design/button_l.gif) no-repeat left center; display:inline-block; color:#fff; font-size:1.3em; height:31px; text-decoration:none; box-shadow:1px 1px 3px #aaa; -webkit-box-shadow:1px 1px 3px #aaa; -moz-box-shadow:1px 1px 3px #aaa;}
a.button span{background:url(/design/button_r.gif) no-repeat right center; display:inline-block; height:31px; line-height:31px; padding:0 20px; margin-right:-1px}
a.button:hover{text-shadow:0 0 6px #fff}
a.mediumButton{background:url(/design/mediumbutton_bg.gif) repeat-x left center; display:inline-block; color:#fff; border:1px solid #333; border-right-color:#000; border-bottom-color:#000; font-size:1.1em; line-height:23px; height:23px; padding:0 12px; text-decoration:none; -moz-border-radius:2px; border-radius:2px}
a.mediumButton:hover{text-decoration:underline}
a.smallButton{background:url(/design/altbutton_bg.gif) repeat-x left top; display:inline-block; color:#fff; border:1px solid #858585; border-right-color:#777; border-bottom-color:#666; font-size:1em; line-height:24px; height:24px; padding:0 12px; text-decoration:none; box-shadow:1px 1px 3px #aaa; -moz-border-radius:2px; border-radius:2px; font-size:11px}
a.smallButton:hover{text-decoration:underline}
a.smallButton strong{color:#fff}

/* -- Feature Set Stepper -- */
.featureSet{background:url(/design/featureset_t.png) no-repeat; position:relative; width:581px; height:315px; padding-bottom:9px; margin-top:1.8em}
.featureSet .pointer{position:absolute; left:8px; top:44px; height:91px; width:244px; background:url(/design/featureset_pointer.png) no-repeat left top; z-index:100}
.featureSet .bottom{background:url(/design/featureset_b.png) no-repeat bottom left; position:absolute; bottom:0; z-index:99; left:0; width:581px; height:9px;}
.featureSet h3{color:#fff; text-shadow:1px 1px #333; position:absolute; margin:0; left:2px; top:10px; padding-left:15px; height:34px; line-height:34px; overflow:visible; font-size:0.9em}
.featureSet .featureMenu{position:relative;}
.featureSet .featureMenu a{text-decoration:none; display:block; height:65px; padding:12px 12px 12px 88px; color:#797979; position:relative; line-height:55px}
.featureSet .featureMenu a *{cursor:pointer}
.featureSet .featureMenu a img{position:absolute; left:12px; top:12px;}
.featureSet .featureMenu a span{display:inline-block; width:110px; vertical-align:middle; line-height:1.2em; font-size:11px}
.featureSet .featureMenu a:hover{color:#000}
.featureSet .featureMenu ul{position:absolute; top:44px; left:7px; border:1px solid #777; margin:0; width:218px;}
.featureSet .featureMenu li{background:url(/design/featuresetmenu_bg.gif) center repeat-x; height:89px; border-bottom:1px solid #d4d4d4; font-size:1.1em; margin:0;}
.featureInfo{position:absolute; left:230px; top:12px; text-align:center; width:342px; color:#aaa}
.featureInfo a{color:#eee; text-decoration:underline;}
.featureInfo a:hover{color:#fff; text-decoration:none;}
.featureInfo .featureContent{position:absolute; left:0; top:0;}
.featureMenu img{border-radius:5px}

/* -- Side Panels -- */
.sidePanel h3{margin-top:1.4em}
#contactPanel{width:288px; background:url(/design/sidepanel_t1.jpg) no-repeat top left #323232; padding-top:183px; position:relative; margin-top:1.5em; overflow:hidden; color:#fff; letter-spacing:normal; border-radius:10px;}
#contactPanel .bottom{background:url(/design/sidepanel_b1.jpg) no-repeat bottom left; overflow:hidden; padding:0 15px 1em 15px; border-radius:10px;}
#contentMiddle #contactPanel .bottom{background-image:url(/design/sidepanel_b2.jpg)}
#contactPanel .mediumButton{box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
.sideLinks{position:absolute; right:0; top:-10px; margin:1em 0; padding:0;}
.sideLinks li{background:url(/design/sidepanellink_bg.png) left top no-repeat; margin-top:0.5em}
.sideLinks li a{color:#fff; text-decoration:none; width:65px; display:inline-block; height:26px; line-height:26px; padding-left:10px;}
.sideLinks li a:hover{text-decoration:underline}
.friendlyPanel{background:#f0f3ec; -moz-border-radius:10px; border-radius:10px; padding:0 15px 1.5em 15px; overflow:hidden; position:relative}
.friendlyPanel h1{margin-top:0.5em}
.friendlyPanel .small{color:#666}

/* -- Utility Classes -- */
.acc{position:absolute; left:-10000px}
.hr{margin:2.5em 30% 0 30%; border-bottom:1px solid #eee;}
.hr hr{display:none}
.shadedContainer .hr{margin:1.5em 0 0 0; border-bottom:1px solid #999;}
.small{color:#aaa; font-size:1em}
.negative{color:#800}
.alignCentre,.centre{text-align:center!important}
.alignRight{text-align:right!important}
.alignLeft{text-align:left!important}
.floatRight{float:right; display:inline}
.floatLeft,.twoCol,.twoColEnd{float:left; display:inline}
.twoCol{width:47%; margin-right:5.99%}
.twoColEnd{width:47%}
.caption{background:#000; color:#999; overflow:hidden; -moz-border-radius:10px; border-radius:10px; text-align:center; width:204px;}
.caption img{display:inline-block}
.caption q{display:block; margin:10px; font-style:normal; margin-top:0.3em}
.thumbLeft{float:left; margin-right:15px; margin-bottom:0.5em}
.thumbRight{float:right; margin-left:15px; margin-bottom:0.5em}
blockquote.thumbRight,blockquote.thumbLeft{margin-top:1.5em}
.noMargin{margin:0!important}
.noMarginTop{margin-top:0!important}
.noPadding{padding:0!important}
.noBorder{border:0!important}
.clear{clear:both}
.clearfix:after,.wrapper:after,form:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix,.wrapper,form{display:inline-block;}
.linkedIn img{vertical-align:bottom; box-shadow: 1px 1px 3px #AAA}
.linkedInSpr{background:url(/design/icn_socialmedia.gif); width:24px; height:24px; display:inline-block; text-indent:-10000px; background-position:-48px 0}
.twitterSpr{background:url(/design/icn_socialmedia.gif); width:24px; height:24px; display:inline-block; text-indent:-10000px; background-position:-24px 0}
html[xmlns] .clearfix,html[xmlns] .wrapper,html[xmlns] form{display: block;}
* html .clearfix,* html #menumain,* html .wrapper,* html form{height: 1%;}

/* -- Icons/Notices -- */
.content .error{color:#BF3C0D; background:url(/design/icons/cancelredbutton.png) no-repeat -2px -4px; padding-left:40px; line-height:32px}
.content .underConstruction{background:url(/design/icons/under-construction.gif) no-repeat 0 0; padding-left:40px; line-height:32px}
.content .save{color:#b6d44d; background:url(/design/icons/cleargreenbutton.png) no-repeat 0 0; padding-left:40px; line-height:32px}
.content .add{background:url(/design/icons/add.png) no-repeat 0 0; padding-left:40px; line-height:32px}
.content .info{color:#4968b2; background:url(/design/icons/info.png) no-repeat 0 0; padding-left:40px; line-height:32px}
.content .news{background:url(/design/icons/document-add.png) no-repeat 0 0; padding-left:40px; line-height:32px}
.content .clients{background:url(/design/icons/sad.png) no-repeat 0 0; padding-left:40px; line-height:32px}
.content .users{background:url(/design/icons/users.png) no-repeat 0 0; padding-left:40px; line-height:32px}
.content .client{background:url(/design/icons/user.png) no-repeat 0 0; padding-left:40px; line-height:32px}
.content .servers{background:url(/design/icons/cogs.png) no-repeat 0 0; padding-left:40px; line-height:32px}
.content .mail{background:url('/images/icons/Get Mail.png') no-repeat 0 0; padding-left:40px; line-height:32px}
.content .domains{background:url(/design/icons/menu-item.png) no-repeat 0 0; padding-left:40px; line-height:32px}
.content .blogs{background:url(/design/icons/discussion.png) no-repeat 0 0; padding-left:40px; line-height:32px}
.content .jobs{background:url(/design/icons/jobs.png) no-repeat 0 0; padding-left:40px; line-height:32px}
.content .options{background:url(/design/icons/gear.png) no-repeat 0 0; padding-left:40px; line-height:32px}
.content .sites{background:url(/design/icons/world.png) no-repeat 0 0; padding-left:40px; line-height:32px}
.content .back{background:url(/design/icons/back.png) no-repeat 0 0; padding-left:32px; line-height:24px; font-size:1.1em}
.content .forward,#redirectNotice{background:url(/design/icons/forward.png) no-repeat center right; padding-right:40px; line-height:32px; display:inline-block;}
ul.errors{color:#900}
.serverNormal{color:#0e0}
.serverIssues{color:#f8c91b}
.serverDown{color:#c00}
.serverDecommisioned{color:#aaa}
.pageNote{background:url(/images/icons/note.gif) left top no-repeat; padding-left:24px; font-style:italic;}

/* -- Form Styles -- */
fieldset{position:relative}
fieldset,legend{background:#d1d1d1; -moz-border-radius:10px; border-radius:10px; overflow:hidden; padding: 0 15px 1.5em 15px; margin-top:1.5em}
legend{margin:0; font-size:1.4em; color:#fff; padding-top:0.2em}
fieldset .wrapper{margin-top:1em}
fieldset.compact{padding:0 12px 1em 12px}
fieldset.compact .wrapper{margin-top:1em}
label{font-weight:bold; display:block; font-size:1.1em; margin-top:1.5em}
fieldset .note{display:inline; margin-left:15px;}
fieldset input,fieldset textarea,fieldset select{padding:10px; -moz-border-radius:5px; border-radius:5px; border:1px solid #fff; width:485px; margin-top:0.5em}
fieldset input:focus,fieldset textarea:focus{border-color:#54a9cb}
.lbError{border:1px solid #a00;}
.zend_form dt{margin-top:1em}
.zend_form .description{margin-top:0}
.readOnly{border:0; background:none; font-weight:bold}
fieldset.compact{margin-top:1em}
fieldset.compact label{margin-top:0.5em}
fieldset.compact textarea{height:100px}
fieldset.compact .submitWrapper{float:right; margin-top:0.5em}
fieldset.compact .twoCol input,fieldset.compact .twoColEnd input{width:210px}
fieldset.compact .twoColEnd select{width:231px}
fieldset .twoCol input,fieldset .twoColEnd input{width:420px}
fieldset .twoColEnd textarea{width:420px; height:157px}
fieldset input,fieldset textarea,fieldset select{padding:5px 10px;}
.sidePanel input{width:200px}
#attachment{border:none; padding:0}
#gross_pre_surcharge,#grossPostSurcharge{width:473px;}
#invoice_surcharge{width:auto; float:left;}

/* -- Lightbox -- */
.mask{background:url(/blank.gif) repeat; position:absolute; z-index:997;}
#window{position:absolute; width:564px; left:25%; top:40px; overflow:hidden; border:10px solid #666; border-color:rgba(30,30,30,0.5); z-index:999; /* box-shadow:2px 2px 5px #999; -webkit-box-shadow:3px 3px 5px #999; */ -moz-border-radius:15px; border-radius:15px; display:none}
#window .inner{background:#fff; overflow:hidden; border-radius:6px; -moz-border-radius:6px; position:relative}
#window #titleBar{background:#ddf; overflow:hidden; height:1em; cursor:move;}
#window #titleBar h1{margin:0; font-size:1em;}
#window #winClose{position:absolute; right:15px; bottom:0.4em; overflow:hidden; cursor:pointer; color:#ddd}
#window #ajaxFrame{overflow:auto; min-height:300px; margin:0 0 3em 0; border-bottom:1px solid #ddd; padding:0 15px 1.5em 15px; max-height:502px}
#window .container{width:auto; margin:0; position:static;}
#ajaxFrame{color:#111}

/* -- Address -- */
.org{display:block; font-weight:bold; margin-bottom:0.2em}
.panel .adr{float:left; width:47%; margin-right:5.9%; margin-top:0.8em}
.panel .adrColEnd{margin-top:0.8em}
.panel .tel .type{display:inline}
.panel .tel .type:after{content:":"}
.adr .region,.adr .locality{display:block}
.horizontalAddress .region, .horizontalAddress .locality{display:inline}
.panel p{margin-top:1em}

/* -- Monitor -- */
.monitor{position:relative; width:368px; height:321px; overflow:hidden; margin-top:1.5em}
.monitor .screen{position:absolute; background:url(/design/monitor.png); top:0; left:0; width:369px; height:321px;}
.monitor table.images{border-collapse:collapse;}
.monitor .images{width:1000px; position:absolute; top:0; left:0;}
.monitor .images td{padding:17px; text-align:center; display:inline-block; height:211px; width:334px; overflow:hidden;}
.monitor .images td img{display:inline-block; vertical-align:center;}

/* -- Tables -- */
.tableWrapper thead th{background:#eee; font-size:1.1em; padding:2px 10px; border-bottom:1px solid #fff; color:#444}
.tableWrapper td,.tableWrapper tfoot th{padding:4px 10px 5px 10px; color:#666}
.tableWrapper tr.alt td,.tableWrapper tr.alt th{background:#f5f5f5}
table.sortable thead th.table-th-sort{background-image:url(/images/icons/bullet_arrow_up.png); background-repeat:no-repeat; background-position:left center; padding-left:20px}
table.sortable thead th.table-th-sort-rev{background-image:url(/images/icons/bullet_arrow_down.png);}
table.sortable thead th{text-decoration:underline; cursor:pointer}
tr.toDelete td{background-color:#fdd}

/* -- Image Fader -- */
.imageFader{padding-top:24px; position:relative;}
.imageFader .index{position:absolute; right:6px; top:4px; margin:0; z-index:50}
.imageFader .index li{width:14px; height:14px; float:left; margin:0 1px 0 0}
.imageFader .index a{background:url(/design/toggle1_bg.gif) no-repeat 0 0; width:14px; height:14px; display:inline-block; text-indent:-10000px}
.imageFader .index a.active{background-position:0 -14px}
.imageFader .images{position:relative; height:255px; background:#f1f1f1; overflow:hidden; margin:0; -moz-border-radius:10px; border-radius:10px}
.imageFader .images li{position:absolute; left:20px; top:20px; padding-right:20px}
.imageFader .images li img{float:left; margin-right:23px;}
.imageFader .images li h3{margin-top:0.5em}
.imageFader a:selected{border:0;}
.imageFader a:active{outline:none;}
.imageFader a:focus{outline-style:none;}
#contentMiddle .imageFader{padding-top:0;}
#contentMiddle .imageFader .index{background-color:#fff; z-index:100; padding:0 4px; top:9px}
#contentMiddle .imageFader .images{background-color:#fff; border:3px solid #bbb}
#contentMiddle .imageFader h2{margin-top:0}
#newsFeatured .images li img{outline:1px solid #CCC}
#newsFeatured .images li{top:0px}
#newsFeatured ul.images{height:236px}
#newsFeatured .descrip{float:left; width:228px}

/* -- Windows/Frames -- */
.window{border:3px solid #aaa; -moz-border-radius:10px; border-radius:10px; background:#f2f2f2;}
.window .head{background:url(/design/window_bg.gif) repeat-x top #b3b3b3; border-bottom:3px solid #aaa; height:34px; position:relative}
.window .head h2,.window .head h3{margin-top:0; line-height:34px; padding-left:18px;}
.window ul li{border-bottom:1px solid #ccc; border-top:1px solid #fff; margin:0; padding:0 18px 1.2em 18px;}
.window li h3{font-size:1.2em}
.window li h3 span{color:#999; font-size:0.9em}
.window li h4{font-size:1.1em}
.window p{margin-top:0.8em}
.window .cornerButton{position:absolute; top:7px; right:9px}
#blog h3 a{color:red; text-decoration:none;}
#blog h4,#tweets h4{color:#666; font-weight:normal}
#tweets h4 a{color:#08A9D3; text-decoration:none;}
#blog h3 a:hover,#tweets h4 a:hover{text-decoration:underline}
.shadedContainer{border-radius:10px; position:relative; padding:0 15px 1.5em 15px; background-color:#eee; overflow:hidden}

/* -- Thumbnail Styles -- */
.projectThumb{background:#E6E6E6; -moz-border-radius:3px; border-radius:3px; box-shadow:1px 1px 3px #aaa; -webkit-box-shadow:1px 1px 10px #aaa; -moz-box-shadow:1px 1px 10px #aaa; position:relative; border:8px solid #fff; text-align:center}
.projectThumb h4{font-weight:bold; position:absolute; right:10px; top:0px; z-index:999; text-shadow:1px 1px 0px #fff}
.projectThumb .rotationMask{position:absolute; top:-30px; left:-12px; height:30px; overflow:hidden; width:100%; padding-top:60px}
.projectThumb .rotationMask img{transform:rotate(25deg);-webkit-transform:rotate(25deg);-moz-transform:rotate(25deg);-o-transform:rotate(25deg);}
.projectThumb p{background:#000; color:#fff; margin-top:60px; text-align:left; padding:1em 10px;z-index:99;}
.portfolioList li.portfolioThumb{background:#fff; border:1px solid #ccc; width:286px;}
.portfolioThumb a.pThmb{height:96px; padding:5px 5px 0 5px; display:block; text-align:center} 
.portfolioThumb .bottom{background:#e9e9e9; border-top:1px solid #ccc; height:3em; padding-left:10px; padding-right:68px; position:relative; overflow:hidden}
.portfolioThumb .bottom h4{margin-top:10px}
.portfolioThumb .bottom a{position:absolute; right:5px; top:4px}

/* -- Misc -- */
.thumbQuote{background:#2e2e2e; -moz-border-radius:10px; border-radius:10px; width:143px; padding:0 10px 1em 10px; position:relative}
.thumbQuote q{color:#fff; font-weight:bold;}
.thumbQuote p{margin-top:1em; text-align:center}
.jbPackage{margin-left:-4px}
#callYouFrm{overflow:hidden;padding-top:1.5em;}
#callYou{width:90px; font-size:0.9em; height:20px; line-height:20px;}
#callYouFrm fieldset{width:316px; text-align:center; margin-top:0;}
a.footNoteAnc{text-decoration:none}
.footNote:target{color:#f00!important; font-size:1.1em}
.sidePanel #viewAllPortfolioBtn{margin-top:1.9em}
ul.cmsList li{margin:2em 0 0 50px}
#wysiwygTemplate{background:#fff!important; color:#333!important; font-size:120%!important; padding:0 10px}
.translatesFrom{background:url(/design/icons/forward.png) no-repeat center right; float:left; display:inline; width:40%; padding-right:24px;}
.translatesTo{width:40%; float:left; display:inline; border:1px dotted #cee; padding:0 10px 1em 10px; box-shadow:3px 3px 3px #999; margin:1em 0}
.content a.readMoreHellip{text-decoration:none}
.content a.readMoreHellip:hover{text-decoration:underline}
textarea.editable{width:900px;}
blockquote.bordered{border:1px dashed #aaa; margin:1em; padding:0 1em 1em 1em}

/* -- User Profile -- */
.userProfile dt{font-weight:bold; margin-top:1em}
.userProfile dd{margin-top:0.5em}
.userProfile img{outline:1px solid #F21010}

/* -- Landing/Splash Page -- */
#homeThumbs{height:294px;}
#homeThumbs a{position:absolute; top:154px; display:block; cursor:pointer}
/*#homeThumbs a:hover img{visibility:hidden}*/
#homeThumbs #htJob{left:115px}
#homeThumbs #htWebDes{left:317px}
#homeThumbs #htWebDev{left:518px}
#homeThumbs #htSeo{left:719px}
#splash #mainMenu{position:absolute; left:-10000px}
#splash #header{background-position:0 0; height:128px; z-index:11;}
#splash #grunge{background:url(/design/splash_grunge.jpg) no-repeat top center; overflow:hidden; z-index:10; position:relative}
#splash .sections li,#splash .sections li h1{margin-top:0}
#splash .sections{padding-left:19px}
#splash .sections li{width:162px; margin-right:39px}
#splash .sections li.last{margin-right:0}
#splash .content p{margin-top:1em}
#splashContent{color:#6f6f6f; background:url(/design/splash_bg.jpg) repeat-x 0 0 #222; padding-top:1px; padding-bottom:2em;}
#splashContent p{-webkit-transition: color 0.5s ease-in-out; -moz-transition: color 0.5s ease-in-out; -o-transition: color 0.5s ease-in-out; transition: color 0.5s ease-in-out;}
#splashContent p:hover{color:#bbb}
#splashContent a{text-decoration:none; color:#fff}
#splashContent a:hover{text-decoration:underline}
#splashContent h1.first{text-align:center; margin-top:70px}
#splashContent h1 a,#splashContent h2{color:#fff;}
#splashContent h3{color:#6f6f6f; font-size:2em; margin-top:2em}
#splashContent h5{font-size:1em; font-weight:bold; margin-top:0}
#splashContent #blog,#splashContent #tweets{font-size:1.1em;}
#splashContent #blog ul,#splashContent #tweets ul{margin-top:2em}
#splashContent #blog p,#splashContent #tweets p{margin-top:0.3em}
#splashContent #blog li,#splashContent #tweets li{border-bottom:1px solid #666; padding-bottom:0.5em; min-height:4.3em; overflow:hidden!important; margin-top:0.3em}
#splashContent #blog li li,#splashContent #tweets li li{border:0; padding:0; min-height:0}
#splashContent #blog li ul,#splashContent #tweets li ul{margin-top:1em}
#splashContent #blog li ul a,#splashContent #tweets li ul a{color:#6f6f6f;}
#splashContent #blog li ul a:hover,#splashContent #tweets li ul a:hover{text-decoration:underline; color:#fff}
#splashContent #blog a{color:#fb6264;}
#splashContent #blog p a{color:#888; text-decoration:underline}
#splashContent #blog p a:hover{text-decoration:none}
#splashContent h4{margin-top:0}

/* -- Job Board Features Page -- */
#jbFeatures{padding:2em 0 3em 0;}
#jbfQuickSearch{left:20px; bottom:525px; font-size:1em}
#jbfByEmail{right:-10px; bottom:530px; width:240px}
#jbfQuickClick{ bottom: 112px; right: 0; width: 185px; background: #FFF; }
#jbFeaturesTwo blockquote{left:225px; top:135px; width: 160px; padding:3px 10px; font-size:1.1em}


/* -- Portfolio Page -- */
#ajaxFrame .siteGallery li{display:inline-block; margin-right:1.5em}
.siteGallery .projectThumb{width:334px; height:211px;}
.portfolioList{margin-left:-35px; margin-top:0.5em}
.portfolioList li{width:300px; float:left; margin-left:35px;}
.portfolioList .listLoad{width:100%; text-align:center; float:none}
.portfolioList .listLoad img{display:inline}
#portfolioFeature{margin-top:0; padding:0 0 30px 0}
#portfolioFeature img{display:block; border:10px solid #F1F1F1; border-radius:10px; margin-right:25px}
#portfolioFeature .images{background:transparent; height:259px; overflow:visible}
#portfolioFeature .images li{width:968px; padding-bottom:1.5em; margin-top:0; padding-right:0; left:0}
#portfolioFeature .index{left:292px; right:auto; top:270px}
#portfolioFeature .index li{float:left}
#portfolioFeature .description{border-left:1px dotted #aaa; float:left; display:inline; padding-left:31px; font-size:13px; color:#aaa; width:245px; min-height:235px}
#portfolioFeature .new{position:absolute; top:25px; left:555px; border:0}
#fullWebsiteList dl.basic dd{padding-left:0}
#fullWebsiteList dl.basic dt strong{color:#800; font-size:0.9em}
#fullPortfolioList{min-height:600px}

/* -- Support Page (Public) -- */
#serviceLevelHeader{line-height:1.3em}
#serviceLevelHeader a{text-decoration:none}
#serviceLevelHeader span,#serviceLevelHeader em,#serviceLevelHeader strong{font-size:1.6em}
#trafficLight{float:right;margin:-20px 0 -1.5em 30px;}

/* -- News -- */
#newsFeatured{margin:0}
#newsFeatured .images{height:214px;}

/* -- Web Design -- */
table.designPackages{width:100%; border-top:8px solid #000}
table.designPackages td,table.designPackages thead th,table.designPackages tfoot th{text-align:center}
table.designPackages thead th{background:url(/design/tables/thead-gradient.jpg) repeat-x; height:64px; line-height:64px; padding:0 12px; color:#fff; font-weight:bold;}
table.designPackages thead th.bronze{background-image:url(/design/tables/bronze.jpg)}
table.designPackages thead th.silver{background-image:url(/design/tables/silver.jpg)}
table.designPackages thead th.gold{background-image:url(/design/tables/gold.jpg)}
table.designPackages tbody th{padding-left:10px; color:#444}
table.designPackages tfoot th{font-weight:bold; border-top:1px solid #eee; padding-top:1em; padding-bottom:1em; font-size:1.2em; background:#eee; color:#111}
table.designPackages .alt td{border-left:1px solid #fff}
table.designPackages td{border-left:1px solid #f5f5f5}
table.designPackages strong{color:#888}

/* -- Contact Us And Location -- */
#strategiesBranches{margin-bottom:-0.5em}
#strategiesBranches .threeCol{border-right:1px dotted #aaa;}
#strategiesBranches .threeCol,#strategiesBranches .threeColEnd{margin-top:1.5em; padding-bottom:0.8em}
#strategiesBranches h2{margin-top:0.5em;}
.map{outline:1px solid #ccc}
.map:hover{outline-color:#F21010}

/* -- Online Survey Manager -- */
#surveyLoginFrm input{width:235px;}

/* -- The Team -- */
#theTeam h2{font-size:1.6em}
#theTeam .thumbLeft{margin-bottom:1.5em;}

/* -- iphone Browser -- */
.iphoneContainer{background:url(/design/iphone2.png) no-repeat; position:absolute; width:350px; height:596px; z-index:99999;}
.iphoneContainer iframe{border:0; position:absolute; left:23px; top:105px; width:306px; height:385px; background-color:#000}
.iphoneContainer .close{position:absolute; right:25px; top:23px; font-weight:bold; color:#fff; text-decoration:underline}
.iphoneContainer .close:hover{text-decoration:none}

/* -- Supersearch Page (External) -- */
#specialityTags .links{margin-left:0; margin-right:5px; display:inline-block; width:220px; vertical-align:top; margin-bottom:1em; padding-left:15px; background: url(/design/bullet_basic.gif) no-repeat left 0.6em; text-align:left;}

/* -- Mail -- */
tr.lead td{background-color:#efe}
tr.support td{background-color:#fda}
tr.closed td{color:#aaa}
tr.spam{display:none}


/* Price Table for SEO Section */
#pricing1, #pricing2 { padding: 35px 0; overflow: hidden; }
.package { z-index: -1; float: left; width: 33%; }
.package .header { background: #7E7E7E; padding: 10px 15px; text-align: center; }
.package .header h2 { color: #FFF; font-family: Georgia; font-size: 1.5em; margin: 0; }
.package .body ul#features { min-height: 255px; margin:0; padding: 15px 10px 10px 10px; overflow: hidden; background: #EAEAEA; }
.package .body ul#features li { display: block; width: 100%; text-align: center; padding: 2px 0; margin: 2px 0; border-bottom: 1px solid #ccc; font-size: 1em; }
.package .footer { text-align: center; padding: 12px 0; background: #D3D3D3; }


#pricing1 #starter .body { height: 382px; background: #EAEAEA; }
#pricing2 #starter .body { height: 280px; }

#starter .header { -moz-border-radius-topleft: 5px; -khtml-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
#enterprise .header { -moz-border-radius-topright: 5px; -khtml-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }

#starter .footer { -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
#enterprise .footer { -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

.package.deal { margin: -15px 0 0 0; border: 1px solid #777; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.package.deal .header { 
	padding: 14px 0; background: #D35B5B;
	-moz-border-radius-topright: 5px; -khtml-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px; -khtml-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px;
}
.package.deal .body { padding-bottom: 10px; background: #EAEAEA; }
.package.deal .body ul#features { padding: 21px 10px 20px 10px; }
.package.deal .footer { padding: 19px 0; }