body
{
	background-color: #1B1B1B;
	text-align: center;
	font-family:  Helvetica, Verdana, Trebuchet MS, Arial, Tahoma, sans-serif;
	font-size: .8em;
	margin: 0px auto;
	background-image: url(/systemfiles/media/images/background.png);
	background-repeat: repeat-x;
/*	background-image: url(/systemfiles/media/images/mainbgv2.jpg);*/
/*	background-image: url(/systemfiles/media/images/windows-7-wallpaper-1920x1200.jpg);*/
/*	background-image: url(/systemfiles/media/images/christmas-background.jpg);*/
/*	background-image: url(/systemfiles/media/images/abstract-light.jpg);*/

}
 
table
{
	font-size: 1em;
}


form
{
	margin: 0;
	padding: 0;
}

h1
{
	margin: 0px;
	padding: 0px;
	font-size: 1.9em;
	font-weight: normal;
	color: #fff;
	padding-top:10px;
	padding-bottom:10px;
}

h1.casestudyheading
{
	background-image: url(/systemfiles/media/images/mainheadingicon.png);
	background-repeat: no-repeat;
	padding-left: 68px;
	padding-top: 40px;
	padding-bottom: 20px;
}

h2
{
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
}

h3
{
	margin: 0px;
	padding: 0px;
	font-size: 1.6em;
	color: #fff;
	font-weight: normal;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-top: 20px;
}

h3.brief
{
	background-image: url(/systemfiles/media/images/brieficon.png);
	padding-left: 68px;
}

h3.solution
{
	background-image: url(/systemfiles/media/images/solutionicon.png);
	padding-left: 68px;
}

h3.expertise
{
	background-image: url(/systemfiles/media/images/expertiseicon.png);
	padding-left: 68px;
}

h4
{

}

h5
{

}

h6
{

}

a
{
color: #99FF00;
}


img
{
	border: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(/systemfiles/media/.);
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FONT SIZER CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.fontResizer 
{
float: left;
width: 45px;
margin-top: 8px;
}

.fontResizer a 
{
	display: block;
	float: left;
	width: 15px;
	height: 17px;
	text-align: center;
	line-height: 15px;
	color: #ffffff;
	text-decoration: none;
}

.fontResizer a:hover 
{
	color: #ccc;
	text-decoration: none;
}

/* 
The following control the way the font-resizer links appear only 
Set the actual size-changes in the function call
*/

.smallFont { font-size: 12px; }

.medFont { font-size: 10px; }

.largeFont { font-size: 14px; }

.curFont { font-weight: bold; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FONT SIZER CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#maincontainer
{
	margin: 0px auto;
	width: 1000px;	
	text-align: center;
}

#mainbg
{
	float: left;
	width: 1000px;
/*	background-image: url(/systemfiles/media/images/bodybg.png);*/
	text-align: center;
}

#mainsite
{
	margin: 0px auto;
	width: 930px;
	text-align: left;
}

#headercontainer
{	
	float: left;
	width: 645px;
}

#logo
{
	float: left;
	width: 280px;
	margin-top: 15px;
	margin-bottom: 20px;
}

#topnav
{
	float: left;
	width: 645px;
	border-bottom: 1px dotted #70B7D4;
	padding-bottom: 20px;
}

#topnav ul
{
	margin: 0px;
	padding: 0px;
}

#topnav li
{
	list-style:none;
	display: inline;
	padding-right: 12px;
}

#topnav li.last{
	padding-right: 0px;
}

#topnav li a
{
	color: #fff;
	text-decoration: none;
text-transform:uppercase;
}

#topnav li a:hover
{
	color: #99FF00;
}

#topnav .active a
{
	color: #99FF00;
}

.last
{
	padding: 0px;
}

#contentcontainer
{
	float: left;
	width: 645px;
}



#gallery
{
	position:relative;
	left:12px;
	top: 10px;
	width:618px;
height: 300px;
	z-index:2;
}

#latestworkcontainer
{
	float: left;
	width: 642px;
	height: 300px;
	overflow: hidden;
}

#latestworkbg
{
	position:relative;
	left:0px;
	top: 10px;
	width: 192px;
	height: 119px;
	z-index:2;
	overflow: hidden;
}


#latestwork
{

	position:relative;
	left:0px;
	top: -119px;

	width: 642px;
	height: 300px;
	margin-top: 10px;
	color: #99FF00 !important;
	font-weight:bold;
	border-bottom: 1px dotted #70B7D4;

	overflow: hidden;
background-image: url(/systemfiles/media/images/bigimageborder.png);
background-repeat: no-repeat;
}

#latestwork a
{
	color: #99FF00 !important;
	text-decoration: none;
}

.latestworkleft
{
	float: left;
	margin-top: 10px;
	padding-left: 10px;
}

.latestworkright
{
	float: right;
	margin-top: 10px;
	padding-right: 10px;
}


#latestwork .latestworkright a, #latestwork .latestworkleft a
{
color: #99FF00;
}

#carousel
{
position: relative;
top: 10px;
left: 12px;
width: 618px;
height: 262px;
overflow: hidden;
}

#carousel ul
{
margin: 0px;
padding: 0px;
list-style: none;
}

#areas
{
	float: left;
	width: 642px;
	margin-top: 10px;
	border-bottom: 1px dotted #70B7D4;
	padding-bottom: 10px;
}

#areas .areaslink
{
	padding-left: 10px;
	padding-right: 15px;
	color: #fff;
	text-decoration: none;


color: #000;
background-color: #99FF00;
text-decoration: none;
}

#areas ul{
	margin: 0px;
	padding: 0px;

}

#areas li{
	list-style: none;
	font-size: 12px;
margin-top: 4px;
	background-image: url(/systemfiles/media/images/rightbgli.png);
	background-repeat:no-repeat;
	background-position: 0px 4px;
	padding-left: 10px;
}

#areas li a{
	color: #fff;
	text-decoration: none;
}


#webdesign
{
	float: left;
	width: 213px;
	height:150px;
	color: #fff;
	font-size: 20px;
	background-image: url(/systemfiles/media/images/webdesignbgv2.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}

#onlinemarketing
{
	float: left;
	width: 213px;
	height:150px;
	color: #fff;
	font-size: 20px;
	background-image: url(/systemfiles/media/images/onlinemarketingbgv2.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}

#onlineusability
{
	float: left;
	width: 200px;
	height:150px;
	color: #fff;
	font-size: 20px;
	padding-left: 15px;
	background-image: url(/systemfiles/media/images/onlineusabilitybgv2.png);
	background-repeat:no-repeat;
	background-position:right bottom ;
}



#content
{
	float: left;
	width: 642px;
	margin-top: 10px;
	color: #F7D9D9;
	min-height: 350px;
}


#content a
{
color: #000;
background-color: #99FF00;
text-decoration: none;
}

/*.searchtable td{
color: #000;
background-color: #99FF00;
text-decoration: none;
}*/

td.searchresult{
color: #99FF00;
background-color: none;
text-decoration: none;
	cursor:pointer;
}


#footer
{
	float: left;
	width: 642px;
	margin-top: 20px;
	border-top: 1px dotted #70B7D4;
	padding-bottom: 10px;
	padding-top: 20px;
}

#footer ul
{
	margin: 0px;
	padding: 0px;
}

#footer li
{
	list-style: none;
	display: inline;
	padding-right: 15px;
}

#footer li a
{
	color: #fff;
	text-decoration: none;
}


#rightcontainer
{
	float: right;
	width: 220px;
}

#rightcontainert a, .middleright a, .centerrightli a, #followtitter a, .yellow a
{
	color:#99FF00;
}



#contact
{
	float: left;
	width: 220px;
	background-image: url(/systemfiles/media/images/rightmiddlebg.png);
	background-repeat:repeat-y;
	text-align: center;
}

#contact a
{
color: #FFF;
}

#contact ul
{
	margin:0px;
	padding: 0px;
	margin-top: 8px;
	margin-bottom: 8px;
}

#contact li
{
	list-style: none;
	display: inline;
	color:#0AF3F3;
	padding-right: 0px;

}

#contact li a
{
	color: #0AF3F3;
	text-decoration: none;
}

#contact .white
{
	color: #fff;
}

.white
{
	color: #fff;
}

.white a
{
	color: #fff;
}


#contact .yellow a
{
	color:#99FF00;
	text-decoration:none;
}

.yellow
{
	color:#99FF00;
	text-decoration:none;
}

.yellow a
{
	color:#99FF00;
	text-decoration:none;
}

#yellow
{
	color:#99FF00;
	text-decoration:none;
}

#yellow a
{
	color:#99FF00;
	text-decoration:none;
}




#search
{
	float: left;
	width: 192px;
	border-top: 1px solid #59879E;
	padding-top: 8px;
}

.middleright
{
	float: left;
	width: 220px;
	background-image: url(/systemfiles/media/images/rightmiddlebg.png);
	background-repeat:repeat-y;
	text-align: center;
}

.bottomright
{
	float: left;
	width: 220px;
	padding-bottom: 10px;
}

.topright
{
	float: left;
	width: 220px;

}

.centerright
{
	margin: 0px auto;
	width: 192px;
	text-align: left;
}

.centerrightli
{
	margin: 0px auto;
	width: 192px;
	text-align: left;
}



.centerrightli ul
{
	margin: 0px;
	padding: 0px;
}

.centerrightli li
{
	list-style: none;
	background-image: url(/systemfiles/media/images/rightbgli.png);
	background-repeat:no-repeat;
	background-position: 0px 4px;

}

.centerrightli li a
{
	padding-left: 10px;
	color: #F2EFEF;
	text-decoration: none;
}

.centerrightli li li
{
	list-style: none;
	background-image: url(/systemfiles/media/images/rightbgli.png);
	background-repeat:no-repeat;
	background-position: 10px 4px;

}

.centerrightli li li a
{
	padding-left: 20px;
	color: #F2EFEF;
	text-decoration: none;
}

#twitter
{
	float: left;
	width: 220px;
	margin-top: 25px;
}

#twittercontent
{
	float: left;
	width: 220px;
}

#followtitter
{
	float: left;
	width: 205px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	border-bottom: 1px dotted #70B7D4;
}

.time
{
	color: #0AF3F3;
	font-size: 0.8em;
}




/*Case Studies --------------------------- */

.thumbimages, #thumbimages
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: left;
}

.thumbimages li, #thumbimages li
{
	list-style: none;
	float: left;
/*	background-image: url(/systemfiles/media/images/thumbbgv2.png);
	background-repeat: no-repeat;*/
	height: 133px;
	width:210px;
/*	text-align: center;*/
	padding-top: 6px;
	overflow: hidden;
}

.thumbimages li.space, #thumbimages li.space
{
	float: left;
	width: 6px;
	background-image: none;
}

.thumbimagesright
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: left;
}

.thumbimagesright li
{
	list-style: none;
	float: left;
	background-image: url(/systemfiles/media/images/thumbbg.png);
	background-repeat: no-repeat;
	height: 133px;
	width:220px;
	text-align: center;
	padding-top: 6px;
	overflow: hidden;
}

.casetudycontent
{
	padding-left: 68px;
}

.casetudycontent ul
{
	margin: 0px;
	padding: 0px;
}

.casetudycontent li
{
	list-style: none;
	background-image: url(/systemfiles/media/images/bgli.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
}

.casestudytopbg
{
	float: right;
	width: 574px;
	margin-top: 20px;
}

.casetudycontentbg
{
	float: right;
	width: 574px;

	background-image: url(/systemfiles/media/images/middleborder.png);
	background-repeat: repeat-y;
}

.contenttest
{
	padding-left: 10px;
	padding-right: 10px;
}

.casestudybottombg
{
	float: right;
	width: 574px;
}

.casestudylist
{
	float: left;
	width: 214px;
	overflow: hidden;
	margin-top: 10px;
}

.extranet_categoryheader
{
	float: left;
	width: 100%;
	margin-top: 8px; 
	margin-bottom: 8px;
	border-bottom: 1px dotted #fff;
	padding-bottom: 4px;
}


td.form_cellControl input,
td.value input,
div.value input,
td.value textarea,
div.value textarea,
td.value select,
.textbox { 
	padding:3px;
	background: #f9f9f9; 
	border: 1px solid #888888; 
	vertical-align:top;
}
td.form_cellControl input:hover,
td.value input:hover,
div.value input:hover,
td.value textarea:hover,
div.value textarea:hover,
td.value select:hover,
.textbox:hover	{
	background:#CEDDDF; 
}
td.form_cellControl input:focus,
td.value input:focus,
div.value input:focus,
td.value textarea:focus,
div.value textarea:focus,
td.value select:focus,
.textbox:focus	{ 
	background:#F3F8F8; 
	border: 1px solid #A51010;
}

td.value textarea,
div.value textarea,
td.value input {
	width: 270px;
}

td.value input.textbox {
	width: 150px;
}

td.value input.radioinput {
	width: 30px;
}


td.value select {
	width:158px; /* attempt to have equal length */
	padding:2px 0;
}  

td.value select.cfselectmulti	{ 
	height:7.5em; 
}

td.value textarea,
div.value textarea {
	font-family: arial;
	font-size: 0.9em;
	overflow:auto;
}

.validator
{
	background-image: url(/systemfiles/media/images/alert-16.png);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	color: transparent;
	float: left;
}

.valsummary
{
	padding: 10px;
	background-color: #383838;
	color: #fff !important;
	margin-bottom: 10px;
}

.valsummary ul
{
	margin: 0;
	padding: 5px;
}
.valsummary li
{

background-image:url("/systemfiles/media/images/rightbgli.png");
background-position:0px 4px;
background-repeat:no-repeat;
list-style:none outside none;
padding-left: 18px;

}

.button, .form_submitbutton
{
	border: 0;
	color: #fff;
	background-color: #000;
	padding: 6px;
	cursor: pointer;
	

}

.form_submitbutton
{
	margin-left: 310px;
	margin-top: 20px;
}


/* search */
 .heading
    {
    }
    #searchtable
    {
        width: 380px;
    }
    #searchtablecontainer
    {
        text-align: center;
    }
    .searchlabel
    {
    }
    .searchfield input
    {
	width: 100%;
    }
    .searchbutton
    {
    }
    .resultcontainer
    {
        padding: 10px;
        border-bottom: 1px dotted #eee;
    }
.resultcontainer a
{
	background-color: transparent !important;
	color: #fff !important;
	font-weight: bold !important;
}
    .resultname
    {
        font-size: 16px;
        margin-bottom: 6px;
    }
    .resultviewurl
    {
        font-size: 12px;
    }
    .resultsummary
    {
        font-size: 11px;
        margin-top: 8px;
    }
    #resultcount
    {
        margin-top: 10px;
        margin-bottom: 10px;
        font-weight: bold;
    }
    #resultcount b
    {
        color: #99FF00;
    }
    span.hit
    {
        color: #99FF00;
    }