@charset "utf-8";
/*     FONTS STYLES     */
body, table, .normal { font: 12px Arial, Helvetica, sans-serif; color: #fff; }
input, textarea { color: #000; }

h1 { color: #09a4de; background: url(../images/layout/logo_icon.gif) no-repeat left top; margin: 0px; padding: 0 0 5px 20px; font-size: 15px; font-style: normal; line-height: 20px; font-weight: normal; font-variant: normal; }
h2 { color: #09a4de; margin: 0px; padding: 0px 0px 5px; font-size: 12px; font-style: normal; line-height: 15px; font-weight: normal; font-variant: normal; }
h3 { color: #09a4de; margin: 0px; padding: 0px; font-size: 11px; font-style: normal; line-height: 15px; font-weight: normal; font-variant: normal; }

.logo_txt { background: url(../images/layout/logo_icon.gif) no-repeat; margin: 0px; padding: 0px 0px 5px; letter-spacing: 1px; text-align: right; line-height: 20px; } /* Used on News and Annouce Heading on Home Page */

a { color: #09a4de; text-decoration: none; }
a:hover { color: #09a4de; text-decoration: underline; }

.orange { color: #09a4de; } /* no longer orange is now blue */
.larger_font { font: normal 12px/12px Arial, Helvetica, sans-serif; }

li { list-style: none; background: url(../images/layout/bullet_square.gif) no-repeat left 5px; padding-left: 10px; padding-bottom: 7px; }
li li { list-style: none; background: url(../images/layout/sub_bullet_square.gif) no-repeat left 5px; padding-left: 10px; padding-bottom: 3px; }

/*     CSS HELPERS     */
.clear { clear: both; }
.float_left { float: left; }
.float_right { float: right; }

/*     LAYOUT CSS     */
body { background: #1e272e url(../images/layout/bg.jpg) repeat-x fixed center top; margin: 0px; padding: 0px; text-align: justify; }
#top_container { margin: 0px auto; padding: 0px 12px; width: 999px; background: url(../images/layout/top_container.png) no-repeat center top; }
#banner { height: 248px; width: 999px; position: relative; }
	#banner a#quadtech_logo { width: 200px; height: 44px; position: absolute; left: 15px; top: 15px; text-align: left; }
#container { background: url(../images/layout/container_repeat.png) repeat-y center top; margin: 0px auto; padding: 0px 12px; width: 999px; }

#top_text_nav { float: right; padding-top: 50px; position: absolute; right: 0px; top: 0px; }
#top_text_nav ul { margin: 0; padding: 0; }
#top_text_nav li { display: inline; list-style: none; padding-right: 30px; padding-left: 30px;	/*background: url(none);*/ }
.top_text_nav_login { background: url(../images/layout/login_icon.png) no-repeat 13px 2px; }
.top_text_nav_search { background: url(../images/layout/search_icon.png) no-repeat 15px 2px; }
.top_text_nav_newsletter { background: url(../images/layout/newsletter_icon.png) no-repeat 15px 2px; }
#top_text_nav li a { color: #fff; }
#top_text_nav li a:hover { color: #faa21b; text-decoration: none; }
#top_nav_wrapper { height: 72px; width: 999px; z-index: 1; position: relative; }
#insideleft_nav { height: 72px; width: 192px; float: left; background-image:url(../images/layout/services_nav_block_02.jpg); background-repeat:no-repeat; background-color: #000000; }
#insideright_nav { position: absolute; width: 807px; top: 0px; right: 0px; }

#spacer { height: 30px; width: 999px; background-color:#000000; }
#spacer_general { height: 30px; width: 999px; background-image: url(../images/layout/general/line_middle_spacer.png); background-repeat: repeat-y; background-position:center top; }
#center_container { width: 999px; background: #000 url(../images/layout/home/line_middle.gif) repeat-y center top; }
#center_container_general { width: 999px; display: inline-block; /* Makes Background show in FF, Safari, Google Chrome etc. Issues was with Educational Services Page */ background: #000 url(../images/layout/general/line_middle.gif) repeat-y center top; }
#side_nav { float: left; width: 198px; }
/*     BC MENU STYLES (HTML ONLY MENU)     */

#side_nav ul { margin: 0px; padding: 0px; list-style: none; background: url(../_new_site/StyleSheets/none); }
#side_nav li { margin: 0px; padding: 3px 0px; list-style: none; line-height: 21px; height: 21px; background: url(../_new_site/StyleSheets/none); }
#side_nav a { font: 11px Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; margin-left: 18px; padding-left: 10px; background: url(../images/layout/nav_square.gif) no-repeat left center; }
#side_nav a:hover { color: #faa21b; }
#side_nav ul li ul li a { color: #faa21b; }
#side_nav ul li ul li a:hover { color: #fff; }
/*     FOR SECOND LEVEL MENU     */
#side_nav ul li { position: relative; }
#side_nav li ul { position: absolute; left: 190px; top: 0; display: none; }
#side_nav li:hover ul { display: block; width: 180px; background: #232C32; }
/*     END      FOR SECOND LEVEL MENU     */


/*     END BC MENU STYLES (HTML ONLY MENU)     */

#content_area { width: 536px; padding-right: 15px; padding-left: 15px; float: left; }
#content_area_general { width: 771px; padding-right: 15px; padding-left: 15px; float: left; }
/*      CONTENT AREA DIVS FOR GENERAL PAGES     */

#content_area_general #left { width: 556px; float: left; }
#content_area_general #right { width: 200px; padding-left: 15px; float: left; }
/*      END CONTENT AREA DIVS FOR GENERAL PAGES     */

#rh_panel { float: left; width: 199px; padding-right: 12px; padding-left: 24px; text-align: center; }
#testimonials_panel h2 { padding: 0px 0px 5px 20px; background: url(../images/layout/logo_icon.gif) no-repeat; letter-spacing: 1px; text-align: left; line-height: 20px; font-variant: normal; }
#testimonials_panel a { color: #FFFFFF; text-decoration: none; }
#testimonials_panel p { text-align: justify; margin: 0; padding: 0; }
#testimonials_panel .client { text-align: right; margin: 0; padding: 0; }
#testimonials_panel .biz { font-size: 10px; font-style: italic; color: #09a4de; text-align: right; }
#rh_panel #news_box { padding-top: 5px; padding-bottom: 5px; text-align: left; }
#footer { background: url(../images/layout/home/footer.png) no-repeat; height: 28px; width: 993px; margin: 0px auto; padding-right: 15px; padding-left: 15px; padding-top: 8px; }
#footer_general { background: url(../images/layout/general/footer_general.png) no-repeat; height: 28px; width: 993px; margin: 0px auto; padding-right: 15px; padding-left: 15px; padding-top: 8px; }
/*     WEB INFO CONTENT HOLDER STYLES     */

#website_info { height: 17px; padding-top: 20px; font: 11px Arial, Helvetica, sans-serif; color: #8e8c8c; }
#website_info a { color: #8e8c8c; }
#website_info a:hover { color: #A8A6A6; }
.float23 { float: left; width: 23%; }
.float53 { float: left; width: 53%; }
#text_align, quadtech { float: left; }
#quadtech a { display: block; height: 14px; width: 63px; overflow: hidden; background: url(../images/layout/quadtech_logo_light_smaller.png) no-repeat; }
#quadtech a:hover { background: url(../images/layout/quadtech_logo_light_smaller.png) no-repeat; background-repeat: no-repeat; display: block; height: 14px; width: 63px; overflow: hidden; background-position: -63px; }
/*   WEB DEV BOXES    */

#all_web_box { /*padding-top: 10px;*/
}
#all_web_box p { margin: 0; padding: 0; }
#all_web_box a, #all_web_box p { display: inline-block; float: left; width: 217px; height: 200px; text-align: center; padding: 10px 20px 0px; }
#all_web_box a img, #all_web_box p img { height: 165px; display: block; margin: 0 auto; border: 0; }
#web_title_header { width: 237px; height: 30px; background: #28313A; line-height: 30px; text-align: right; margin-bottom: 5px; margin-left: 524px; }
#coming_soon_box { float: right; width: 217px; text-align: center; padding: 0px 10px; border: none; /*margin-top: -10px;*/
	margin-right: 10px; background: #28313A; }
#coming_soon_box a, #coming_soon_box p { padding: 10px 0px 0px; }
.table_border { border: 1px dashed #FFFFFF; }
#vt_image { width: 403px; height: 720px; float: right; padding: 17px 10px 20px 10px }
#vt_form { margin: 0px auto; }
.cat_listbox, .cat_textbox, .cat_dropdown_smaller { background: #FFFFFF; }
input.text { background: #00FF00; }
/*.item {v-align: center; text-align: right;}*/ /* This will effect all forms on the site - making them display incorrectly */

a#starter_web_button { display: block; width: 150px; height: 110px; background: url(../images/starter_web/starter_button_small.jpg) no-repeat; font-size: 30px; font-weight: bold; color: #d4e6bc; text-decoration: none; text-align: center; float: right; margin: 0 0 10px 10px; padding-top: 40px; }
a:hover#starter_web_button { color: #FFFFFF; }
#catalogue_overall_layout_table { margin-top: 85px; }
#imageData #imageDetails { color: #000; } /* makes photogallery description black */