body {
	color:#000000;
	background:#CCCCCC url(../images/background_1024.gif) repeat-y center top;
	margin:0 0 0 0;
	padding:0 0 0 0;
 	font-size:0.8em;
	font-family:arial,helvetica,sans-serif; 
}

/*
img { behavior: url(../scripts/iepngfix.htc); border: 0; }
*/

input, select, textarea {	
	font-size:100% ; 
	font-family:arial,helvetica,sans-serif; 
}
		
		
td {
	vertical-align: top;
}


H1 	{font-size: 130% ;}
H2 	{font-size: 120% ;}
H3 	{	font-size: 110%; margin: 0 auto 0 auto; }
H4 		{font-size: 105% ;}
H5,H6 	{font-size: 100% ;}


ul {
	font-weight: bold;
	list-style-position: outside;
	list-style-image: url(../images/bullet.gif);
	margin: 0 0 0 35px;
	padding: 0 0 0 0;
}


ul.no {
	list-style-image: url(../images/bullet_no_entry.png);
}


ul li {
	margin-top: 3px;
}


ul ul {
	list-style-image: url(../images/bullet_sm.gif);
}


/* ==================================== */
form p {
	clear:both;
	margin: 0.2em 0 0 0;
}


label {
	width:140px;
	float:left;
	text-align:right;
	padding:0 10px 0 0px;
	margin:0 10px 0 0 ;
	/*
	background-color:#CCCCCC;
	*/
	color:#000000;
}

fieldset {
	border:1px solid #dddddd;
	margin-top:20px;
	background-color:#eeeeee;
}


legend {
		background-color:#dddddd;
		padding:2px;
}




form .testbox {
	width:400px;
}

/* ==================================== */




/* ==================================== */


a:link {
	color:#0000FF ; 
}

a:visited {
	color:#990066; 
}

a:hover {
	color:#990099; 
	text-decoration:underline;
}


#main_content a:hover {
	text-shadow:0px 0px 3px #990099;
}

/* ======================================================= */




.fieldlabel {
	font-size:90% ; 
	background-color:#CCCCCC;
	color:#000000;
	vertical-align:middle;
	text-align:right;
}

.button_submit {
	 background-color:#666;
	 color:#FFF;
	 font-weight:bold;
}

.text_small {font-size:90% ; }
.text_tiny{ font-size:80% ; }
.text_130 { font-size:130% ; font-weight:bold; }
.text_160 { font-size:160% ; font-weight:bold }


strong.searchterm {
	font-weight:normal;
}

.searchterm {
	text-transform:capitalize;
}



.grey {
	background:#CCCCCC;
}

.errormessage {
	background-color:#CC0033;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px;
}

.hilightedtext {
			background-color:#FFFF99 ; 
			color:#000000;
			font-style:normal; 
}

.pagename {
	/* 
	color:#669977;
	background-color:#669977;
*/
	color:#ffffff;
	background-color:#ffffff;
}

.centered {
	text-align:center;
}


.clear {
	clear:both;
}

.inline {
	display: inline;
}

.hot {
	background-image: url(../images/hands.png);
	background-repeat: no-repeat;
	height: 100px;
	width: 173px;
	font-size: 30px;
	line-height: 50px;
	margin: 0 auto 0 auto;
	text-align: center;
	font-weight: bold;
}

.red {
	font-weight: bold;
	text-transform: uppercase;
	color: #F00;
}



h2.printonly {
	position:absolute;
	visibility:hidden;
	display:none;
}

.screenonly {
	position:relative;
	visibility:visible;
}



.display_box {
	float:left;
	width:170px;
	height:130px;
	border:1px solid #ddd;
	background-color:#eee;
	padding:1px;
	margin:0 2px 2px 0;
	text-align:center;
	font-weight: bold;
}


/* ====================================================================== */
/* ====================================================================== */

/* This is the ID for the whole page.  It determines the width of the page 
 in the PRINT style sheet the width is a relative size so that is it does 
 not crop when printed onto paper */
 
 
/* ====================================================================== */

#wrapper {
	width:980px;
	margin:auto;
	background:#ffffff;
}


/* ============================ End of rules for wrapper ============================================= */



/* ============================ Start of rules for header =========================================== */

#banner {
	background-image: url(../images/banner.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	background-color: #777;
}

#banner , #footer  {
	background:#777 url(../images/banner.png) no-repeat top left;
}


#banner h1 {
	color: #FFF;
	font-size:250%;
	line-height:80%;
	padding: 20px 20px 0 20px;
	width:940px;
	margin:0px 0 0 0;
	text-shadow: 3px 3px 2px #000;
	text-transform: capitalize;
}

/* ============================ End of rules for header ============================================= */








/* ============================ Start of rules for middlecol ========================================= */


#main_content {
	margin:0 0 0 0;
	padding: 0 0 0 0;
	float: right;
	width: 750px;
}

/* ==================================== */


#main_content_left {
	width: 530px;
	float: left;
	position: relative;
}


/* ==================================== */


#main_content_left form p {
	clear:both;
}

#main_content_left label {
	width:140px;
	float:left;
}
/* ==================================== */


#main_content_right {
	float:right;
	width:220px;
}




/* column that contains the main left column containing the Call now bot, the left_menu and other stuff in the left column */
/* ======================================= */
/* ======================================= */
/* ======================================= */


#left_column .col_top {
	background:url(../images/col_220_top.gif) no-repeat top center;
	padding: 15px 0 0 0;
	width:220px;
	min-height:64px;
	margin: 0 0 0 0;
	
}


#left_column .col_mid {
	background:url(../images/col_220_mid.gif) repeat-y center center;
	padding: 0 0 0 0 ;
	width:220px;
	margin: 0 0 0 0;
	
}


#left_column .col_bot {
	background:url(../images/col_220_bot.gif) no-repeat bottom center;
	padding: 0 20px 55px 20px;
	width:180px;
	min-height:35px;
	margin: 0 0 0 0;
}



/* =========================== start of leftcol rules =================== */
/* this is the left column that contains the logo and the vertical menu down the
 left hand side of the page. */



/* =============================== start of callnow rules ======================================= */


#callnow {
	text-align:right;
	padding:1px 3px 2px 50px;
	margin:3px 0 3px 0;
	font-size:90%;
	background:#fff url(../images/telephonist1.png)  no-repeat bottom left;
	border:1px solid #ccc;
	width:120px;
}


#callnow p , #callnow h1, #callnow h2 {
	margin:0 0 0 0;
	padding:0;
}


/* =============================== end of callnow rules ======================================= */





#left_column {
	float:left;
	width:220px;
}

#left_column  ul {
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style-position:outside;
	list-style-image:url(../images/bullet.png);
	list-style-type:none;
}

#left_column  ul  li {
	margin:0 0 0 25px;
}





/* =================== the one in the left nav and the one in the footer. ========================= */


#left_menu ul {
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style-image:none;
	list-style-type:none;
	list-style-position:outside;
}

#left_menu ul li {
	margin: 5px 0 5px 0;
}


#left_menu li a, #left_menu li a:visited  {
	background-image:url(../images/menu_background_paper.png);
	background-repeat:no-repeat;
	background-position:top right;
	text-decoration:none;
	display:block;
	padding:5px 22px 3px 6px;
	clear:left;
	height:27px;
	min-height:20px;
	line-height:1.2em;
	font-size:90%;
	color:#000;
}

#left_menu li a:hover , #left_menu li a:active , #left_menu li a.selected {
	color:#666;
}

#left_menu li a:hover img {
	background:none;
}



/* =============================== end of leftmenu rules======================================= */


/* ++++++++++++++++  Dreamweaver pages ++++++++++++++++++++ */

body.dw #banner {
	background-color:#99bb11;
	background-image:url(../images/banners/banner_dreamweaver.png);
}

body.dw  #banner h1 {
	color:#FFF;	
}


body.dw  li a.button_dw ,
li a.button_dw:hover , 
body.dw  .button_submit ,
body.dw  legend  {
	background-color:#99bb11;
	color:#fff  ;
}

/*
li a.button_dw {
	text-shadow: 2px 2px 2px #99bb11 ;
}

li a.button_dw:hover {
	text-shadow: 2px 2px 2px #fff ;
}
*/
/* ++++++++++++++++  Photoshop pages ++++++++++++++++++++ */

body.ps  #banner {
	background-color:#0066BB ;
	background-image:url(../images/banners/banner_photoshop.png);
}

body.ps  #banner h1 {
	color:#FFF;
}

body.ps  li a.button_ps , 
li a.button_ps:hover ,
body.ps  .button_submit ,
body.ps  legend {
	background-color:#0066BB;
	color:#FFF;
}

/*
li a.button_ps {
	text-shadow: 2px 2px 2px #0066BB ;
}


li a.button_ps:hover {
	text-shadow: 2px 2px 2px #fff ;
}
*/

/* ++++++++++++++++  Photoshop Elements pages ++++++++++++++++++++ */

body.pse #banner {
	background-color:#3DC2CC ;
	background-image:url(../images/banners/banner_photoshop_elements.png);
}

body.pse #banner  h1 {
	color:#FFF;
}

body.pse li a.button_pse , 
li a.button_pse:hover ,
body.pse .button_submit ,
body.pse legend {
	background-color:#3DC2CC;
	color:#FFF;
}

/*
li a.button_pse {
	text-shadow: 2px 2px 2px #3DC2CC ;
}


li a.button_pse:hover {
	text-shadow: 2px 2px 2px #fff ;
}

*/

/* ++++++++++++++++  InDesign pages ++++++++++++++++++++ */

body.id #banner {
	background-color:#BB3366 ;
	background-image:url(../images/banners/banner_indesign.png) ;
}

body.id  #banner h1 {
	color:#FFF;
}

body.id  li a.button_id , 
li a.button_id:hover ,
body.id .button_submit, 
body.id legend {
	background-color:#BB3366;
	color:#FFF;
}

/*
li a.button_id {
	text-shadow: 2px 2px 2px #BB3366 ;
}


li a.button_id:hover {
	text-shadow: 2px 2px 2px #fff ;
}

*/

/* ++++++++++++++++  HTML pages ++++++++++++++++++++ */

body.html #banner {
	background-color:#CCEEEE;
	background-image:url(../images/banners/banner_html.png) ;
}

body.html #banner h1 {
	color:#000;
	text-shadow: 2px 2px 2px #fff ;
}

body.html li a.button_html , 
li a.button_html:hover ,
body.html .button_submit ,
body.html legend {
	background-color:#CCEEEE;
	color:#000;
}

/*

li a.button_html {
	text-shadow: 2px 2px 2px #CCEEEE ;
}

li a.button_html:hover {
	text-shadow: 2px 2px 2px #fff ;
}

*/


/* ++++++++++++++++  CSS pages ++++++++++++++++++++ */

body.css #banner {
	background-color:#EEFF77;
	background-image:url(../images/banners/banner_css.png);
}

body.css #banner h1 {
	color:#000;
	text-shadow: 3px 3px 2px #fff ;	
}

body.css li a.button_css , 
li a.button_css:hover , 
body.css .button_submit ,
body.css legend {
	background-color:#EEFF77;
	color:#000;
}

/* 
li a.button_css {
	text-shadow: 2px 2px 2px #EEFF77 ;
}


li a.button_css:hover {
	text-shadow: 2px 2px 2px #fff ;
}

*/


/* ++++++++++++++++  JS pages ++++++++++++++++++++ */

body.js #banner {
	background-color: #DD9999  ;
	background-image:url(../images/banners/banner_javascript.png) ;
}

body.js #banner h1 {
	color:#fff;
	text-shadow: 3px 3px 2px #000 ;	
}

body.js li a.button_js , 
li a.button_js:hover ,
body.js .button_submit ,
body.js legend {
	background-color:#DD9999;
	color:#000;
}

/*
li a.button_js {
	text-shadow: 2px 2px 2px #DD9999 ;
}


li a.button_js:hover {
	text-shadow: 2px 2px 2px #fff ;
}

*/

/* =========================== end of leftcol rules =================== */



/* =========================================================================== */
/* this is the main part of the page which contains the text and image content */




/* ======================== start of rules for top, middle and bottom of the "curled paper" column backgrounds =============================== */

/* ============================== start of wide column 730px ===================== */



.wide_page  #main_content_left  .col_top {
	background:url(../images/col_730_top.gif) no-repeat top center;
	padding: 15px 0 0 0;
	width:730px;
	min-height:64px;
	margin: 0 0 0 0;
}

.wide_page  #main_content_left  .col_mid {
	background:url(../images/col_730_mid.gif) repeat-y center center;
	padding: 0 0 0 0 ;
	width:730px;
	margin: 0 0 0 0;
}


.wide_page  #main_content_left  .col_bot {
	background:url(../images/col_730_bot.gif) no-repeat bottom center;
	padding: 0 20px 25px 20px;
	width:690px;
	min-height:45px;
	margin: 0 0 0 0;
}

/* ============================== end of column 730px   ===================== */




/* ============================== start of normal column 530px ===================== */


.normal_page #main_content_left .col_top {
	background:url(../images/col_530_top.gif) no-repeat top center;
	padding: 15px 0 0 0;
	width:530px;
	min-height:35px;
	margin: 0 0 0 0;
}

.normal_page #main_content_left .col_mid {
	background:url(../images/col_530_mid.gif) repeat-y center center;
	padding: 0 0 0 0;
	width:530px;
	margin: 0 0 0 0;
	
	min-height: 40px;
	/*
	height:500px;
	*/
	position: relative;
}


.normal_page #main_content_left .col_bot {
	background:url(../images/col_530_bot.gif) no-repeat bottom center;
	padding: 0 25px 25px 25px;
	width:480px;
	min-height:45px;
	margin: 0 0 0 0;
}

/* ============================== end of normal column 530px  ===================== */



/* ======================== start of rules for  smallform =============================== */


#smallform {
	font-size:90%;
	margin:0 0 0 0;
	padding:0 5px 0 5px;
	width: 200px;
}


#smallform h2 {
	font-size:110%;
	padding:0 0 0 0 ;
	margin:0 0 0 0;
	text-align:center;
	line-height:33px;
}

#smallform label {
	text-align:left;
	padding:0 10px 0 0px;
	margin:0 10px 0 0 ;
}

#smallform input , #smallform textarea {
	border:1px solid #0066CC;
	margin: 0 0 4px 0;
	width: 180px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}


#smallform p {
	padding:0 0 0 0;
	margin:0 0 0 0;
	color:#000000;
	clear:both;
}


/* ======================== end of rules for  smallform =============================== */





/* column that contains the small contact us form */
/* ============================================== */
/* ============================================== */
/* ============================================== */

#main_content_right .col_top {
	background:url(../images/col_220_top.gif) no-repeat top center;
	padding: 15px 0 0 0;
	width:220px;
	margin: 0 0 0 0;
	
}


#main_content_right .col_mid {
	background:url(../images/col_220_mid.gif) repeat-y center center;
	padding: 0 0 0 0 ;
	width:220px;
	margin: 0 0 0 0;
	
}


#main_content_right .col_bot {
	background:url(../images/col_220_bot.gif) no-repeat bottom center;
	padding: 0 20px 55px 20px;
	width:180px;
	margin: 0 0 0 0;
}
/* ============================================== */
/* ============================================== */
/* ============================================== */





/* ============================== end of col_2   ===================== */




/* =========================================================================== */
/* this is the footer of the page which contains the copyright notice and  credits */
 
#footer {
	clear:both;
	font-size:90%;
	height:50px;
} 

#footer ul {
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style-image:none;
	list-style-type:none;
	list-style-position:outside;
	display:inline;
	text-align:center;
}


#footer ul li {
	float: left ;
}

#footer ul li a, #footer ul li a:visited  {
	font-weight:normal;
	padding:0 5px 0 5px;
	text-decoration:none;
	display:block;
	font-size:90%;
	color:#fff;
}

#footer ul li a:hover , #footer ul li a:active , #footer ul li a.selected {
	color:#fff;	
	text-decoration:underline;
}
/* End of  footer of the page which contains the copyright notice and  credits */
/* =========================================================================== */