body {
	text-align: center;
	font-size: 100%;
	
	background-color: #ffffff;
	/*background-color: #e1e1e1;*/
	background-image: url("images/bg_blue_with_dot.jpg");
	background-repeat: repeat-x;
}

img {
	border:none; 
}


#outerdiv {
	width: 940px;
	border: 1px solid #cccccc;
	margin: 10px auto;
	text-align: left;
	background-image: url("images/bg_maindiv.gif");
	color: #666666;
	font-size: 0.8em;
    font-family: verdana, arial, helvetica, sans-serif;
    line-height: 1.3em;

}

#topdiv {
	width: 940px;
	height: 90px;
	/*border: 1px solid #F0F0F0;*/
	background-color: #ffffff;
}

#logodiv {
	width: 248px;
	/*height: 87px;
	border: 1px solid #F0F0F0;
	background-color: #ffffff;*/
	float: left;
}

#topmenudiv {
	width: 120px;
	height: 30px;
	padding-top: 0px;
	padding-right: 20px;
	float: right;
	text-align: left;
}

#maindiv {
	width: 940px;
	background-color: transparent;
	/* background-image: url("images/bg_maindiv.gif"); */
	background-repeat: repeat;
}

#leftcolumndiv {
	width: 216px;
	height: 530px;
	background-image: url("images/menu_bg2.gif");
	float: left;
}

.main_menu {
	width: 216px;
	height: 24px;
	/*background-image: url("images/menudivider2a.gif");*/
	border-bottom: 1px dotted #88afd7;
	margin-top: 5px;

}

a.menu {
	padding-left: 30px;
	font-size: 0.8em;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none;
    color: #ffffff;
    /*font-weight: bold;*/
    

}

a.menu:hover {
	background-image: url("images/menudivider2b.gif");
	text-decoration: underline;
	/*font-weight: bold;*/

}


#rightcolumndiv {
	/*width: 693px;*/
	width: 701px;
	/*height: 530px;*/
	float: left;
}

#topimagediv {
	/*width: 693px;*/
	width: 724px;
	height: 180px;
	background-color: #999999;
}

#imagediv {
	width: 507px;
	height: 180px;
	float: left;
	background-color: transparent;
}

#quotediv {
	width: 186px;
	height: 180px;
	background-image: url("images/bg_quote_grey.gif");
	float: left;
}

#quotetextdiv {
	/*width: 166px;*/
	width: 175px;

	margin-top: 20px;
	margin-left: 18px;
	color: #ffffff;
}

#colour_div_no_colour {
	width: 724px;

	height: 10px;
}

#colour_div_beige {
	width: 724px;
	/*background-color: #D4BA7F; */
	background-image: url("images/colour_strip_beige.gif");
	height: 10px;
}

#colour_div_pink {
	width: 724px;
	/*background-color: #D79B91; */
	background-image: url("images/colour_strip_pink.gif");
	height: 10px;
}

#colour_div_green {
	width: 724px;
	/*background-color: #D4BA7F; */
	background-image: url("images/colour_strip_green.gif");
	height: 10px;
}

#colour_div_sand {
	width: 724px;
	/*background-color: #D4BA7F; */
	background-image: url("images/colour_strip_sand.gif");
	height: 10px;
}

#colour_div_grey_green {
	width: 724px;
	/*background-color: #90b5af; */
	background-image: url("images/colour_strip_greygreen.gif");
	height: 10px;
}

#colour_div_grey {
	width: 724px;
	/*background-color: #bdbdbd; */
	background-image: url("images/colour_strip_grey.gif");
	height: 10px;
}

#colour_div_orange {
	width: 724px;
	/*background-color: #D4BA7F; */
	background-image: url("images/colour_strip_orange.gif");
	height: 10px;
}

#colour_div_lilac {
	width: 724px;
	/*background-color: #D4BA7F; */
	background-image: url("images/colour_strip_lilac.gif");
	height: 10px;
}

#topboxesdiv {
	/*width: 693px;*/
	width: 720px;
	height: 160px;

}

#box1 {
	width: 154px;
	height: 155px;
	float: left;
	margin-left: 12px;
	margin-top: 10px;
	border: 1px solid #D4BA7F;
	background-image: url("images/bg_box_email2.gif");

}

#box1_titlediv {
	width: 154px;
	height: 30px;
	background-color: #D4BA7F;
	

}

#box1_titletextdiv {
	/*width: 152px;*/
	height: 25px;
	padding-top: 5px;
	padding-left: 5px;
}

#box1_introdiv {
	/*width: 147px;*/
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: transparent;

}

#box1_readmorediv {
	/*width: 147px;*/
	background-color: transparent;
	/*padding-top: 5px;*/
	margin-left: 5px;
	margin-right: 5px;
}

#box2 {
	width: 154px;
	height: 155px;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	border: 1px solid #D79B91;
	background-image: url("images/bg_box_graphics2.gif");

}

#box2_titlediv {
	width: 154px;
	height: 30px;
	background-color: #D79B91;

}

#box2_titletextdiv {
	/*width: 152px;*/
	height: 25px;
	padding-top: 5px;
	padding-left: 5px;
}

#box2_introdiv {
	/*width: 147px;*/
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: transparent;

}

#box2_readmorediv {

	background-color: transparent;
	margin-left: 5px;
	margin-right: 5px;
}

#box3 {
	width: 154px;
	height: 155px;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	border: 1px solid #AACB92;
	background-image: url("images/bg_box_server.jpg");

}

#box3_titlediv {
	width: 154px;
	height: 30px;
	background-color: #AACB92;

}

#box3_titletextdiv {
	width: 152px;
	height: 25px;
	padding-top: 5px;
	padding-left: 5px;
}

#box3_introdiv {

	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: transparent;

}

#box3_readmorediv {

	background-color: transparent;
	/*padding-top: 5px;*/
	margin-left: 5px;
	margin-right: 5px;
}

#box4{
	width: 154px;
	height: 155px;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	border: 1px solid #C8B8A2;
	background-image: url("images/bg_box_support2.jpg");

}

#box4_titlediv {
	width: 154px;
	height: 30px;
	background-color: #C8B8A2;

}

#box4_titletextdiv {
	width: 152px;
	height: 25px;
	padding-top: 5px;
	padding-left: 5px;
}


#box4_introdiv {

	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: transparent;

}

#box4_readmorediv {
	background-color: transparent;
	/*padding-top: 5px;*/
	margin-left: 5px;
	margin-right: 5px;
}


#bottomboxesdiv {
	/*width: 693px;*/
	width: 720px;
	height: 160px;

}

#box5 {
	width: 154px;
	height: 155px;
	float: left;
	margin-left: 12px;
	margin-top: 10px;
	border: 1px solid #90B5AF;
	/*background-image: url("images/bg_box_programming1.gif");*/

}

#box5_titlediv {
	width: 154px;
	height: 30px;
	background-color: #90B5AF;

}

#box5_titletextdiv {
	width: 152px;
	height: 25px;
	padding-top: 5px;
	padding-left: 5px;
}

#box5_introdiv {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: transparent;

}

#box5_readmorediv {
	background-color: transparent;
	/*padding-top: 5px;*/
	margin-left: 5px;
	margin-right: 5px;
}

#box6 {
	width: 154px;
	height: 155px;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	border: 1px solid #BDBDBD;
	background-image: url("images/bg_box_consult2.jpg");

}

#box6_titlediv {
	width: 154px;
	height: 30px;
	background-color: #BDBDBD;

}

#box6_titletextdiv {
	width: 152px;
	height: 25px;
	padding-top: 5px;
	padding-left: 5px;
}

#box6_introdiv {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: transparent;

}

#box6_readmorediv {
	background-color: transparent;
	/*padding-top: 5px;*/
	margin-left: 5px;
	margin-right: 5px;
}

#box7 {
	width: 154px;
	height: 155px;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	border: 1px solid #D08E6C;
	background-image: url("images/bg_box_magento.jpg");

}

#box7_titlediv {
	width: 154px;
	height: 30px;
	background-color: #D08E6C;

}

#box7_titletextdiv {
	width: 152px;
	height: 25px;
	padding-top: 5px;
	padding-left: 5px;
}

#box7_introdiv {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: transparent;

}

#box7_readmorediv {
	background-color: transparent;
	/*padding-top: 5px;*/
	margin-left: 5px;
	margin-right: 5px;
}

#box8{
	width: 154px;
	height: 155px;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	border: 1px solid #b68dc0;
	background-image: url("images/bg_box_voip.jpg");

}

#box8_titlediv {
	width: 154px;
	height: 30px;
	background-color: #b68dc0;

}

#box8_titletextdiv {
	width: 152px;
	height: 25px;
	padding-top: 5px;
	padding-left: 5px;
}

#box8_introdiv {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: transparent;

}

#box8_readmorediv {
	background-color: transparent;
	/*padding-top: 5px;*/
	margin-left: 5px;
	margin-right: 5px;
}

#textdiv {
	width: 677px;
	background-color: transparent;
	padding-top: 12px;
	margin-left: 20px;
	margin-right: 20px;
}

/* this is for the New Homepage layout with two columns at the bottom to fit the Magento news in */
#home_text_column_wrapper {
	width: 677px;
	background-color: transparent;
	padding-top: 12px;
	margin-left: 20px;
	margin-right: 20px;
}

#home_text_column_left {
	width: 476px;
	background-color: transparent;
	float: left;
	border-right: dotted 1px #999999;
	margin-top: 20px;
	padding-right: 20px;
	margin-bottom: 10px;

}

#home_text_column_right {
	width: 161px;
	background-color: transparent;
	float: right;
	margin-top: 20px;
	font-size: 0.85em;
	line-height: 1.2em;


}

.magento_box {
}

/* this is for the MAIN tpl where the text goes in the main content area */
#text_column {
	/*width: 495px;*/
	width: 480px;
	background-color: transparent;
	float: left;
	/*padding-top: 12px;
	margin-left: 12px;
	margin-right: 12px;*/
}

/* this is for the MAIN tpl where the image goes in the main content area */
#image_column {
	width: 160px;
	background-color: transparent;
	float: left;
	margin-left: 9px;
	padding-top: 10px;
	border-left: 1px dotted #cccccc;
	padding-left: 18px;

}

.page_title {
	color: #1C5AA3;
	font-size: 1.3em;

}

.subheading {
	color: #1C5AA3;
	font-size: 0.95em;
	font-weight: bold;

}

.bold_text_grey {
	color: #666666;
	font-size: 0.95em;
	font-weight: bold;

}



.text_links {
	color: #1C5AA3;

}

.text_links:hover {
	color: #000000;

}

.text_links_blue_bold {
	color: #1C5AA3;
	font-weight: bold;
	/* text-decoration: none; */

}

.text_links_blue_bold:hover {
	color: #000000;

}

#footerdiv {
	width: 940px;
	height: 40px;
	clear: both;
	background-image: url("images/footerline.gif");
}

#footertextdiv {
	/*width: 800px;*/
	height: 30px;
	padding-top: 8px;
	padding-left: 20px;
	color: #ffffff;
	font-size: 0.78em;
}

.quote {
	color: #2B65A9;
	/*font-weight: bold;*/
	font-size: 0.92em;
}

.box_titles {
	color: #ffffff;
	font-weight: bold;
	font-size: 0.95em;
   text-decoration: none;
}

.box_titles_links {
	color: #ffffff;
   text-decoration: none;

}






a.read_more {
	color: #5084B8;
	font-weight: bold;
	font-size: 0.79em;

}

a.read_more:hover {
	color: #24609A;
}

li.blue {
	color: #5084B8;
	margin-left: -2em;
}

li span {
	color: #666666;
	font-size: 0.88em;
}

a.topmenu {
	
	font-size: 0.8em;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: underline;
    color: #999999;
    /*font-weight: bold;*/
    

}


a.topmenu:hover {
	color: #1c5aa3;
}

#bronze_box {
	width: 130px;
	height: 400px;
	background-image: url("images/bronze_box_bg.gif");
	background-repeat: no-repeat;
	float: left;
		margin-bottom: 5px;


}

.bronze_silver_gold_heading {
padding-left: 40px;
color: #d57f22;
font-weight: bold;
padding-top: 5px;

}

.bronze_silver_gold_text {
padding: 6px;

}



#silver_box {
	width: 130px;
	height: 400px;
	float: left;
	margin-left: 20px;
	background-image: url("images/silver_box_bg.gif");
	background-repeat: no-repeat;
		margin-bottom: 5px;


}

#gold_box {
	width: 130px;
	height: 400px;
	float: left;
	margin-left: 20px;
	background-image: url("images/gold_box_bg.gif");
	background-repeat: no-repeat;
	margin-bottom: 5px;

}

.portfolio_buttons_box {
border: 1px solid #cccccc; 
padding: 5px;
margin-bottom: 5px;
background-color: #efefef;

}

/* this is for the listings of client names on the portfolio pages */
.portfolio_links_box {
border: 1px solid #cccccc; 
padding: 5px;
margin-bottom: 5px;


}

a.portfolio_buttons {
	font-family: verdana, arial, helvetica, sans-serif;
    color: #666666;
    text-decoration: none;
    

}

a.portfolio_buttons:hover {
	color: #1c5aa3;
}


a.portfolio_button_links {
    font-family: verdana, arial, helvetica, sans-serif;
    color: #666666;
    /*font-weight: bold;*/
    
}




a.portfolio_button_links:hover {
	color: #1c5aa3;
}


a.portfolio_links {
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: underline;
    color: #666666;
    font-size: 0.79em
    /*font-weight: bold;*/
    
}

a.portfolio_button_links_blue {
	color: #1c5aa3;
	font-size: 0.79em
}




a.portfolio_links:hover {
	color: #1c5aa3;
}


img.float_left { 
    float: left; 
    margin-right: 15px; 
    margin-bottom: 5px;
}

li.blue {
	color: #0064ad;
}

.latest_project {
 	margin-right: 10px; 
    margin-left: 30px;
    margin-top: 30px;
    color: #ffffff;
        font-size: 0.79em
        /*font-weight: bold;*/
}

a.latest_project_links {
    color: #ffffff;

}

a.latest_project_links:hover {
    color: #000000;
}

.directory_links {
color: #ffffff; 
font-size: 0.6em; 
font-family: verdana, arial, helvetica, sans-serif; 

}