/*

Dark  #d03505

Light #ff7045 (hover)

*/

body

{

	margin:      0;

	padding:     0;

	font-family: verdana;

	font-size:   62.5%;     /* Now 1em = 10px */

	line-height: 2em;

	/* background: url(../i/bg/bg_connect_grey_1280_11341.jpg) top right no-repeat; */

}



/* TEST */

/*

div

{

	border: 0px #000 dotted;

}

*/



/* RED BOXES */

/*

<div class="red_cc_box_top"></div>

<div class="div_evits_box">

<h2 class="h2_evits_box_header">Title</h2>

<p class="ff_margin_bottom_zero">

Text here

</p>

</div>

<div class="red_cc_box_bottom"></div>

*/

div.red_cc_box_top

{

	height:			9px;

	background:		url(../i/cc/cc_top.jpg) no-repeat top center;

	margin-bottom:	0px;

	padding-bottom:	0px;

	font-size:		0.1em;

}

div.red_cc_box_bottom

{

	height:			15px;

	background:		url(../i/cc/cc_bottom.jpg) no-repeat top center;

	margin-bottom:	10px;

}

div.div_evits_box

{

	border:			2px #d4340c solid;

	border-width:	0 2px;

	padding:		0 10px 3px 10px;

	margin-top:		0;

}

h2.h2_evits_box_header

{

	color:			#d2350a;

	font-size:		1.6em;

	margin-top:		0;

	margin-bottom:	0.3em;

}



div#page_container

{

	width:  964px;    /* Width of main container */

	margin: 0 auto;   /* Center container on page */

	border: 0px #0f0 dashed;

}



/* HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#header

{

	height:      80px; /* Height of top section*/

	border:      0px #0f0 dashed;

	text-align:  center;

	padding:     10px 0 0 0;

	margin:      0;

}



/* div#header img#img_pc_road_anim, */

div#header img#img_evolution_it_solutions

{

	border:  0px #0f0 dashed;

	padding: 0;

	margin:  0;

	width:   599px;

	height:  74px;

}

/*

div#header img#img_pc_road_anim

{

	float: right;

}

*/

/*

div#header img#img_evolution_it_solutions

{

	margin-top:    20px;

	margin-left:   150px;

}

*/



/* PAGE_CONTENT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#page_content

{

	/* float: left; */

	clear:    both;

	width:    100%;

	color:    #6b6b6b;

	border:   0px #0f0 dashed;

}



div#page_content p

{

	font-size:  1.2em;    /* 1.5em; */

	margin-top: 0;        /* Care as this will cause ALL <p> tags to have no margin-top .

	                         May need to set it as a class.

						  */

}



div#page_content p.ff_margin_bottom_zero

{

	margin-bottom: 0;     

}



/* a hyperlinks tags */

a:link    { color: #d03505; text-decoration: none; }

a:visited { color: #d03505; text-decoration: none; }

a:hover   { color: #ff7045; text-decoration: none; }

a:active  { color: #d03505; text-decoration: none; }



/* h1, h2, h3, h4, h5, h6 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#page_content h1

{

	font-size:  2em;

	color:      #d4340c;     /* #d03505;    #ffa20c; from webcredible */

	margin-top: 0.5em;

	font-family: verdana, "Agency FB";

}

div#page_content h2

{

	font-size:     1.6em;

	margin-bottom: 0.3em;

}

div#page_content h2.h2_curvy_corner

{

	margin-top:    0;   /* New ref curvy corners 23-Jan-2008 */

}

div#page_content h3

{

	font-size:     1.2em;

	margin-bottom: 0;

}

/*

div#page_content h4

div#page_content h5

div#page_content h6

*/



/* MENU ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#top_menu

{

	/* float: left; */

	width:    100%;

	height:   5.5em;  /* 1em = 10px; */ /*  Height of div that contains the menu  */

	border:   0px #00f solid;

}



/*

ul#ul_top_menu

{

	margin:     0;

	padding:    0; 

	list-style: none;

}

ul#ul_top_menu li

{	

	float:				left; 

	border:				0px #dee1e6 none;

	border-width:		0 1px 1px 1px;

	background-color:	#d03505;

	text-align:         center;

}

ul#ul_top_menu li a

{

	text-decoration: none;

	color:           #fff;

	width:           100%;     

	padding-left:    30px;         /* Increase/decrease these paddings until the menu width is correct 

	padding-right:   30px;

	padding-top:     5px;

	padding-bottom:  5px;

	border:          0px #f00 solid;

	font-size:       1.5em;                 /* Font size of a tag menu text 

	line-height:	 2em;                   /* Line height of a tag menu text 

	font-weight:     bold;

}

ul#ul_top_menu li a:hover

{

	color:            #fff;

	background-color: #ff7045;

}

*/





/* FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#footer

{

	/* clear:   left; */

	width:      100%;

	text-align: center;

	padding:    2em 0 1.5em 0;

	/* color:      #d03505; */

}





/* INDEX */

span.more a

{

	padding-left:  15px;

	font-size:     1.1em;

}

span.more a:link    { color: #d03505; text-decoration: none; }

span.more a:visited { color: #d03505; text-decoration: none; }

span.more a:hover   { color: #ff7045; text-decoration: none; }

span.more a:active  { color: #d03505; text-decoration: none; }

/*

Dark  #d03505

Light #ff7045 (hover)

*/





/* SERVICES  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ol.ol_services

{

	padding:    0;

	font-size:  1.2em;

	margin:     0 60px 0 60px;

}





/* CONTACT US  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#contactus_page_content_col_1

{

	width:  400px;

	float:  left; 

	/* height:	100%; */

}

div#contactus_page_content_col_2

{

	width:          532px;

	float:          left; 

	margin-left:    20px;

	/* height:	    100%; */

}

p#p_contactus_intro

{

	margin-bottom: 0;

}



/* <!--[if IE]> clause in other/contactus.php sets font-size to 1em */

table#tbl_contactus_email

{

	font-size:   1.2em;

	margin-left: 10px;

	margin-top:  0;

}



label.lbl_contactus

{

	width:         160px;

	border:        0px #00f dotted;

	display:       block;

	float:         left; 

	line-height:   22px;

	text-align:    left;

	padding-left:  12px;

}

input.input_contactus

{

	width: 300px;

}

textarea#msg

{

	width:  300px;

	height: 186px;

}

span.email_error

{

	color:        #f00;

	padding-left: 20px;

}

input#btn_submit_email

{

	margin-bottom: 3px;

	background:    #fff;

	border:        02px #d03505 solid;

}





/* ABOUT US  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

p#microsoft_logos

{

	text-align: center;

}

p#microsoft_logos img

{

	margin:     1em;

}

img#img_microsoft_certified_partner

{

	float: left;

}

img#img_microsoft_small_business_specialist

{

	float: right;

}





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

span.quote   /* Used in ABOUT US */

{

	font-style:   italic;

	font-weight:  bold;

}







/* GLOSSY MENU ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ START */



ul.glossymenu

{

	position:   relative;

	padding:    0 0 0 34px;

	margin:     0 auto 0 auto;

	background: url(../i/menu_red/menur_bg.gif) repeat-x; /* tab background image path */

	height:     46px;

	list-style: none;

}



ul.glossymenu li

{

	float:      left;

}



ul.glossymenu li a

{

	float:           left;

	display:         block;

	color:           #000;

	text-decoration: none;

	font-family:     sans-serif;

	font-size:       13px;

	font-weight:     bold;

	padding:         0 0 0 16px;  /* Padding 0 0 0 16px to accommodate left tab image. Do not change. 1/2 */

	height:          46px;

	line-height:     46px;

	text-align:      center;

	cursor:          pointer;	

}



ul.glossymenu li a b

{

	float:   left;

	display: block;

	padding: 0 24px 0 11px;    /* Padding of menu items. 

	                              Increase/decrease until menu is 100% wide.

								  Needs to have a difference of 16px ref 1/2, i.e. 35-19=16 */

}



ul.glossymenu li.current a, 

ul.glossymenu li a:hover

{

	color:               #fff;

	background:          url(../i/menu_red/menur_hover_left.gif) no-repeat; /* left tab image path */

	background-position: left;

}



ul.glossymenu li.current a b, 

ul.glossymenu li a:hover b

{

	color:      #fff;

	background: url(../i/menu_red/menur_hover_right.gif) no-repeat right top; /* right tab image path */

}



/* GLOSSY MENU ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ END */