/* Main CSS Document */
*
{ margin:0;padding:0; outline:0}
a:link, a:hover{ outline:none;}

/* commented backslash hack v2 \*/
html, body

{
    height:100%;
    width:100%;
    background-color:#333;
    font-family:Arial,sans-serif;
    font-size:12px;
    font-weight:normal; 
}
/* end hack */
body,html>body

{
    width:100%;
    background-color:#333;
    font-family:Arial,sans-serif;
    font-size:12px;
    font-weight:normal;
}
a:link,a:visited,a:active,a:hover
{
    border:0;
    list-style-type:none;
    text-decoration:none;
    color:#fff;
}
img
{	border:0; }
.hide{ visibility:hidden;}
.remove{ display:none;}
.md10{ position:relative; top:10px;}

.imgbctxt,.sectiontitle,.teletitle, h1.title, h2.subtitle,h2.title,h1.home,h2.home, h3.subtitle{ /*font-family:"Bitstream Charter","URW Palladio L",Palatino,"Palatino Linotype","Hoefler Text",Georgia,"Book Antiqua",Times,"Times New Roman",serif;*/
	font-family: Georgia, Times, "Times New Roman", Serif; font-weight:100;}

h1.title, h1.title a{ font-size:18px; color:#cccccc; margin-bottom:10px;}
h1.title a:hover{ color:#4284D3;}
.sectiontitle{ font-size:19px; color:#ffffff; margin-bottom:5px;}
h2.title{ font-size:18px; color:#ffffff; margin-bottom:10px;}
h2.subtitle{ font-size:16px; color:#cccccc;}
h3.subtitle{ font-size:13px; color:#666666; }
.teletitle{ font-size:19px; color:#ffffff; margin-bottom:10px;}
.imgbctxt
{
	font-size:11px;
	color:#666666;
}

#background_wrap

{
    min-height: 100%;
    width:100%;
    margin: 0;
    position: absolute;
    top:0;
    left:0;
    z-index:0;
    background-color:Transparent;
}
#topnav
{
    position:relative;
    z-index:101;
    background-color:transparent;
    border:0;
    height:63px;
    padding-left:25px;
    width:900px;
    display:block;
}

.topnavimg
{ width:72px; height:63px;}
.topnavimg2
{ width:92px; height:63px;}

#topnav ul li
{
    float:left;
    list-style:none;
}

#content_outter
{
    background-color:Transparent;
    width:560px;
    margin-left:220px;
    margin-right:135px;
    margin-bottom:-52px;
    min-height:100%;
    color:#dfdfdf;
}
.contentwrap
{
	 width:511px;
	}

#content_outterlarge
{
	background-color:Transparent;
    width:700px;
    margin-left:220px;
    margin-bottom:-52px;
    min-height:100%;
    color:#dfdfdf;
	
}
#content_outterup
{
    background-color:Transparent;
    width:560px;
    margin-left:220px;
    margin-right:135px;
    margin-bottom:-98px;
    min-height:100%;
    color:#dfdfdf;
}

#leftcolumn3,#leftcolumn2
{	/*left*/
    position:relative;/*ie needs this to show float */
    width:160px;
    float:left;
    margin-left:-199px; /*must be 1px less than width otherwise won't push footer down */
    z-index:100;
    left:-1px;
}
.tab_bg_pink,.tab_bg_green,
.tab_bg_blue,.tab_bg_gray,
.tab_bg_red,.tab_bg_dblue,
.tab_bg_dblue2,.tab_bg_dblue3,.tab_bg_dblue4
{
    display:block;
    background-image:url(../images/tab-contact-bg.png);
    background-repeat:no-repeat;
    background-position:top left;
    width:149px;
    height:19px;
    font-family:Arial, sans-serif;
    font-size:11px;
    font-weight:700;
    text-align:right;
    padding-right:10px;
    padding-top:4px;
}

.tab_bg_green
{
    background-image:url(../images/tab-about-bg.png);
}

.tab_bg_blue
{
    background-image:url(../images/tab-work-bg.png);
}

.tab_bg_gray
{
    background-image:url(../images/tab-feature-bg.png);
}

.tab_bg_red
{
    background-image:url(../images/tab-service-bg.png);
}
.tab_bg_dblue
{
	 background-image:url(../images/tab-commu-bg.png);
}
.tab_bg_dblue2
{
	 background-image:url(../images/nav-vigilize.jpg);
}
.tab_bg_dblue3
{
	 background-image:url(../images/nav-dadi.jpg);
}
.tab_bg_dblue4
{
	 background-image:url(../images/nav-others.jpg);
}
ul.leftnav
{
    width:100%;
    list-style:none;
    
}

ul.leftnav li
{
    height:22px;
    margin-bottom:1px;
    
}

ul.leftnav li a.off:link,
ul.leftnav li a.off:visited,
ul.leftnav li a.off:active
{
    display:block;
    background-image:url(../images/subnav-off.png);
    background-position:0 0;
    background-repeat:repeat-x;
    width:148px;
    height:25px;
    padding-top:4px 0px;
    padding-left:10px;
    text-decoration:none;
    color:#ccc;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    
}

ul.leftnav li a:link,ul.leftnav li a:visited,
ul.leftnav li a:active,ul.leftnav li a:hover,
ul.leftnav li a.off:hover
{
    display:block;
    background-image:url(../images/subnav-on.png);
    background-position:0 0;
    background-repeat:repeat-x;
    width:148px;
    height:25px;
    padding:4px 0px;
    padding-left:10px;
    text-decoration:none;
    color:#ccc;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
}
ul.lefttab li
{
    list-style:none;
}
/*news and events */
.newsdate
{
    display:block;
    width:58px;
    font-size:9px;
    color:#666;
    margin-bottom:2px;
    margin-left:15px;
    padding-left:1px;
    background:#E0EDf0;
    
}

.newsdate2
{
    display:block;
    width:50px;
    font-size:9px;
    color:#666;
    padding-left:3px;
    margin-bottom:5px;
    background:#E0EDf0;
    
}
ul.newslistleft

{
    width:145px;
    margin-left:5px;
}
ul.newslistleft li

{
    background: transparent url(../images/arrow-pink.gif) no-repeat top left;
    list-style-type:none;
    font-size:9px;
    text-transform:uppercase;
    padding-left:3px;
    
}
ul.newslistleft li a:link,ul.newslistleft li a:active,
ul.newslistleft li a:visited,ul.newslistleft li a:hover

{
    display:block;
    margin-left:14px;
    color:#ccc;
    font-size:9px;
    font-weight:bold;
}
ul.newslistleft li a:hover
{
	background:#0088ff;
    color:#fff;
}

#rightcolumn3
{
    position:relative;/*ie needs this to show float */
    width:120px;
    float:right;
    margin-right:-119px;/*must be 1px less than width otherwise won't push footer down */
    left:1px;
    color: #000;
}
#middlecolumn3 p, #rightcolumn3 p, .contentwrap p

{
    margin-bottom:2em;
    line-height:150%;
    font-family:Arial;
}
#middlecolumn3 br{ clear:both; height:1px;}
#middlecolumn3 a.content:link,#middlecolumn3 a.content:active, 
#middlecolumn3 a.content:hover, #middlecolumn3 a.content:visited { color:#ff358b;}

a.contentlnk:link,a.contentlnk:active, 
a.contentlnk:hover, a.contentlnk:visited { color:#ff358b;}

a.contentnews:link, a.contentnews:active, 
a.contentnews:hover, a.contentnews:visited { color:#ff358b;}

a.email:link,a.email:hover,
a.email:active,a.email:visited,
a.email:hover
{
    color:#f33;
    text-decoration:none;
    font-weight:700;
}
ul.eboygallery li
{
	float:left;
	margin-left:12px;
	margin-right:12px;
	list-style-type:none;
	margin-bottom:15px;
	width:100px;
	height:100px;
}
#footer
{
    width:100%;
    min-width:1000px;
    clear:both;
    padding:35px 0 60px 0;
    height:170px;
    background: #4d4d4d url(../images/footer-bg.jpg) repeat-x top left;
    position:relative;
}
#ftleft
{ float:left; width:220px; margin-right:20px;}
#ftmiddle
{ float:left; width:590px;}
.sitemapcolumn
{ float:left; width:104px;}
.sitemapcolumn ul li
{ list-style-type:none; font-size:10px; line-height:150%;}
.sitemapcolumn ul li a:link,.sitemapcolumn ul li a:active,.sitemapcolumn ul li a:hover
{}
.sitemapcolumn ul li a:visited
{color:#999;}
#clearheader
{height:72px;}/*needed to make room for header*/
#clearfooter
{clear:both;height:52px;}/*needed to make room for footer*/
* > html #clearfooter
{float:left;width:100%;}/* ie mac styles */

#middlecolumn3

{ /*centrecontent*/
    
    width:511px;
    float:left;
    position:relative;
    z-index:1;
    margin:0 -1px;
    margin-left:15px;
    background-color:Transparent;
    
}
/* css stuff below is just for presentation and not needed for the demo */


.moviecontainer
{
    width:255px;
    height:193px;
    border:0;
}
table#movies
{empty-cells: show}

.locationlabel,.sitemaplabel
{
    font-family:Arial;
    font-size:12px;
    color:#fff;
    font-weight:bold;
    margin-bottom:15px;
    display:block;
}

#middle_title_container
{
    margin-top:203px;
    width:100%;
    height:60px;
}

div.dkdivider
{
    clear:both;
    width:100%;
    background-color:Transparent;
    background-image:url(../images/darkdot.gif);
    background-position:left center;
    background-repeat:repeat-x;
    height:3px;
    margin:0 0 30px 0;
}
div.dkdivider hr
{ display:none;}



div.middledivider
{
    clear:both;
    width:100%;
    background-color:Transparent;
    background-image:url(../images/darkgray-divider.gif);
    background-position:left center;
    background-repeat:repeat-x;
    height:3px;
    margin:15px 0;
}
div.middledivider hr
{ display:none;}

div.middledividerdark
{
    width:100%;
    background-color:Transparent;
    background-image:url(../images/darkgray-divider.gif);
    background-position:left center;
    background-repeat:repeat-x;
    height:3px;
    margin:15px 0;
}
div.middledividerdark hr
{ display:none;}
#walktolondon_panel
{
	background:transparent url(../images/bg-walktominuco.png) no-repeat top left; 
	display:block;
	padding:0 15px;
	height:415px;
}
ul.inventroy
{
    float:left;
    width:219px;
}

ul.inventroy li
{
    list-style:none;
    list-style-position:inside;
    font-size:10px;
    margin-bottom:7px;
    margin-left:5px;
}

ul.inventroy li a:link,ul.inventroy li a:visited,
ul.inventroy li a:active,ul.inventroy li a:hover,ul.inventroy li a:focus
{
    
    position:relative;
    top:-3px;
    padding-left:3px;
    margin-left:3px;
    text-decoration:none;
    outline:0;
    color:#fff;
}

/*temp style for xmas*/
ul.inventroy2
{
    float:left;
    width:219px;
}

ul.inventroy2 li
{
    list-style:none;
    list-style-position:inside;
    font-size:10px;
    margin-bottom:7px;
    margin-left:5px;
}

ul.inventroy2 li a:link,ul.inventroy2 li a:visited,
ul.inventroy2 li a:active,ul.inventroy2 li a:hover,ul.inventroy2 li a:focus
{
    
    padding-left:3px;
    margin-left:3px;
    text-decoration:none;
    outline:0;
    color:#fff;
}
ul.inventroy2 li span.invchk label{ position:relative; top:-4px;}

/*temp style for xmas ends*/
input.invchk[type="text"]
{
    border:solid 1px #000;
    background-color:#333;
}
a.servicegroup:link,a.servicegroup:active, a.servicegroup:visited
{margin-left:1px; color:#ccc;}

a.servicegroup:hover,
a.servicegroupselected:link,a.servicegroupselected:active, 
a.servicegroupselected:visited, a.servicegroupselected:hover
{
    background:#0088ff;
    padding:0 3px 0 0;
    margin-left:1px;
    color:#fff;
}

.samplewebpanel
{
    clear:both;
    width:100%;
    height:344px;
    background-color:#666;
    border:0;
    margin-bottom:1px;
}

.sampletitle
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#ccc;
    font-weight:700;
    text-transform:uppercase;
    padding-left:13px;
}

.sample_left
{
    width:149px;
    height:220px;
    border:solid 10px #999;
}

.sample_left_img
{
    width:149px;
    height:220px;
}

.sample_right
{
    margin-left:1px;
    width:319px;
    height:220px;
    border:solid 10px #999;
}

.sample_right_img
{
    width:319px;
    height:220px;
}

.cartoonimg
{
    position:absolute;
    top:632px;
    left:239px;
}

#middlecolumn2
{
    float:left;
    width:685px;
    margin-left:15px;
}

#middleconlumn1
{
    width:900px;
    margin:0 25px;
}

@media all and (min-width:0px)
{
    #left a:hover span
    {
        top:150px;
    }
}

html>body #minHeight
{float:right;width:0px;height:100%;margin-bottom:-52px;} /*safari wrapper */

.unblod

{
    font-weight:normal;
}
.hide
{
    visibility:hidden;
}

.left
{
    float:left;
}

.right
{
    float:right;
}

.clear
{
    clear:both;
}
.clear3
{
    clear:both;
    height:3px;
}
.clear5
{
    clear:both;
    height:5px;
}
.clear8
{
    clear:both;
    height:8px;
}

.clear10
{
    clear:both;
    height:10px;
}

.clear15
{
    clear:both;
    height:15px;
}

.clear20
{
    clear:both;
    height:20px;
}
.clear22
{
    clear:both;
    height:22px;
}
.clear25
{
    clear:both;
    height:25px;
}

.clear26
{
    clear:both;
    height:26px;
}

.clear30
{
    clear:both;
    height:30px;
}
.clear33
{
	clear:both;
    height:33px;
}

.clear35
{
    clear:both;
    height:35px;
}
.clear40
{
    clear:both;
    height:40px;
}
.clear45
{
    clear:both;
    height:45px;
}

.clear50
{
    clear:both;
    height:50px;
}
.clear55
{
    clear:both;
    height:55px;
}
.clear60
{
    clear:both;
    height:60px;
}
.clear76
{
    clear:both;
    height:76px;
}
.clear70
{
    clear:both;
    height:70px;
}
.clear76
{
    clear:both;
    height:76px;
}
.clear87
{
    clear:both;
    height:87px;
}
.clear90
{
    clear:both;
    height:90px;
}
.clear100
{
    clear:both;
    height:100px;
}
.clear104
{
    clear:both;
    height:104px;
}
.clear125
{
    clear:both;
    height:125px;
}
.clear136
{
    clear:both;
    height:136px;
}

.clear194
{
    clear:both;
    height:194px;
}

.clear205
{
    clear:both;
    height:205px;
}

.clear211
{
    clear:both;
    height:211px;
}
.clear218
{
    clear:both;
    height:218px;
    height:218px;
}
.clear250
{
    clear:both;
    height:250px;
}
.clear293
{
	clear:both;
	height:293px;	
}
.clear305
{
    clear:both;
    height:305px;
    
}
.clear400
{
    clear:both;
    height:400px;
}

.clear500
{
    clear:both;
    height:500px;
}
.clear700
{
    clear:both;
    height:700px;
}

.clear850
{
    clear:both;
    height:850px;
}
.clear1100
{
	clear:both;
    height:1100px;
}

.marginleft53
{
    margin-left:53px;
    border:0;
}
.marginleft384
{
    margin-left:384px;
    border:0;
}

.marginleft122
{
    margin-left:122px;
    border:0;
}

.marginleft7
{
    margin-left:7px;
    border:0;
}

.marginleft11
{
    margin-left:11px;
    border: None 0 transparent;

}

.marginright1
{
    margin-right:1px;
    border: None 0 transparent;

}

.inventorytitle
{
    width:255px;
}

.sitemapdivider
{
    font-size:9px;
}
.alignleft
{ text-align:left;}
.alignright
{ text-align:right;}

.ml5
{ margin-left:5px;}
.ml10
{ margin-left:10px;}
.ml20
{ margin-left:20px;}
.ml23
{margin-left:23px;}
.ml30
{ margin-left:30px;}
.ml72
{ margin-left:72px;}
.mr5
{ margin-right:5px;}
.mr10
{ margin-right:10px;}
.mr15
{ margin-right:15px;}
.mr20
{ margin-right:20px;}
.mr30
{ margin-right:30px;}

.ml122{ margin-left:122px;}
.ml7{ margin-left:7px;}
.ml384{ margin-left:384px;}
.ml209{ margin-left:209px;}
.md4{ position:relative; top:4px;}
ml5{ margin-left:5px; }

a.facebook:link, a.facebook:active, a.facebook:visited, a.facebook:hover{ text-decoration:none; color:#ccc;}

/*
.space122
{ width:122px;}
.space7
{ width:7px;}
.space384
{ width:384px;}

/* dividers */
div.walkpaneldivider hr,
div.leftdivider hr,
div.middledivider hr,
div.rightdivider hr
{
    display:none;
}

div.leftdivider,
div.rightdivider,
div.middledivider
{
    width:100%;
    background-color:Transparent;
    background-image:url(../images/darkgray-divider.gif);
    background-position:left center;
    background-repeat:repeat-x;
    height:3px;
    margin:5px 0;
}
div.walkpaneldivider
{
    width:100%;
    background-color:Transparent;
    background-image:url(../images/dots-gray.gif);
    background-position:left center;
    background-repeat:repeat-x;
    height:3px;
    margin:5px 0;
}
div.footdivider hr
{
    display:none;
}

div.footdivider
{
    width:100%;
    background-color:Transparent;
    background-image:url(../images/darkgray-divider.gif);
    background-position:left center;
    background-repeat:repeat-x;
    height:3px;
    margin:5px 0;
}
div.greendivider hr

{
    display:none;
}

div.greendivider

{
    width:100%;
    background-color:Transparent;
    background-image:url(../images/dots-green.gif);
    background-position:left center;
    background-repeat:repeat-x;
    height:3px;
    margin:10px 0;
    width:145px;
    margin-left:15px;
}

div.shtcontentdivider
{

    background-color:Transparent;
    background-image:url(../images/darkgray-divider.gif);
    background-position:left center;
    background-repeat:repeat-x;
    height:3px;
    margin:5px 0;
	width:511px;
}


div.shtcontentdivider hr

{
    display:none;
}

div.smlrightdivider
{

    background-color:Transparent;
    background-image:url(../images/grayline-divider.jpg);
    background-position:left center;
    background-repeat:repeat-x;
    height:3px;
	width:100%;
}
div.smlrightdivider hr
{
    display:none;
}
div.twitterdivider
{
	background-color:Transparent;
    background-image:url(../images/dots-gray.gif);
    background-position:left center;
    background-repeat:repeat-x;
    height:3px;
	width:142px;
}
div.twitterdivider hr

{
    display:none;
}
#loginpanel

{
    position:relative;
    top:200px;
    width:320px;
    height:136px;
    background:url(../images/panel-logon.jpg) no-repeat top left;
    padding:70px 30px 0 30px;
    
}
.lginpanellabel
{ position:relative; top:5px;}
.labeltxt
{font-size:12px; color:#fff; width:100px; margin-right:10px;}
.txt130
{ height:18px; border:solid 1px #ccc; font-size:12px; width:130px; padding-top:2px;}
.errmsg
{ color:#006699; font-weight:bold; font-size:10px;}

.workpanel
{ position:absolute; top:540px; z-index:3000;}
.ppltag
{ width:100px;}
.space122
{ width:122px;}
.space7
{ width:7px;}
.space384
{ width:384px;}
	
/*Button , labels and TextBox*/
.txt126
{
	border:1px #b1b1b1 solid; 
	width:126px;
	height:18px;
	padding-top:2px;
	font-size:10px;
	font-family:Arial;
	color:#999;
}
.txt115
{
	border:1px #b1b1b1 solid; 
	width:115px;
	height:18px;
	padding-top:2px;
	font-size:10px;
	font-family:Arial;
	color:#999;
}
	
.dropdown128
{
	width:128px;
	height:20px;
	border:solid 1px #ccc;
	font-size:10px;
	color:#666;
	font-family:Arial;
}


/*Front page check box */

.tbheader
{
	background-color:#232323;
	width:511px;
}
.tbheadertxt01{ font-family:Arial; font-size:10px; color:#fff; font-weight:bold; position:relative; top:7px; text-align:left;}
.tbheadertxt02{ font-family:Arial; font-size:10px; color:#ccc; position:relative; top:7px;}
.cellwithstyle01{ width:370px;}

.tbheadertxt03{ font-family:Arial; font-size:10px; color:#fff; font-weight:bold; text-align:left; padding-left:5px;}
.tbheadertxt04{ font-family:Arial; font-size:10px; color:#ccc; }

a.viewlnk:link , a.viewlnk:active, a.viewlnk:visited, a.viewlnk:hover{ font-family:Arial; font-size:10px; color:#fff; position:relative; top:8px; margin-right:15px; float:right;}

.shadow{ background:url(../images/shade.jpg) no-repeat right center; display:block; height:8px; }

.clist01
{
	float:left; width:240px; margin-left:15px; line-height:150%; margin-bottom:2em;
}
.clist02
{
	float:left; width:240px; margin-left:15px; line-height:150%;
}

.listwrap{background-color:#606060; padding:0 29px; color:#fff;}

#flashcontent
{
	background: transparent url("../images/flash-alt.gif") no-repeat left top; display:block; width:511px; height:200px;
}
.listwrap{background-color:#606060; padding:0 29px; color:#fff;}

ul.vigilizelist{ list-style-position:outside; margin-left:15px;}
ul.vigilizelist li{ margin-bottom:15px;}

a.staffview:link, a.staffview:active, a.staffview:visited, a.staffview:hover { background:transparent url(../images/view-staff.gif) no-repeat left top; display:block; width:26px; height:24px;}
a.vdivider:link, a.vdivider:active, a.vdivider:visited, a.vdivider:hover{ background:url("../images/v-divider.jpg") repeat-y right top; height:38px; width:65px; float:left; padding-left:10px;}
a.lnk01:link, a.lnk01:active, a.lnk01:visited, a.lnk01:hover{ background:url("../images/v-divider.jpg") repeat-y right top; height:28px; width:80px; float:left; padding-left:0px; padding-top:12px;}
ul#twitter_update_list{ float:right;}
ul#twitter_update_list li{ list-style-type:none; background:url(../images/tweet-list.jpg) no-repeat left 3px; padding-left:23px; margin:8px 0px; font-size:10px; font-family:Arial;}
/*ul#twitter_update_list li{list-style-type:none; background:url(../images/dots-gray.gif) repeat-x right bottom; padding:5px 0px 10px 0px; color:#cccccc; font-weight:bold; font-size:10px; font-family:Arial;}
ul#twitter_update_list li span{ background:url(../images/tweet-list.jpg) no-repeat 0px 1px; padding-left:18px;}*/
ul#twitter_update_list li a{ color:#74E4FF;}