/* Start of CMSMS style sheet 'global' */
/* ------------------------------ */
/* main setup */


*
{
margin: 0;
padding: 0;
border: 0;
}



body, html
{
    text-align: left;
    color: #fff;
    font-family: Tahoma, Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 1em;
    background: #fff;
    letter-spacing: .1em;

}

.offScreen 
{
	position: absolute;
	left: -5000px;
	padding: 0;
	margin: 0;
}

.clear
{
clear: left;
}

#frame 
{
	width: 993px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	background: #fff;
}

h1
{
	width: 177px;
	height: 73px;
	background: url("/uploads/images/global/logo.gif") 0 0 no-repeat;
	float: left;
	margin: 22px 0 0 25px;
	_margin: 22px 0 0 5px;
}

a
{
outline: none;
}

h1 a
{
	display: block;
	width: 141px;
	height: 69px;
}

#header
{
	height: 110px;
}

#banner
{
width: 993px;
height: 273px;
/*background: #fff;*/
}

#content
{
background: url("/uploads/images/global/contentBg.jpg");
margin: 59px 0 25px 0;
_margin: 0px 0 25px 0;
padding: 0 0 30px 0;
}

#left
{
float: left;
margin: 25px 50px 0 25px;
width: 435px;
}

#right
{
float: left;
width: 435px;
margin: 25px 0 0 0;
}

#left a
{
color: #02FBFB;
}

#right a
{
color: #99FF00;
}

h2
{
width: 207px;
height: 78px;
background: url("/uploads/images/global/phoneNumber.gif") 0 28px no-repeat;

}

h3
{
width: 993px;
height: 75px;
margin: 118px 0 0 0;
}

h4
{
width: 993px;
height: 59px;
background: #fff;
}

h5
{
font-size: 1.2em;
font-weight: normal;
margin: 0 0 15px;
}

h5 span
{
font-size: 1.2em;
color: #a4b6b5;
}

h6
{
font-size: .8em;
}

p, li
{
font-size: .8em;
line-height: 1.4em;

}

p
{
margin: 0 0 10px 0;
}

.non-html {
text-decoration: none;
}


/* ------------------------------ */
/* navigation */


ul#navigation 
{
float: left;
margin: 45px 0 0 249px;
_margin: 45px 0 0 177px;
width: 542px;

}

#header ul#navigation li,
#header ul#navigation li a
{
float: left;
display: block;
height: 20px;
padding: 0 0 8px 0;
height: 20px;
}
#header ul#navigation li a
{
border-bottom: 1px solid #73A0AD;
}


#header ul#navigation li#home,
#header ul#navigation li#home a 
{
	width: 67px;
	background: url("/uploads/images/nav/navHome.gif") no-repeat 0 0;
}

#header ul#navigation li#home a:hover
{
border-bottom: 1px solid #99FF00;
}

#header ul#navigation li#whatWeDo,
#header ul#navigation li#whatWeDo a 
{
	width: 118px;
	background: url("/uploads/images/nav/navWhatWeDo.gif") no-repeat 0 0;
}

#header ul#navigation li#whatWeDo a:hover
{
border-bottom: 1px solid #16E3E3;
}

#header ul#navigation li#whoWeAre,
#header ul#navigation li#whoWeAre a 
{
	width: 124px;
	background: url("/uploads/images/nav/navWhoWeAre.gif") no-repeat 0 0;
}

#header ul#navigation li#whoWeAre a:hover
{
border-bottom: 1px solid #79F808;
}

#header ul#navigation li#ourPortfolio,
#header ul#navigation li#ourPortfolio a 
{
	width: 130px;
	background: url("/uploads/images/nav/navPortfolio.gif") no-repeat 0 0;
}

#header ul#navigation li#ourPortfolio a:hover
{
border-bottom: 1px solid #5E8BFB;
}

#header ul#navigation li#contactUs,
#header ul#navigation li#contactUs a 
{
	width: 100px;
	background: url("/uploads/images/nav/navContact.gif") no-repeat 0 0;
}

#header ul#navigation li#contactUs a:hover
{
border-bottom: 1px solid #16FCFC;
}


/* ------------------------------ */
/* homepage */

#banner.homepage
{
	background: url("/uploads/images/home/main.jpg") 0 0 no-repeat;
}

#banner.homepage h3
{
	background: url("/uploads/images/home/strap.jpg") 0 0 no-repeat;
}

#banner.homepage h4
{
	background: url("/uploads/images/home/title.gif") 0 0 no-repeat;
}

ul.largeArrowBullets li

{
	background: url("/uploads/images/global/largeArrow.jpg") 0 0 no-repeat;
	list-style-type: none;
	padding: 0 0 13px 50px;

}

blockquote
{
	background: url("/uploads/images/home/webDevelopment.jpg") 0 0 no-repeat;
	width: 402px;
	height: 95px;
	margin: 20px 0 0 0;
}

#jamesStevens
{
background-color: #627b79;
padding: 10px;
width: 100%;
margin-bottom: 10px;
}


/* ------------------------------ */
/* what we do */

.whatWeDo
{
	background: url("/uploads/images/whatWeDo/main.jpg") 0 0 no-repeat;
}

#banner.whatWeDo h3
{
	background: url("/uploads/images/whatWeDo/strap.jpg") 0 0 no-repeat;
}

#whatWeDoList li
{
font-size: 0.9em;
color: #99ff00 !important;
margin: 0 0 15px 0;
list-style-type: none;
}

#whatWeDoList li a
{
color: #99ff00 !important;
}

#banner.whatWeDo h3.techie
{
	background: url("/uploads/images/whatWeDo/techie/strap.jpg") 0 0 no-repeat;
}

#banner.whatWeDo h3.standards
{
	background: url("/uploads/images/whatWeDo/standards/strap.jpg") 0 0 no-repeat;
}

#banner.whatWeDo h3.hosting
{
	background: url("/uploads/images/whatWeDo/hosting/strap.jpg") 0 0 no-repeat;
}



#banner.whatWeDo h4
{
	background: url("/uploads/images/whatWeDo/title.gif") 0 0 no-repeat;
}

#banner.whatWeDo h4.techie
{
	background: url("/uploads/images/whatWeDo/techie/title.gif") 0 0 no-repeat;
}

#banner.whatWeDo h4.standards
{
	background: url("/uploads/images/whatWeDo/standards/title.gif") 0 0 no-repeat;
}

#banner.whatWeDo h4.hosting
{
	background: url("/uploads/images/whatWeDo/hosting/title.gif") 0 0 no-repeat;
}


.bespoke
{
	background: url("/uploads/images/whatWeDo/bespokeSystems/main.jpg") 0 0 no-repeat;
}

#banner.bespoke h3
{
	background: url("/uploads/images/whatWeDo/bespokeSystems/strap.jpg") 0 0 no-repeat;
}

.bespoke h4
{
	background: url("/uploads/images/whatWeDo/bespokeSystems/title.gif") 0 0 no-repeat;
}

.eCommerce
{
	background: url("/uploads/images/whatWeDo/eCommerce/main.jpg") 0 0 no-repeat;
}

#banner.eCommerce h3
{
	background: url("/uploads/images/whatWeDo/eCommerce/strap.jpg") 0 0 no-repeat;
}

.eCommerce h4
{
	background: url("/uploads/images/whatWeDo/eCommerce/title.gif") 0 0 no-repeat;
}

.filemaker
{
	background: url("/uploads/images/whatWeDo/filemaker/main.jpg") 0 0 no-repeat;
}

#banner.filemaker h3
{
	background: url("/uploads/images/whatWeDo/filemaker/strap.jpg") 0 0 no-repeat;
}

.filemaker h4
{
	background: url("/uploads/images/whatWeDo/filemaker/title.gif") 0 0 no-repeat;
}

.filemaker
{
	background: url("/uploads/images/whatWeDo/filemaker/main.jpg") 0 0 no-repeat;
}

#banner.filemaker h3
{
	background: url("/uploads/images/whatWeDo/filemaker/strap.jpg") 0 0 no-repeat;
}

.filemaker h4
{
	background: url("/uploads/images/whatWeDo/filemaker/title.gif") 0 0 no-repeat;
}

.cms
{
	background: url("/uploads/images/whatWeDo/cms/main.jpg") 0 0 no-repeat;
}

#banner.cms h3
{
	background: url("/uploads/images/whatWeDo/cms/strap.jpg") 0 0 no-repeat;
}

.cms h4
{
	background: url("/uploads/images/whatWeDo/cms/title.gif") 0 0 no-repeat;
}

.other
{
	background: url("/uploads/images/whatWeDo/other/main.jpg") 0 0 no-repeat;
}

#banner.other h3
{
	background: url("/uploads/images/whatWeDo/other/strap.jpg") 0 0 no-repeat;
}

.other h4
{
	background: url("/uploads/images/whatWeDo/other/title.gif") 0 0 no-repeat;
}




/* green box id */



#greenBox
{
	background: url("/uploads/images/whatWeDo/greenBoxBg.jpg") 0 0;
	width: 387px;
}

#greenBoxTop
{
	background: url("/uploads/images/whatWeDo/greenBoxTop.jpg") 0 0;
	width: 387px;
	height: 16px;
	font-size: .1em;
}


#greenBoxBttm
{
	background: url("/uploads/images/whatWeDo/greenBoxBttm.jpg") 0 0;
	width: 387px;
	height: 16px;
	font-size: .1em;
        margin: -5px 0 10px 0;
        _margin: 0;

}

#greenBox p.ads
{
	float: left;
	width: 135px;
	margin: 0 20px 10px 20px;
	_margin: 0 20px 10px 10px;
}

#greenBox img
{
	float: left;

}

#greenBox ul li
{
	margin: 5px 0 5px 35px;
}



#greenBox h5,
#greenBox p
{
margin: 5px 20px 5px 20px;
}

#greenBox h5 span
{
font-size: .8em;
}


/* green box variant as class */

.greenBox
{
	background: url("/uploads/images/whatWeDo/greenBoxBg.jpg") 0 0;
	width: 387px;
}

.greenBoxTop
{
	background: url("/uploads/images/whatWeDo/greenBoxTop.jpg") 0 0;
	width: 387px;
	height: 16px;
	font-size: .1em;
}


.greenBoxBttm
{
	background: url("/uploads/images/whatWeDo/greenBoxBttm.jpg") 0 0;
	width: 387px;
	height: 16px;
	font-size: .1em;
        margin: -5px 0 10px 0;
        _margin: 0;

}

.greenBox p.ads
{
	float: left;
	width: 135px;
	margin: 0 20px 10px 20px;
	_margin: 0 20px 10px 10px;
}

.greenBox img
{
	float: left;

}

.greenBox ul li
{
	margin: 5px 0 5px 35px;
}



.greenBox h5,
.greenBox p
{
margin: 5px 20px 5px 20px;
}

.greenBox h5 span
{
font-size: .8em;
}

/* end green box class */

.padd
{
margin-bottom: 20px !important;
}

ul.stars li

{
	background: url("/uploads/images/global/star.jpg") 0 3px no-repeat;
	list-style-type: none;
	padding: 0 0 13px 20px;
	margin: 0 0 0 20px;

}

.techie #left
{
width: 440px;
}

.techie #right
{
width: 440px;
}

#content.techie #left
{
margin-right: 40px;
}

#content.techie p span
{
font-size: 1.2em;
font-weight: bold;
color: #A8B2B1;
}

#logo
{
margin: 0 10px 0px 20px;
}
/* ------------------------------ */
/* who we are */

.whoWeAre
{
	background: url("/uploads/images/whoWeAre/main.jpg") 0 0 no-repeat;
}

#banner.whoWeAre h3
{
	background: url("/uploads/images/whoWeAre/strap.jpg") 0 0 no-repeat;
}

#banner.whoWeAre h4
{
	background: url("/uploads/images/whoWeAre/title.gif") 0 0 no-repeat;
}

#content.whoWeAre a
{
color: #fff;
margin: 15px 15px 0 15px;
text-decoration: none;
}

#content.whoWeAre p
{
padding: 15px 15px 0 15px;
}

#content.whoWeAre p.us
{
padding: 15px 10px 10px 18px;
width: 220px;
float: left;
text-align: center;
color: #a4b6b5;
}

#content.whoWeAre p.us span
{
font-size: 1.3em;
color: #fff;
}

#content.whoWeAre p.intro
{
font-size: 1em;
}

#content.whoWeAre p.intro span
{
color: #a4b6b5;

}





/* ------------------------------ */
/* portfolio */

.portfolio
{
	background: url("/uploads/images/portfolio/main.jpg") 0 0 no-repeat;
}

#banner.portfolio h3
{
	background: url("/uploads/images/portfolio/strap.jpg") 0 0 no-repeat;
}

#banner.portfolio h4
{
	background: url("/uploads/images/portfolio/title.gif") 0 0 no-repeat;
	width: 580px;
	float: left; 
}

#content.portfolio #left
{
	margin-left: 25px;
	width: 475px;
	margin-right: 0;
}

#content.portfolio #right
{
	width: 440px;
	margin-left: 0;
}

#content.portfolio h6
{
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 6px;

}

#content.portfolio p
{
margin-top: 0;
}

#content.portfolio p.quote
{
margin: 0px 40px 0 32px;
}

#content.portfolio p.quote span
{
	font-size: 1.5em;
	
}

#content.portfolio #leftQuote
{
	width: 23px;
	height: 19px;
	background: url("/uploads/images/portfolio/speechLeft.jpg") 0 0 no-repeat;
	margin: 10px 0 0 0;
	
}

#content.portfolio #rightQuote
{
	width: 23px;
	height: 19px;
	background: url("/uploads/images/portfolio/speechRight.jpg") 0 0 no-repeat;
	margin: 0 0 10px 400px;
}

.portfolio select
{
	float: right;
	margin: 22px 10px 0 0;
        outline: none;
        border: 1px solid #000;
}

.portfolio .next
{
	margin: 15px 0 0 0;
}

.portfolio .back
{
	margin: 15px 0 0 360px;

}



/* ------------------------------ */
/* contact Us */

.contactUs
{
	background: url("/uploads/images/contactUs/main.jpg") 0 0 no-repeat;
}

#banner.contactUs h3
{
	background: url("/uploads/images/contactUs/strap.jpg") 0 0 no-repeat;
}

#banner.contactUs h4
{
	background: url("/uploads/images/contactUs/title.gif") 0 0 no-repeat;
}

#content.contactUs #left
{
width: 360px;
margin-right: 0;
}

#content.contactUs #right
{
width: 219px;
padding-top: 20px;
}

#content.contactUs #right p
{
font-size: .9em;
}

#content.contactUs #right span
{
font-size: 1.5em;
}


#content.contactUs #map
{
width: 400px;
float: left;
*float: none;
_float: none;
margin: 30px 0 0 0;
}

#content.contactUs #map a:link
{
color: #fff !important;
}


#content.contactUs h4 {
height: 30px;
}

input
{
margin: 4px 0 10px 0;
height: 18px;
width: 250px;
}

label
{
font-size: .9em;
cursor: pointer;
}

textarea
{
width: 250px;
margin: 4px 0 10px 0;

}


.error {
	color: red;
	font-weight: bold;
}

input.send-btn {
width: 184px;
height: 42px;
background: #333 url("/uploads/images/global/buttonSubmit.jpg") no-repeat;
outline: none;
border: none;
}

input.send-btn:hover {
background: #666 url("/uploads/images/global/buttonSubmit.jpg") no-repeat 0 -42px;
}

#footer, #webmail a, #webmail 
{
color: #455957;
font-size: .9em;
text-decoration: none;
margin: 0;
padding: 0;
float: left;
width: 493px;
}

#footer p a,
#footer p a visited,
#footer p a hover
{
color: #455957;
text-decoration: none;
}

#webmail 
{
text-align: right;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}




/* sitemap display tweaks */

#sitemap {
    padding-left:50px;
}

#sitemap ul.first li {
    list-style-type: disc;
    margin: 0 0 10px 5px;
}
#sitemap ul.second li {
   margin: 4px 0 10px 10px;
   list-style-type: square;
}
#sitemap ul.third li {
   margin: 4px 0 10px 15px;
   list-style-type: circle;
}



/* what we do link style twiddles */


a.wwd {
    text-decoration: none;
    color: #99ff00 !important;   
}


/* End of 'global' */