@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/************************** General *************************************/
body			{background:url(../images/page_bg.gif) repeat-y center ; font:12px Arial, Helvetica, sans-serif; color:#666;}
a				{text-decoration:none; color:#26325e;}
a:hover			{text-decoration:underline; color:#0096d5;}
h1				{color:#001c6f; font-size:24px; font-weight:normal;}
#wrapper		{width:950px; margin:0px auto;}
a.btnMore		{height:18px; display:block; float:left; padding:3px 5px 0px 23px; font-size:11px; color:#009; background:url(../images/btn_view.gif) no-repeat;}
a.btnMore:hover	{color:#06F;}
a.btnMore span	{display:block; width:10px; float:right; background:url(../images/btn_view_right.gif) no-repeat top right;}

ul.dottedList			{margin-left:15px;}
ul.dottedList li		{list-style-type:disc; margin-bottom:5px;}

h1.pgHdg				{font:bold 24px 'Myriad Pro', Helvetica, Arial, sans-serif; padding-bottom:8px; margin-bottom:10px; border-bottom:1px solid #cce8f4;}
h3						{font-size:16px; color:#0381b5; margin-bottom:5px;}
h5 						{font-size:14px;}
.mrg20t					{margin-top:20px;}
.pdg45r					{padding-right:45px;}
.pdg22r					{padding-right:22px;}
.fleft					{float:left;}
.fright					{float:right;}
.tablePdg5 td			{padding:5px;}
.vtop					{vertical-align:top !important; vertical-align:text-top !important;}
.btn					{background:url(../images/btn_bg.gif) repeat-x top;border:1px solid #999;color:#FFFFFF;font-weight:bold;height:auto;margin-right:14px;overflow:visible;padding:2px 10px;width:auto;}
.small					{font-size:14px; color:#999999}
/************************** Header *************************************/
#header			{margin-top:25px;}
.hdrRightTxt	{vertical-align:middle; color:#ccc;}
.hdrRightTxt a	{color:#555;}

.header			{}
.headerTxt		{margin:10px 0px 15px 0px;}

/************************** Top Navigation *************************************/
ul#topNav			{width:100%; height:30px; margin:15px 0px; background:url(../images/nav_bg.gif) repeat-x;}
ul#topNav li		{float:left;}
ul#topNav li a		{height:30px; display:block; text-indent:-9999px;}
ul#topNav li a.ptp	{width:136px; background:url(../images/nav_ptp.gif) no-repeat top left;}
ul#topNav li a.psp	{width:137px; background:url(../images/nav_psp.gif) no-repeat top left;}
ul#topNav li a.de	{width:170px; background:url(../images/nav_de.gif) no-repeat top left;}
ul#topNav li a.dt	{width:140px; background:url(../images/nav_dt.gif) no-repeat top left;}
ul#topNav li a.php	{width:127px; background:url(../images/nav_php.gif) no-repeat top left;}
ul#topNav li a.fcp	{width:138px; background:url(../images/nav_fcp.gif) no-repeat top left;}

ul#topNav li a:hover,
ul#topNav li a.selected{ background-position:bottom left;}

/************************** 3 Boxes *************************************/
table#boxes				{width:950px; height:170px; background:url(../images/plans_bg.gif) no-repeat top left;}
table#boxes td			{padding:12px;}
table#boxes td p		{padding:10px 0px; text-align:justify;}
table#boxes td.col1		{width:282px;}
table#boxes td.col2		{width:293px;}
table#boxes td.col3		{width:303px;}

/************************** Highlights *************************************/
#highlights				{height:169px; margin-top:20px; background:url(../images/hgt_sprt_bg.gif) no-repeat;}
#highlights	td			{width:50%; padding:60px 15px 0px 15px; color:#FFF;}

/************************** Inner *************************************/
#inner					{margin-top:15px;}
#leftPanel				{width:703px; padding-right:20px; vertical-align:top; Xbackground:#F00;}
#rightPanel				{width:227px; height:420px; vertical-align:top; background:url(../images/rightNav_bg.gif) no-repeat 0px 30px;}

ul.rightNav				{width:200px; margin-left:16px; margin-top:10px;}
ul.rightNav li			{margin-bottom:10px; padding:6px 0px 6px 17px; background:url(../images/rightNav_Btn.gif) no-repeat; border-bottom:1px solid #e3e3e3;}
ul.rightNav li.selected	{background:url(../images/rightNav_Btn_selected.gif) no-repeat;}
#leftPanel td.mid		{padding:5px 15px; background:url(../images/leftMid.gif) repeat-y;}
#leftPanel td.mid p		{line-height:18px; margin-bottom:15px;}		

ul.arrowList			{}
ul.arrowList li			{ background:url(../images/arrow.gif) no-repeat 0px 4px; line-height:17px; padding-left:15px; margin-bottom:6px; }

/************************** Data Table *************************************/
.datatable				{margin:5px 0px 15px 0px; border:1px solid #ccc;}
.datatable tr td		{padding:8px; font-weight:bold; background:url(../images/gride.gif) repeat-x bottom left; border:1px solid #e1e1e1;}
.datatable tr.hdg		{}
.datatable tr.hdg td	{background: url(../images/dataHdg_bg.gif) repeat-x; font-weight:bold; color:#333333}

.txtBronze				{color:#945836; font-weight:bold;}
.txtSilver				{color:#888; font-weight:bold;}
.txtGold				{color:#dbb001; font-weight:bold;}
.txtPlatinum			{color:#999; font-weight:bold;}

.TBronze				{color:#945836; font-weight:bold;}
.TSilver				{color:#888; font-weight:bold;}
.TGold					{color:#dbb001; font-weight:bold;}
.TPlatinum				{color:#999; font-weight:bold;}
.SrvBronze				{color:#945836; font-weight:bold;}
.SrvSilver				{color:#888; font-weight:bold;}
.SrvGold				{color:#dbb001; font-weight:bold;}
.AdmBronze				{color:#945836; font-weight:bold;}
.AdmSilver				{color:#888; font-weight:bold;}
.AdmGold				{color:#dbb001; font-weight:bold;}
.PerHour				{color:#888; font-weight:bold;}


.price					{color:#FF6600;}
.inputCosts				{width:30px;}

ul.linksList			{margin-top:12px;}
ul.linksList li			{background:url(../images/link.gif) no-repeat 0px 5px; padding-left:20px; Xfont-weight:bold; margin-bottom:8px;}

#contactAdrs 			{border:1px solid #DADADA;color:#4C4C4C;}

.caHdgblock 			{background:#E4E4E4 none repeat scroll 0 0; border-bottom:1px solid #B5B5B5; color:#0B4DA2; padding:9px 7px;}

#contactAdrs p 			{line-height:16px; padding:5px 7px;}

.contactInput, .loginInput, .registerInput
						{border:1px solid #ccc; width:300px; height:18px; font:11px tahoma; color:#666; margin-bottom:10px; padding:2px 5px; background:#fff url(../images/input_Bg.gif) repeat-x bottom;}
.contactTextarea		{border:1px solid #ccc; width:300px; height:120px; font:11px tahoma; color:#666; margin-bottom:10px; padding:2px 5px; background:#fff url(../images/input_Bg.gif) repeat-x bottom;}

.loginInput				{width:170px; margin-bottom:0px;}
.registerInput			{width:270px; margin-bottom:0px;}

/************************** Plan *************************************/
ul.plan, ul.plan_ds			{width:290px; height:270px; float:left; margin-right:15px; padding:15px; background:url(../images/plan_single.gif) no-repeat;}
ul.plan h1, ul.plan_ds h1	{margin-bottom:10px;}

ul.plan_ds					{height:230px; background:url(../images/plan_single_ds.gif) no-repeat;}

/************************** Login & Registration*************************************/
.login						{width:280px; border:1px solid #ccc; margin-right:15px;  Xbackground:#F00; float:left}
.registration				{width:370px; border:1px solid #ccc; Xbackground:#FF0; float:left}

/************************** Footer *************************************/
table#footer			{width:984px; margin:0px auto; margin-top:12px; background:url(../images/footer_bg.gif) repeat-x; font-size:11px;}
table#footer tr.row1 td	{height:34px; text-align:center; vertical-align:middle; color:#aeaeae;}
table#footer tr.row1 td a{color:#26325e; padding:0px 3px;}
table#footer tr.row1 td a:hover{color:#0096d5;}
table#footer tr.row2 td	{width:50%; height:30px; padding:5px 20px;}

