/* --------------------------------------------------- 
TEMPLATE.CSS contains the default styles for websites
built in the anytime system.
--------------------------------------------------- */



/* MAIN ELEMENTS 
Main page elements, page layout, links and other common
styles. */
html, body { 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;  
text-align:center;
color:#010101;
background-color:#ffffff;
clear:both;
margin:0 auto; 
}


/* DEFAULT LINKS */
a         {text-decoration:none;color:#2188fc;}
a:visited {text-decoration:none;}
a:hover   {text-decoration:none;color:#134781;}
a img     {border:none;}


/* DEFAULT HEADERS */
h1, h2, h3, h4, h5, h6 {
margin:0px 0px 0px 0px;
}

h1 {font-size:24px;color:#333333;line-height:34px;padding:4px 0 4px 0;}
h2 {font-size:20px;color:#2188fc;line-height:24px;padding:4px 0 4px 0;}
h3 {font-size:16px;color:#2188fc;line-height:20px;padding:4px 0 4px 0;}
        h3 span {color:#134781;}
h4 {font-size:14px;color:#2188fc;line-height:16px;padding:4px 0 4px 0;}
h5 {font-size:13px;color:#2188fc;line-height:15px;padding:4px 0 4px 0;}
h6 {font-size:12px;color:#333333;line-height:14px;padding:4px 0 4px 0;}



/* OTHER DEFAULT ELEMENTS */
acronym {border:none;}


p {
padding-top:0;
margin-top:0;
}


.clearer {
clear:both;
font-size:0;
line-height:0;
height:0;
padding:0 0 0 0;
margin:0 auto;
}

.divider {
clear:both;
font-size:0;
line-height:0;
height:5px;
padding:0 0 0 0;
margin:0 auto;
margin-top:5px;
border-top:solid #EFEFEF 1px;
}


.divider2 {
clear:left;
float:left;
width:650px;
font-size:0;
line-height:0;
height:10px;
padding:0 0 0 0;
margin:0 auto;
margin-top:18px;
border-top:solid #EFEFEF 1px;
}


/* GAPS
Gaps to space elements */
.gap1 {float:left;width:8px;}
.gap2 {float:left;width:20px;}


.img-left {float:left;margin-right:15px;margin-top:4px;margin-bottom:6px;}
.img-right {float:right;clear:right;margin-left:15px;margin-top:4px;margin-bottom:6px;}


/* LIST ELEMENTS
list elements */
ul {
margin-top:6px;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
margin-left:0;
padding-left:0;
}
        li {
        font-weight:bold;
        line-height:18px;
        list-style:none;
        margin-top:0;
        padding-top:0;
        padding-bottom:7px;
        margin-left:0;
        padding-left:20px;
        background-image:url(../images/point.gif);
        background-position:5px 5px;
        background-repeat:no-repeat;
        }




/* STANDARD PAGE ELEMENTS 
Standard page elements for laying out the main content of a website. */
#container {
width:960px;
text-align:left;
background-color:#ffffff;
margin:0 auto;
margin-left:auto;
margin-right:auto;
padding:0 0 0 0;
border:none;
}

        /* MAIN HEADER */
        #header {
        height:75px;
        background-color:#0552a9;
        margin-bottom:3px;
        }
                
                
                
        /* MAIN FLASH/BANNER */
        #flash {
        height:20px;
        background-color:#CCCCCC;
        }
                #flash-home {
                margin-left:10px;
                margin-bottom:25px;
                }
				
				/* ROTATING IMAGE */	
				#flash-home {
				position:relative;
				height:250px;
				z-index:600;
				}
					
					#flash-home #flash-over {
					position:absolute;
					left:0px;
					top:0px;
					z-index:800;
					}
					
					#flash-home table {
					position:absolute;
					left:0px;
					top:0px;
					z-index:700;
					display:none;
					}
                
                
                
        /* MAIN NAVIGATION */
        #navigation {
        height:35px;
        color:#010101;
        background-color:#fac000;
        background-image:url(../images/nav_bar.gif);
        background-position:top;
        background-repeat:repeat-x;
        border-bottom:solid #ffde01 7px;
        }
        
                #navigation a {
                float:left;
                display:inline-block;
                color:#ffffff;
                line-height:35px;
                font-weight:bold;
                padding:0 14px 0 13px;
                background-image:url(../images/nav_divider.gif);
                background-position:right;
                background-repeat:no-repeat;
                }
                #navigation a:hover {
                color:#ef0606;
                background-color:#ffde01;
                }
                
                #navigation .right {
                float:right;
                width:160px;
                text-align:right;
                padding-right:15px;
                }
                
                
        #navigation-under {
        clear:both;
        font-size:0;
        line-height:15px;
        height:15px;
        padding:0 0 0 0;
        margin:0 auto;
        background-image:url(../images/nav_under.gif);
        background-position:top;
        background-repeat:no-repeat;
        margin-bottom:8px;
        }
                
        
        
        /* MAIN CONTENT */
        #main, #main2 {
        line-height:18px;
        background-position:top;
        background-repeat:no-repeat;
        padding-bottom:20px;
        }
                
                #main .all {
                padding:0 20px 0 20px;
                }
        
                #main .left {
                float:left;
                width:190px;
                }
                        
                        #main .left .image-box {
                        width:170px;
                        padding-right:20px;
                        padding-bottom:10px;
                        background-image:url(../images/side_img_shad1.gif);
                        background-position:left bottom;
                        background-repeat:no-repeat;
                        overflow:hidden;
                        }
                        
                        #main .left .image-under1 {
                        width:150px;
                        padding-right:20px;
                        padding-left:20px;
                        background-image:url(../images/side_img_shad2.gif);
                        background-position:left top;
                        background-repeat:no-repeat;
                        }
                        
                        #main .left .image-under2 {
                        width:170px;
                        padding-right:20px;
                        background-image:url(../images/side_img_shad3.gif);
                        background-position:left top;
                        background-repeat:no-repeat;
                        padding-top:10px;
                        }
                        
                                #main .left .image-under2 .text,
                                #main .left .just-text {
                                display:block;
                                width:156px;
                                color:#787878;
                                background-color:#e7e7e7;
                                border-right:solid #dcdcdc 1px;
                                padding:0 10px 10px 13px;
                                margin-top:0px;
                                }
                                        #main .left .just-text {
                                        padding:10px 10px 10px 13px;
                                        margin-top:0px;
                                        }
                
                
                #main .middle {
                float:left;
                width:440px;
                margin-left:20px;
                }
                
                #main .left-mid {
                float:left;
                width:630px;
                margin-left:20px;
                }
                
                
                #main .right {
                float:right;
                width:280px;
                }
                        #main .right h3 {
                        color:#ffe401;
                        background-color:#0552a9;
                        padding-left:10px;
                        padding-right:20px;
                        }
        
        
        
        
                #main2 .left {
                float:left;
                width:410px;
                padding-left:20px;
                }
                
                        #main2 .left .home-intro {font-size:24px;font-weight:bold;line-height:30px;margin-bottom:15px;}
                                #main2 .left .home-intro span {color:#2188fc;}
                                
                                
                #main2 .right {
                float:right;
                width:510px;
                }
                
                        #main2 .right .home-cutchoose {
                        float:left;
                        width:248px;
                        border-top:solid #dcdcdc 1px;
                        border-left:solid #dcdcdc 1px;
                        border-right:solid #dcdcdc 1px;
                        }
                                .home-cutchoose .text {
                                float:right;
                                width:130px;
                                }
								
						#main2 .right .home-how {
						clear:left;
                        float:left;
                        width:250px;
						margin-top:25px;
                        }
                        
                                .home-how h3 {
                                color:#ffe401;
                                background-color:#0552a9;
                                padding-left:10px;
                                }
                        
                        #main2 .right .home-news {
                        float:right;
                        width:250px;
                        }
                        
                                .home-news h3 {
                                color:#ffe401;
                                background-color:#0552a9;
                                padding-left:10px;
                                }
                
                
                
                .button-holder {
                height:29px;
                font-size:11px;
                margin-top:10px;
                background-image:url(../images/through_line.gif);
                background-position:top;
                background-repeat:repeat-x;
                }
                
                        .button-holder a {
                        float:left;
                        display:inline-block;
                        height:27px;
                        line-height:27px;
                        padding:0 7px 0 7px;
                        color:#ffffff;
                        font-weight:bold;
                        background-image:url(../images/button1_bg.gif);
                        background-position:top;
                        background-repeat:repeat-x;
                        border:solid #aeaeae 1px;
                        }
                        
                        .button-holder a:hover {
                        background-position:0 -27px;
                        }
                        
                        .button-holder .spacer {
                        float:left;
                        width:3px;
                        height:29px;
                        padding:0 0 0 0;
                        margin:0 auto;
                        background-color:#ffffff;
                        }
                        
                        
                .button-holder2 {
                height:24px;
                font-size:11px;
                margin-top:10px;
                }
                
                        .button-holder2 a {
                        float:left;
                        display:inline-block;
                        height:22px;
                        line-height:22px;
                        padding:0 5px 0 5px;
                        color:#ffffff;
                        font-weight:bold;
                        background-image:url(../images/button2_bg.gif);
                        background-position:top;
                        background-repeat:repeat-x;
                        border:solid #aeaeae 1px;
                        }
                        
                        .button-holder2 a:hover {
                        background-position:0 -22px;
                        }
        
        
        
        /* MAIN FOOTER */
        #footer {
        font-size:11px;
        color:#504f4f;
        text-align:center;
        line-height:20px;
        padding:17px 20px 10px 20px;
        background-image:url(../images/footer_bg.gif);
        background-position:top;
        background-repeat:repeat-x;
        }        
                #footer span {color:#bdbdbd;}
        
                #footer .left {
                float:left;
                width:550px;
                text-align:left;
                }
                
                #footer .right {
                float:right;
                width:330px;
                text-align:right;
                }
        
                #footer a {}
                #footer a:hover {}
                
                




/* COMMON PAGE STYLES
Common page (ie. contact page) styles. */

/* PRODUCT PAGES */
.product-holder {display:block;}
        .product-holder .product-item {
        display:block;
        margin-bottom:16px;
        }




/* NEWS PAGES */
.news-holder {
display:block;
padding:10px 20px 15px 20px;
background-color:#F5F5F5;
border-bottom:solid #dcdcdc 1px;
}
        .news-holder .news-item {display:block;}
                .news-holder .news-item .image {
                float:left;
                width:60px;
                padding:5px;
                margin-bottom:5px;
                overflow:hidden;
                background-color:#ffffff;
                }
                .news-holder .news-item .text {
                float:right;
                width:155px;
                }
                
        .news-holder2 .news-item {display:block;}
                .news-holder2 .news-item .image {
                float:left;
                width:80px;
                padding:3px;
                margin-bottom:5px;
                overflow:hidden;
                background-color:#ffffff;
                border:solid #E0E0E0 1px;
                }
                .news-holder2 .news-item .text {
                float:right;
                width:338px;
                }
        
        
        

/* PHOTO GALLERY PAGES */        
.gallery-holder {display:block;}
        .gallery-holder .gallery-item {
        float:left;
        width:140px;
        text-align:center;
        }
                .gallery-holder .gallery-item .image {
                width:140px;
                height:140px;
                margin-bottom:5px;
                overflow:hidden;
                }
                
.photo-holder {
display:block;
text-align:center;
}
                
                
                
/* STAFF PAGES */        
.staff-holder {
display:block;
padding:10px 20px 15px 20px;
background-color:#F5F5F5;
border-bottom:solid #dcdcdc 1px;
}
        .staff-holder .staff-cat {display:block;}
                .staff-holder .staff-member {margin-top:5px;}
                .staff-holder .staff-member .image {
                float:left;
                width:60px;
                padding:5px;
                margin-bottom:5px;
                overflow:hidden;
                background-color:#ffffff;
                }
                .staff-holder .staff-member .text {
                float:right;
                width:155px;
                padding-top:9px;
                }
                
                
.right .just-text {
display:block;
padding:10px 20px 15px 20px;
background-color:#F5F5F5;
border-bottom:solid #dcdcdc 1px;
}                
                
                
                
                
/* TESTIMONIALS PAGES */        
.testimonial-holder {display:block;}
        .testimonial-item {display:block;margin-top:18px;}
        .testimonial-holder .th-person {font-weight:bold;}
        



/* FAQS PAGES */
.faq-holder {display:block;margin-top:18px;}
        .faq-item {display:block;margin-top:8px;margin-bottom:10px;padding:0 25px 0 25px;}




/* LINKS PAGES */
.links-holder {display:block;margin-top:18px;}



.price-holder {}
         .price-holder .price-cell {
        background-color:#f1f1f1;
        border-top:solid #ffffff 3px;
        }
                
                
                
                
                
/* NEXT PREVIOUS PAGES */                
.nextprev {float:right;}
        .nextprev .num {
        color:#333333;
        background-color:#E0E0E0;
        padding:0 4px 0 4px;
        margin-left:3px;
        }
        .nextprev .cur {
        font-weight:bold;
        background-color:#B5B5B5;
        }
        .nextprev .np {
        color:#ffffff;
        background-color:#000000;
        padding:0 4px 0 4px;
        margin-left:3px;
        }
        .nextprev .se {
        color:#A0A0A0;
        background-color:#F3F3F3;
        }
        .nextprev a:hover {
        text-decoration:none;
        color:#CCCCCC;
        background-color:#000000;
        }




        
        
        
        
/* MAIN FORM */
form {
margin:0 auto; 
padding:0 0 0 0;
}
                        
        form .req {
        font-family:"Courier New", Courier, monospace;
        color:#0066CC;
        font-weight:bold;
        font-size:13px;
        }

        form .label {
        clear:both;
        display:block;
        height:15px;
        font-size:11px;
        font-weight:bold;
        color:#353535;
        line-height:15px;
        text-align:left;
        margin-right:10px;
        }
        
        form .input {
        clear:both;
        display:block;
        height:25px;
        }
                form .input input {
                font-size:12px;
                width:94%;
                }
                
        form .input2 {
        clear:both;
        display:block;
        height:25px;
        }        
                form .input2 input {
                font-size:12px;
                width:97%;
                }
                
        form .select {
        clear:both;
        display:block;
        height:25px;
        }
                form .select select {
                font-size:12px;
                width:97%;
                }
        
        form .textarea {
        clear:both;
        display:block;
        font-size:11px;
        height:73px;
        }
                form .textarea textarea {
                font-size:12px;
                width:97%;
                height:60px;
                }
                form .textarea img {
                padding-top:3px;
                }
                
        form .checkbox {
        font-size:13px;
        }        
                form .checkbox input {
                margin-right:3px;
                }
                
                form .checkbox-under {
                font-size:11px;
                font-weight:normal;
                }
                
        form .radio2 {
        padding-left:20px;
        }
        
                form .box td {}
        form .box {
        padding:3px;
        border:solid #dcdcdc 1px;
        margin-bottom:5px;
        }
                
        
        
        
        form .button {
        text-align:center;
        margin-top:6px;
        padding-bottom:5px;
        }
        
        form .error {
        color:#A42900;
        }


.form-under {font-size:11px;color:#666666;}