@import ("reset.css");

* {
	margin:0;
	padding:0;
}
body { color: #676767; font-size:62.5%; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; line-height:150%; background-color: #606060; background-image: url(../images/bg.png); background-repeat: repeat-y; background-position: center 0; text-align:center; margin: 0; padding: 20px 0 0; }
h1 { font-size: 2em; font-weight: bold; color: #db0000; line-height: 1.2em; margin-bottom: 15px; }
h2 { font-size: 1.8em; font-weight: normal; color: #DB0000; margin-bottom: 10px; }
	
h3 { color: #DB0000; font-size: 1.2em; font-weight: bold; line-height: 1.6em; margin-bottom: 0; }
h4 { font-size: 1.6em; line-height: 1.4em; margin-bottom: 10px; }
h5 { color: #828282; font-size: 1em; }
h6 { color: #461b40; font-size: 1.4em; font-weight: bold; margin-bottom: 4px; }
p, li {font-size:1.2em;}
p { margin: 0 0 15px; padding:0; }
li { list-style:none; }
img {border:0;}
a:link, a:visited, a:active { color: #DB0000; text-decoration: underline; }
a:hover { text-decoration: none; }
fieldset { border-style: hidden; border-width: 0; }

/* 
	Background and containers
	--------------------------------------------------------------------
*/
div#container { background-color: #fff; margin:0 auto; text-align:left; width:874px; border: 1px #a0a0a0; }
div#pageholder { background-image: url(../images/left_panel_bg.gif); background-repeat: no-repeat; background-position: left bottom; width: 100%; float: left; margin-bottom: 30px; display: block; }

/* 
	Header 
	--------------------------------------------------------------------
*/

div#header { background-color: #fff; background-image: url(../images/header_bg.gif); background-repeat: no-repeat; width:874px; height: 110px; }
div#header .left { width: 200px; height: 110px; float: left; }
div#header .left a.logo { text-decoration: none; display: block; width: 160px; height: 60px; }
div#header .right { height: 110px; float: left; }
div#header ul { width: 281px; height: 39px; overflow: hidden; padding-top: 67px; padding-left: 393px; }
div#header ul li { height: 39px; float: left; border-left: 1px solid white; }
div#header ul li a { background-repeat: no-repeat; background-position: 0 0; text-decoration: none; height: 39px; float: left; display: block; padding-top: 39px; overflow: hidden; }
div#header ul li.home a { background-image: url(../images/btn_home.gif); width: 81px; }
div#header ul li.about a { background-image: url(../images/btn_about.gif); width: 103px; }
div#header ul li.contact a { background-image: url(../images/btn_contact.gif); width: 94px; }
div#header ul li.home a:hover { background-position: -81px 0; display: block; }
div#header ul li.about a:hover { background-position: -103px 0; display: block; }
div#header ul li.contact a:hover { background-position: -94px 0; display: block; }
div#flash_header { background-color: black; background-image: none; background-repeat: no-repeat; margin-bottom: 30px; width: 874px; height: 135px; }
div#flashcontent { background-image: url(../images/no_flash_fallback.jpg); background-repeat: no-repeat; width: 674px; height: 135px; padding-right: 200px; }
div#flashcontent p { color: #c8c8c8; font-size: 1.2em; background-image: url(../images/no_flash_text-bg.png); background-repeat: repeat; padding: 2px 5px; }
div#flashcontent p a { color: #c8c8c8; text-decoration: underline; }
div#flashcontent p a:hover { text-decoration: none; }
/*Left Column*/
div#left { width: 172px; float: left; margin-right: 20px; }
div#left .leftmenu { margin-bottom: 100px; }
div#left .leftmenu ul { margin-left: 10px; }
div#left .leftmenu li { margin-bottom: 8px; }
div#left .leftmenu li ul { margin-top: 5px; margin-bottom: 8px; margin-left: 13px; }
div#left .leftmenu li ul li { margin-bottom: 5px; }
div#left .leftmenu li ul li a { color: #636363; font-size: 0.9em; line-height: 1.1em; font-weight: normal; background-image: url(../images/left_submenu_arrow.gif); background-position: 0 3px; width: 110px; padding-bottom: 5px; padding-left: 12px; }
div#left .leftmenu li ul li a:hover { background-position: -150px 3px; }
div#left .leftmenu li ul li ul { padding-bottom: 2px; }
div#left .leftmenu li ul li ul li a { font-size: 0.65em; font-weight: normal; background-image: url(../images/left_submenu_arrow.gif); background-position: 0 3px; width: 110px; padding-bottom: 0px; padding-left: 12px; }
div#left .leftmenu li ul li ul li a:hover { background-position: -150px 3px; }


div#left .leftmenu li a { color: #000; font-size: 1.2em; font-weight: bold; line-height: 1em; background-image: url(../images/left_menu_arrow.gif); background-repeat: no-repeat; background-position: 0 1px; text-decoration: none; width: 130px; padding-left: 15px; display: block; }
div#left .leftmenu li a span.redi { color: #db0000; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; }
div#left .leftmenu li a.current { color: #676767; background-position: -300px 1px; }
div#left .leftmenu li a:hover { color: #DB0000; background-position: -150px 1px; }
/* 
	Main column 
	--------------------------------------------------------------------
*/
div#main { width: 485px; float: left; }
div#main img.title { margin-bottom: 20px; }
div#main img.logo { padding-top: 10px; padding-bottom: 15px; }
div#main img.logo_sols { padding-top: 10px; padding-bottom: 10px; }
div#main .panelholder { padding-top: 15px; }
div#main .panelleft a, div#main .panelright a { text-decoration: none; width: 239px; height: 177px; display: block; }
div#main .panelleft { background-image: url(../images/info_panel_left.jpg); background-repeat: no-repeat; width: 239px; height: 177px; float: left; }
div#main .panelleft ul, div#main .panelright ul { padding-left: 10px; list-style-type: disc; }
div#main .panelleft ul li, div#main .panelright ul li { color: #fff; font-size: 1.3em; line-height: 1em; text-decoration: none; margin-bottom: 5px; list-style-type: disc; }
div#main .panelleft a:link, div#main .panelleft a:visited, div#main .panelleft a:active, div#main .panelright a:link, div#main .panelright a:visited, div#main .panelright a:active { text-decoration: none; color: #fff; }
div#main .panelleft h2, div#main .panelright h2 { color: #fff; font-size: 1.8em; font-weight: bold; margin-bottom: 10px; padding-top: 15px; padding-left: 10px; }
div#main .panelright { background-image: url(../images/info_panel_right.jpg); background-repeat: no-repeat; width: 239px; height: 177px; float: left; }
div#main p { font-size: 1.2em; line-height: 1.6em; }
div#main p.home { color: #000; font-size: 1.4em; font-weight: bold; line-height: 1.5em; }
div#main p.intro { font-size: 1.6em; font-weight: bold; line-height: 1.6em; }
div#main p.url { margin-bottom: 25px; }
div#main ul { margin-bottom: 15px; margin-left: 15px; }
div#main ul.twocol { width: 460px; margin-bottom: 15px; margin-left: 15px; }
div#main ul.twocol li { font-size: 1.2em; line-height: 1.6em; width: 220px; float: left; margin-bottom: 5px; list-style-type: disc; }
div#main ul.nobullet { margin-left: 0; list-style-type: none; }
div#main ul.nobullet li { list-style-type: none; }
div#main li { font-size: 1.2em; line-height: 1.6em; list-style-type: disc; margin-bottom: 5px; }
div#main li span.heading { font-weight: bold; display: block; }
div#main div.colholder { width: 460px; }
div#main div.colholder div.endcol { width: 460px; height: 1px; clear: both; display: block; }
div#main div.colholder div.col1 { width: 220px; float: left; margin-right: 15px; }
div#main div.colholder div.col2 { width: 220px; float: left; clear: right; }
div#main div.picbox { display: block; clear: both; }
div#main img.rightpic { float: right; clear: both; margin-top: 5px; margin-bottom: 25px; margin-left: 18px; }
div#main a.rightpic { margin-top: 5px; margin-bottom: 25px; margin-left: 18px; float: right; clear: both; }
div#main a.rightpic p { font-size: 1em; font-weight: bold; }
div#main img.leftpic { margin-top: 5px; margin-bottom: 25px; float: left; clear: both; margin-right: 18px; }
div#main h3 { clear: both; }
div#main h2 a { text-decoration: none; }
div#main h2 a:hover { color: #676767; text-decoration: none; }
div#main div.pullout { background-color: #DB0000; color: #fff; padding: 15px 15px 10px 15px; margin-bottom: 15px; }
div#main div.pullout p { font-size: 1.4em; font-weight: bold; line-height: 1.2em; }

/*Right Column*/
div#right { width: 170px; float: right; border: dotted 1px black; }
div#right .rightpanel { background-image: url(../images/right_panel_title.gif); background-repeat: no-repeat; background-position: 10px 10px; width: 150px; padding: 40px 10px 20px; }
div#right .rightpanel p { font-size: 1.2em; margin-bottom: 10px; }
div#right .rightpic { background-image: url(../images/right_panel_image.jpg); background-repeat: no-repeat; width: 170px; height: 113px; }
div#right .rightpic img { border-style: none; border-width: 0; }
/* Form*/
div#formholder { margin-bottom: 20px; padding-top: 0; padding-bottom: 10px; padding-left: 20px; border: dotted 1px #000; }
div#formholder h2 { margin-top: 15px; }
form#contact { margin-top: 15px; margin-bottom: 15px; }
form#contact div.formleft { margin-right: 20px; width: 210px; float: left; }
form#contact div.formright { width: 210px; float: left; }
form#contact input.fields { color: #9d9d9d; width: 200px; height: 18px; margin-bottom: 15px; }
form#contact textarea.query { color: #9d9d9d; margin-bottom: 15px; width: 430px; height: 80px; }
form#contact fieldset { margin-bottom: 5px; }
form#contact div.formtick { margin-bottom: 15px; }
/* 
	Footer
	--------------------------------------------------------------------
*/
div#footer { background-position: 0 20px; width: 874px; height: 85px; clear: both; padding-top: 20px; border-top: 1px dotted black; }
div#footer ul { width: 874px; height: 60px; }
div#footer ul li { height: 34px; float: left; }
div#footer ul li a { height: 34px; display: block; margin-right: 43px; }

div#footer ul li.vmware a { background-image: url(../images/foot_logo_vmware.gif); background-repeat: no-repeat; width: 118px; display: block; height: 23px; }
div#footer ul li.citrix a { background-image: url(../images/foot_logo_citrix.gif); background-repeat: no-repeat; width: 86px; display: block; height: 32px; }
div#footer ul li.checkpoint a { background-image: url(../images/foot_logo_checkpoint.gif); background-repeat: no-repeat; display: block; width: 86px; height: 30px; }
div#footer ul li.microsoft a { background-image: url(../images/foot_logo_microsoft.gif); background-repeat: no-repeat; display: block; width: 71px; height: 37px; }
div#footer ul li.symantec a { background-image: url(../images/foot_logo_symantec.gif); background-repeat: no-repeat; display: block; width: 92px; height: 42px; }
div#footer ul li.procurve a { background-image: url(../images/foot_logo_procurve.gif); background-repeat: no-repeat; width: 77px; display: block; height: 54px; }
div#footer ul li.hp a { background-image: url(../images/foot_logo_hp2.gif); background-repeat: no-repeat; display: block; width: 68px; height: 54px; margin-right: 0; }

div#footer p { font-size: 1.1em; }
div.clear, li.clear { clear: both; }