html, body { margin:0px; padding:0px; font-family:verdana,sans-serif; font-size:11px; color:#404040; background:white url('pictures/gs_webgraphics/bodybg.gif') center top no-repeat; }

form, div, table, td { margin:0; padding:0; }

a { color:#FF6900; }
a:visited { color:#B57040; }
a:hover { color:red; }
a:focus { outline:none; }
a img { border:none; outline:none; }

p, ul { line-height:16px; margin:0; padding:8px 0; }
ul li { margin:0 0 0 20px; list-style-image:url('pictures/gs_webgraphics/bullet.gif'); }

h1 { padding:8px 0; margin:0; font:normal 18px tahoma,sans-serif;  color:#FF6900; }
h2 { padding:8px 0 4px 0; margin:0; font:bold   11px verdana,sans-serif; color:#317ED0; }
h3 { padding:4px 0 0px 0; margin:0; font:bold   11px verdana,sans-serif; color:#404040; }

strong { font-weight:bold; }

#Container { width:850px; margin:0 auto; background:white; overflow:auto; }

#LogoLink { display:block; width:180px; height:90px; position:absolute; top:10px; left:50%; margin:0 0 0 -390px; text-indent:-9999em; }

/* ------------------------------------------------------------------ Header & Main Nav */

#PageHeader { height:290px; background:url('pictures/gs_webgraphics/In2SecurityLogo.gif') top left no-repeat; position:relative; }

#PageHeader #PageHeaderBottom { height:180px; width:100%; background:url('pictures/gs_webgraphics/banner.jpg') center center no-repeat; position:absolute; bottom:0; left:0; }

#PageHeader .PageMenu { position:absolute; top:43px; right:25px; }

#PageHeader .PageMenu .Alignment { }

#PageHeader .PageMenu .MenuItem { float:left; margin:0 8px; }
#PageHeader .PageMenu .MenuItem a { display:block; color:black; text-decoration:none; font-size:12px; font-family:verdana,sans-serif; line-height:24px; padding:0 8px; }
#PageHeader .PageMenu .MenuItem a.Selected { color:white; background:url('pictures/gs_webgraphics/navbg_l.gif') left top no-repeat; }
#PageHeader .PageMenu .MenuItem a:hover { color:#FF6900; }
#PageHeader .PageMenu .MenuItem a.Selected:hover { color:white; }

/* Services highlighting */

#PageHeader .PageMenu .MenuItem.aid_TELECOM a,
#PageHeader .PageMenu .MenuItem.aid_IT a,
#PageHeader .PageMenu .MenuItem.aid_VOIP a { font-size:13px; font-weight:bold; }

/* Current page highlights */

body.aid_TELECOM #PageHeader .PageMenu .MenuItem.aid_TELECOM,
body.aid_IT      #PageHeader .PageMenu .MenuItem.aid_IT,
body.aid_VOIP    #PageHeader .PageMenu .MenuItem.aid_VOIP,
body.aid_ABOUT   #PageHeader .PageMenu .MenuItem.aid_ABOUT,
body.aid_CONTACT #PageHeader .PageMenu .MenuItem.aid_CONTACT,
body.aid_DEFAULT #PageHeader .PageMenu .MenuItem.aid_DEFAULT { background:#FF8C1D url('pictures/gs_webgraphics/navbg_r.gif') right top no-repeat; }

/* Category pages main nav highlighting */

body.cat_TELECOM #PageHeader .PageMenu .MenuItem.aid_TELECOM a,
body.cat_VOIP    #PageHeader .PageMenu .MenuItem.aid_VOIP    a,
body.cat_IT      #PageHeader .PageMenu .MenuItem.aid_IT      a { color:white; background:url('pictures/gs_webgraphics/navbg_l.gif') left top no-repeat; }

body.cat_TELECOM #PageHeader .PageMenu .MenuItem.aid_TELECOM,
body.cat_VOIP    #PageHeader .PageMenu .MenuItem.aid_VOIP,
body.cat_IT      #PageHeader .PageMenu .MenuItem.aid_IT      { background:#FF8C1D url('pictures/gs_webgraphics/navbg_r.gif') right top no-repeat; }

/* ------------------------------------------------------------------ Contact Details */

#ContactDetails { width:850px; height:30px; position:absolute; top:260px; left:50%; margin:0 0 0 -425px; overflow:hidden; }
#ContactDetails .wrapper {  }

#ContactDetails p { margin:0; padding:0; text-align:right; font:normal 18px/30px verdana,sans-serif; color:white; letter-spacing:1px; }
#ContactDetails a { color:white; text-decoration:none; }
#ContactDetails a:hover { text-decoration:underline; }

#ContactDetails span.email { padding:0 20px 0 35px; background:url('pictures/gs_webgraphics/icon_email.gif') left center no-repeat; }
#ContactDetails span.tel   { padding:0 40px 0 35px; background:url('pictures/gs_webgraphics/icon_phone.gif') left center no-repeat; }

/* ------------------------------------------------------------------ Main Area elements */

#MainArea { width:555px; float:right; margin:25px 40px 20px 0; _margin-right:20px; }

#MainArea #PageContent {  }

#MainArea #PageContent table { margin:15px 0; border:1px solid #DDDDDD; }
#MainArea #PageContent table tr th { padding:10px; background:#317ED0; color:white; font-weight:bold; }
#MainArea #PageContent table tr td { padding:10px; }
#MainArea #PageContent table tr.alt td { background:#EEEEEE; }

/* MainImage & FlashContent */

#MainArea #MainImage {  }

#MainArea #flashcontent {  }


/* ------------------------------------------------------------------ Sidebar elements */

#SideArea { width:175px; float:left; margin:20px 0 20px 40px; _margin-left:20px; }

/* Sub Navigation */

#SideArea .SubNav           { background:url('pictures/gs_webgraphics/subnavbg_mid.gif') top center repeat-y; margin:15px 0; overflow:auto; }
#SideArea .SubNav .wrapper1 { background:url('pictures/gs_webgraphics/subnavbg_top.gif') top center no-repeat; }
#SideArea .SubNav .wrapper2 { background:url('pictures/gs_webgraphics/subnavbg_bot.gif') bottom center no-repeat; padding:10px 0 15px 0; }

#SideArea .SubNav h1 { padding:0 0 5px 15px; font-size:15px; font-weight:bold; color:#317ED0; }

#SideArea .SubNav ul li { margin:0; padding:0; list-style:url('pictures/gs_webgraphics/bullet_subnav.gif'); }
#SideArea .SubNav li    { padding:0 0 0 15px; line-height:20px; }
#SideArea .SubNav ul    { padding:0 0 0 25px; }

#SideArea .SubNav a { color:#404040; }
#SideArea .SubNav a:hover { color:#FF6900; }

/* SubNav hide/reveal */

#SideArea .SubNav { display:none; }

body.aid_DEFAULT #SideArea .SubNav.CASESTUDIES,
body.cat_CASESTUDIES #SideArea .SubNav.CASESTUDIES { display:none; } /* Hiding the case studies for the time being... */

body.aid_TELECOM #SideArea .SubNav.TELECOM,
body.cat_TELECOM #SideArea .SubNav.TELECOM { display:block; }

body.aid_VOIP #SideArea .SubNav.VOIP,
body.cat_VOIP #SideArea .SubNav.VOIP { display:block; }

body.aid_IT #SideArea .SubNav.IT,
body.cat_IT #SideArea .SubNav.IT { display:block; }

/* Login Boxes */

#SideArea .LoginBox           { overflow:auto; background:url('pictures/gs_webgraphics/subnavbg_mid.gif') top center repeat-y; margin:15px 0; overflow:auto; }
#SideArea .LoginBox .wrapper1 { overflow:auto; background:url('pictures/gs_webgraphics/subnavbg_top.gif') top center no-repeat; }
#SideArea .LoginBox .wrapper2 { overflow:auto; background:url('pictures/gs_webgraphics/subnavbg_bot.gif') bottom center no-repeat; padding:10px 0; }

#SideArea .LoginBox h1 { padding:0 0 5px 15px; font-size:15px; font-weight:normal; color:#FF6900; }

#SideArea .LoginBox p { width:145px; margin:0 auto; padding:0; }
#SideArea .LoginBox p div { width:145px; margin:0 auto;  }

#SideArea .LoginBox input.Text { width:135px; padding:2px 5px; background:#F5F5F5; border:1px solid #CCCCCC; margin:0 auto;  }
#SideArea .LoginBox input.Login { margin:5px 0 0 0; float:right; }

/* Free consultation link */

#SideArea .FreeConsultation { text-align:center; }

/* ------------------------------------------------------------------ Footer */

#PageFooter { display:none; }

#Footer { width:770px; margin:0 auto; border-top:1px dotted #BBBBBB; color:#888888; overflow:auto; }

#Footer p { line-height:40px; }

#Footer .Misc { float:left; }
#Footer .Misc a { color:#888888; }

#Footer .Top { float:right; }

/* ------------------------------------------------------------------ Contact Form */

#MainArea #ContactForm { overflow:auto; background:#EEEEEE; padding:20px; margin:15px 0; }

#MainArea #ContactForm .Row { margin:8px 0; overflow:auto; }

#MainArea #ContactForm .Row .Label { width:160px; float:left; text-align:right; padding:0 20px 0 10px; }
#MainArea #ContactForm .Row input    { padding:2px 5px; background:white; border:1px solid #CCCCCC; width:200px; }
#MainArea #ContactForm .Row textarea { padding:2px 5px; background:white; border:1px solid #CCCCCC; width:200px; height:100px; }

#MainArea #ContactForm a.Button { display:block; width:40px; padding:3px 10px; margin:0 0 0 190px; text-align:center; background:#317ED0; color:white; text-decoration:none; }
#MainArea #ContactForm a:hover.Button { background:#FF8C1D; }

/* ------------------------------------------------------------------ Page Specifics */

body.aid_DEFAULT #MainArea #PageContent ul.hpnav { height:185px; margin:10px 0; padding:0; list-style:none; overflow:auto; }

body.aid_DEFAULT #MainArea #PageContent ul.hpnav li { margin:0; padding:0; list-style:none; float:left; }
body.aid_DEFAULT #MainArea #PageContent ul.hpnav li.middle { margin:0 25px; }

body.aid_DEFAULT #MainArea #PageContent ul.hpnav a { display:block; width:148px; height:108px; padding:77px 10px 0 10px; line-height:14px; color:white; text-decoration:none; }
body.aid_DEFAULT #MainArea #PageContent ul.hpnav a:hover { text-decoration:underline; }

body.aid_DEFAULT #MainArea #PageContent ul.hpnav strong { display:block; font-size:14px; line-height:28px; }

body.aid_DEFAULT #MainArea #PageContent ul.hpnav .it      { background:url('pictures/gs_webgraphics/hpnav_it.jpg') top center no-repeat; }
body.aid_DEFAULT #MainArea #PageContent ul.hpnav .voip    { background:url('pictures/gs_webgraphics/hpnav_voip.jpg') top center no-repeat; }
body.aid_DEFAULT #MainArea #PageContent ul.hpnav .telecom { background:url('pictures/gs_webgraphics/hpnav_telecom.jpg') top center no-repeat; }

/* ------------------------------------------------------------------ Images */

#PageContent p.Image { padding:0; margin:0; }
#PageContent p.Image img { padding:5px; background:white; border:1px solid #E5E5E5; }

#PageContent p.Image.Left { float:left; clear:left; margin:10px 20px 10px 0; }


/* ------------------------------------------------------------------ */


// from System Meta Data