/* GLOBAL */
* 
{

	font-family: Arial, Sans-Serif;
	font-size: 9pt;
}
.bold
{
	font-weight: bold;
}

/* ELEMENTS */ 
A 
{ 
	color: #3b73b9;
}
A:hover
{ 
	color: #57792f;
}

A IMG 
{ 
	border: none; margin: 0px; 
}
HR
{color: #cccccc;height: 1px;}
H1
{font-size: 18pt;margin-top: 15px;}
H2
{font-size: 16pt;margin-top: 15px;}
H3
{font-size: 14pt;margin-top: 15px;}
H4
{font-size: 12pt;margin-top: 15px;}
H4.title
{color: #cc6600;}
H5
{font-size: 10pt;margin-top: 15px; color: #333;}
H5.caption
{color: #57792f;}
H6
{font-size: 8pt;margin-top: 15px;}
P
{color: #444;font-size: 9pt;text-align: justify;}
UL
{
	margin-top: 15px;
	margin-bottom: 15px;
	list-style-type: square;	
}
UL LI
{
	margin-top: 1px;
	margin-left: 25px;
	color: #555555;
}
UL LI SPAN
{
	color: #004d91;
}

.dottedlinex
{height:1px; background-image: url(../images/dottedline_x.gif); background-repeat: repeat-x;}

.dottedliney
{height:99%;width: 4px; background-image: url(../images/dottedline_y.gif); background-repeat: repeat-y;}

.divsprite
{background-image: url(../images/divsprite.gif); background-repeat: repeat-x; width: 100%; height: 7px; margin-bottom: 3px;}

.iconarrowright
{float:left; width: 15px; margin-right: 3px;}
.iconarrowup
{float:left; width: 20px; margin-right: 3px;}
.iconcontact
{float:left; width: 20px; margin-right: 3px;}
.clearit
{clear: both;}

/* PAGE */
body
{
	text-align: center; /* centers the page in IE 5 */
	background-color: #f6f6f6;
	margin: 0px 0px;
	font-size: 10px;
	color: #666465;
}
#wrapper
{
	margin: 0px auto; /* centers the page */
	color: #666465;
	background-color: #f6f6f6;
	background-image: url(../images/page_bg.gif);
	background-repeat: repeat-y;
	background-position: top center;
	text-align: left;
}


/* HEADER */
#banner .navlinks a
{
	 font-size: 7pt;
	 color: #696969;
	 text-decoration: none;
	 margin:  0px 5px 5px 5px;
}
#banner .navlinks a:hover
{
	 color: #696969;
	 text-decoration: underline;
}
#banner .navlinks #contact
{
	 margin-top:10px; margin-right: 10px;
}
#banner .navlinks #contact a
{
	 font-size: 9pt;
	 color: #3b73b9;
	 font-weight: bold;
}
#banner .navlinks #contact a:hover
{
	 color: #57792f;
}
#navmenu .menustyle
{
 color: #333;
 height: 28px;
 font-size: 9pt;
 font-weight: bold;
 margin: 0px 5px 0px 5px;
}
#navmenu .dynamicmenustyle
{
 background-color: #e6e6e6;
}
#navmenu .dynamicmenuitem
{
	 font-size: 8pt;
	 color: #666;
	 height: 25px;
	 padding: 0px 15px 0px 15px;
	 border: 1px solid;
	 border-color:#f1f1f1 #cbcbcb #cbcbcb #f1f1f1;
}
#navmenu .dynamicmenuitem_hover
{
	background-color: #dde5d0;
	color: #333;
}
/* CONTENT */

.pagetitle
{
	background-image: url(../images/pagetitle.gif); background-repeat: no-repeat; height: 25px; color: #ffffff; font-size: 10pt; font-weight: bold; padding: 5px 0px 0px 10px;
}

smalltext
{
	font-size: 8pt;	
}
.smallboldtext
{
	font-size: 8pt; font-weight:bold;	
}
/* HOME */
#home #adpanel
{height: 245px; width: 535px; float: left; background-color: #555;}
#home #vmenu
{border-left: solid 1px #fff; height: 245px; width: 225px;float: left;}
#home #vmenu #buttons
{padding: 0; border-bottom: 1px solid #f5f5f5; margin: 0;}
#home #vmenu #buttons li
{background-color: #333;border-bottom: 1px solid #c1c1c1; list-style: none; margin: 0px; padding: 12px; width: 90%; text-align: center;         }
#home #vmenu #buttons li a
{color: #fff;font-size: 10pt;text-decoration: none; height: 100%;}
#home #vmenu #buttons li a:hover
{color: #fff;font-size: 10pt;text-decoration: underline;height: 100%; }
#home #col0
{background-color: #e8eae2; margin-top: 5px; height: 175px;  padding: 15px;}
#home #col0 #welcome
{width: 510px; float:left;}
#home #col1
{float:left; height: 100%; border-left: solid 1px #aaa; margin-left: 10px; margin-right: 10px;}
#home #col2
{width: 200px; float:left; text-align: center;}


/* SUBPAGE */
#subpage #col1 #portfoliogallery
{width: 95%;}
#subpage #col1 #portfoliogallery .screenshotcontainer
{background-color: #f5f5f5; border: solid 1px #e1e1e1; padding: 5px;}
#subpage #col1 #portfoliogallery .screenshotcontainer .caption
{background-color: #f5f5f5; color: #555; padding: 2px; border-bottom: solid 1px #e1e1e1;}
#subpage #col1 #portfoliogallery .indeximage
{width: 250px; border: solid 0px #333;}
#subpage #col1 #portfoliogallery .sample
{width: 100%; margin-top: 10px;}
#subpage #col1 #portfoliogallery .sample img
{width: 150px; border: solid 2px #fff;}

#col2 .buttonmenuhead{
	background-image: url(../images/menu_head.gif); background-repeat: no-repeat; color: #ffffff;  font-weight: bold;padding: 5px 0px  2px 10px; width: 200px;
	border-bottom: 0px solid #ffffff;
}

#col2 .buttonmenu
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 200px;
}
html>body .buttonmenu li a
{ /*Non IE6 width*/
	width: auto;
}

#col2 .buttonmenu li a{
color: #555;
display: block;
width: 94%;
padding: 5px 4px;
text-decoration: none;
font-weight: normal;
border: 1px solid;
border-color:#f1f1f1 #cbcbcb #cbcbcb #f1f1f1; /*light dark dark light*/
background-color: #e6e6e6;
}

#col2 .buttonmenu li
{
	margin: 0px;
}

#col2 .buttonmenu li a:visited{
color: #555;
}

#col2 .buttonmenu li a:hover, .buttonmenu li a:active{
color: #555;
background-color: #dde5d0;
}
#serverreasons li
{
	margin-top: 5px;
}

#servercomparision td
{
 padding: 5px;
}

/* FOOTER */
#footer hr
{
	color: #c0c0c0;
	height: 1px;
	width: 100%;
}
#footer .navlinks
{
	 font-size: 8pt;
	 color: #fff;
}
#footer .navlinks a
{
	 font-size: 8pt;
	 color: #fff;
	 text-decoration: none;
	 margin: 0px 5px 0px 5px;
}
#footer .navlinks a:hover
{
	 text-decoration: underline;
}
#footer #copyright
{
	 font-size: 8pt;
	 color: #fff;
	 text-align: center;
}

/**** FORMS ****/
.validator
{
	font-weight: bold;
	font-size: 12pt;
	color: red;
}
.validationsummary
{
	padding: 10px;
	background-color: #ffffe0;
	margin: 5px 0px 5px 0px;
	width: 350px;
	border-right: #ff0000 2px dashed;
	border-top: #ff0000 2px dashed;
	border-left: #ff0000 2px dashed;
	border-bottom: #ff0000 2px dashed;
}
.initcap
{
	text-transform: capitalize;
}
.alllower
{
	text-transform: lowercase;
}
.allupper
{
	text-transform: uppercase;
}