/*
Theme Name: Solid Cactus - Call Center
Theme URI: http://www.solidcactus.com
Description: Solid Cactus Call Center theme - <a href="http://mockup.solidcactus.com/solidcactus/callcenter/main2/5/">Mockup</a>
Version: 2.0
Author: Solid Cactus
Author URI: http://www.solidcactus.com
Tags: Solid Cactus - Call Center theme
*/
body, h1, h2, h3, h4, h5, form, input, ul, li { margin: 0; padding: 0; }
a img { border-width: 0; }
body { 
    color: #313131; 
    font: normal 12px arial, helvetica, sans-serif;
    }
.wrapper { background: #F0F0F0 url(images/bg.gif) top left repeat-x; float: left; width: 100%; }
.ccont { 
	margin: 0 auto; 
	width: 960px; 
	}
#header { float: left; height: 97px; width: 100%; }
    #header .logo { 
        display: inline;
        float: left;
        height: 98px;
        margin: 0;
        width: 255px;
        }
    #header .hdright { 
        float: left;
        margin: 0 10px 0 25px;
        width: 650px; 
        }
        #header .hdright .hdlinks { 
            background: url(images/hdrleft.gif) top left no-repeat;
            float: left;
			height: 31px;
            margin: 0 0 0 50px;
            padding: 0 0 0 5px;
            }
            #header .hdright .hdlinks a { 
                border-right: solid 1px #C2C2C2;
                color: #484848;
                display: block;
                float: left;
                font: normal 11px arial, helvetica, sans-serif;
                margin: 10px 0; 
                padding: 2px 10px;
                text-align: center;
                text-decoration: none;
                }
                #header .hdright .hdlinks a.last { border-width: 0; }
                #header .hdright .hdlinks a:hover { text-decoration: underline; }
            #header .hdright .hdlinks div { background: url(images/hdright.gif) top right no-repeat; float: left; height: 31px; width: 5px; }
    #header .hdright .phne { background: url(images/phonebg.gif) top right no-repeat; float: right; width: 140px; }
        #header .hdright .phne div { 
            color: #2E2E2E;
            font: bold 15px arial, helvetica, sans-serif;
            padding: 8px 0 7px 33px;
            }
    #header .hdright .hdrnav { 
        clear: both;
        float: left;
        margin: 20px 0 0 0;
        width: 100%; 
        }
        #header .hdright .hdrnav a {             
            background: url(images/hvrleft.gif) left 300px no-repeat;
            color: #FFF;
            display: block; 
            float: left;
            font: bold 14px arial, helvetica, sans-serif;
            margin: 5px 0 0 20px;
            padding: 6px 7px;
            position: relative;
            text-decoration: none;
            }
            #header .hdright .hdrnav a div {             
                background: url(images/hvright.gif) left 300px no-repeat; 
                height: 27px;
                position: absolute;
                right: 0;
                top: 0;
                width: 5px;
                }
        #header .hdright .hdrnav a:hover, #header .hdright .hdrnav a:hover div {
            background-position: top left; 
            }
    #cbody { float: left; width: 958px; }
    .home { background: url(images/mainbg.jpg) top center no-repeat; }
        .home .pgtitle { 
            color: #FFF; display: inline;
            float: left;
            font: bold 30px arial, helvetica, sans-serif;
            margin: 31px 0 30px 60px;
            width: 450px;
            }
        #cbody .bdcont { 
            background: url(images/shell.gif) top center no-repeat;
            border-bottom: solid 1px #CCC; 
            clear: both;
            margin: 0 auto;
            padding: 0 0 10px;
            width: 948px;
            }
			#cbody .bdcont .breadc { color: #4C4C4C; font-size: 11px; }
				#cbody .bdcont .breadc a { color: #4C4C4C; text-decoration: none; }
					#cbody .bdcont .breadc a:hover { text-decoration: underline; }
            #cbody .bdcont .mainbd { margin: 0 20px; }
                #cbody .bdcont .mainbd .indmsg { 
                    background: urL(images/indmsgbg.jpg) bottom right no-repeat;
					float: left;
					margin: 5px 0 0;
                    padding: 5px;
					width: 100%;
                    }
                    #cbody .bdcont .mainbd .indmsg h1 { 
                        color: #9E0B0F;
                        font: bold 30px "trebuchet ms", arial, sans-serif; 
                        margin: 10px 0 5px;
                        }
                    #cbody .bdcont .mainbd .indmsg h2 { 
                        color: #636363; 
                        font: bold 17px "trebuchet ms", arial, sans-serif;
                        margin: 5px 0;
                        }
                    #cbody .bdcont .mainbd .indmsg p { 
                        color: #636363; 
                        width: 450px;
                        }
            #cbody .bdcont .indbot { 
                background: #F0F0F0 url(images/curtain.gif) top left repeat-x; 
                clear: both; 
                float: left; 
                margin: 12px 0 0 -20px; 
                width: 947px; 
                }
				#cbody .bdcont .indbot .flcont { 
					float: left;
					margin: 0 0 0 10px;
					width: 47%;
					}
				#cbody .bdcont .indbot .frcont { 	
					background: url(images/solutionsbg.gif) top center no-repeat;
					float: right;
					height: 277px;
					margin: 0 10px 0 0;
					position: relative;
					width: 441px;;
					}
					#cbody .bdcont .indbot .frcont .bred { 	
						color: #7D0010;
						float: left;
						font: bold 16px arial, helvetica, sans-serif;
						margin: 10px 0 0 20px;
						}
					#cbody .bdcont .indbot .frcont p { 	
						float: left;
						margin: 5px 0 0 20px; 
						padding: 0;
						width: 240px;
						}
					#cbody .bdcont .indbot .frcont .frcta { 
						float: left;
						margin: 7px 0 5px 15px;
						width: 100%;
						}
    .inr { background: url(images/inbg3.gif) center 3px no-repeat; margin: 0; }
        .inr .pgtitle { 
			color: #FFF; 
			font: bold 25px arial, helvetica, sans-serif;
			height: 47px;
			xmargin: 23px 0 0 35px; 
			margin: 0 0 0 35px; 
			padding: 30px 0 0 0;
			width: 400px; 
			}
			.inr .pgtitle * { vertical-align: middle; }
			/*
			.inr .pgtitle div { float: right; height: 54px; margin: 0; padding: 0; }
			*/
        .inr .bdcont {
            background: url(images/innershell2.gif) top center no-repeat!important;
            float: left; 
            margin: 0 0 0 5px!important;
            width: 948px;
            }
        .inr .mainbd { float: left; width: 948px; }
			.inr .singpst { float: left; margin: 12px 0 0; width: 905px; }
				.inr .singpst .post { margin: 5px 0 0; }
				.inr .singpst .post img { margin: 5px; }
            .inr .bodmsg { border-right: solid 1px #F1F1F1; float: left; margin-top: 10px; width: 520px; }
                .inr .bodmsg h1 {
                    color: #9E0B0F; 
                    font: bold 28px "trebuchet ms", arial, sans-serif;
                    margin: 5px 0 0 10px; 
                    }
					.inr .bodmsg h1 div { }
                .inr .bodmsg h2 {
                    color: #636363; 
                    font: normal 18px "trebuchet ms", arial, sans-serif;
                    padding: 10px 0 5px 10px;
                    width: 475px;
                    }
                .inr .bodmsg ul { margin: 0 0 0 30px; }
                .inr .bodmsg p { margin: 10px; }
				.inr .bodmsg img { margin: 5px; }
            .inr .bodnav { float: right; margin: 10px 17px 0 0; width: 400px; }
                .inr .bodnav .rnav {
                    background: url(images/rnavbg.gif) bottom left no-repeat; 
                    float: left;
                    margin: 5px 0;
					position: relative;
                    width: 387px;
                    }
					.inr .bodnav .rnav .rtop { 
						background: url(images/rnavtop.gif) top left no-repeat;
						height: 4px;
						left: 0;
						position: absolute;
						top: 0;
						width: 387px;
						}
                    .inr .bodnav .rnav .navhd {
                        color: #464646; 
                        float: left;
                        font: bold 19px "trebuchet ms", arial, sans-serif; 
                        margin: 15px 0 0 25px;
                        width: 250px;
                        }
						.inr .bodnav .rnav .navhd a {
							color: #464646;
							text-decoration: none; 
							}
							.inr .bodnav .rnav .navhd a:hover { text-decoration: underline; }
                    .inr .bodnav .rnav ul {
                        float: left; 
                        margin: 5px 0 5px 35px; 
                        padding: 0; 
                        width: 350px;
                        }
                        .inr .bodnav .rnav ul li { margin: 0; padding: 0; }
                            .inr .bodnav .rnav ul li a {
                                color: #464646; 
                                display: block; 
                                padding: 3px 0;
                                text-decoration: none; 
                                }
                                .inr .bodnav .rnav ul li a:hover { text-decoration: underline; }
                .inr .bodnav .info {
                    background: url(images/navidbg.gif) top center no-repeat; 
                    clear: both; 
                    float: left;
                    padding: 10px 0 0;
                    width: 387px;
                    }
                    .inr .bodnav .info .navsub {
                        color: #464646;
                        float: left;
                        font: bold 19px "trebuchet ms", arial, sans-serif;
                        margin: 15px 0 0 25px;
                        }
                    .inr .bodnav .info table { margin: 5px 10px 0 20px; }
                        .inr .bodnav .info td { color: #424242; vertical-align: top; }
                        .inr .bodnav .info .mtd { padding: 15px 10px 10px 0; width: 110px; }
                        .inr .bodnav .info .vidz { padding: 10px 0; text-align: center; width: 230px; }
                    .inr .bodnav .info .navidclear {
                        background: url(images/navidbot.gif) bottom center no-repeat;
                        float: left;
                        height: 5px;
                        padding-top: 10px;
                        width: 387px;
                        }
    #cfooter { clear: both; float: left; width: 100%; }
        #cfooter .ftlinks { 
            border: solid 1px #C8C8C8;
            float: left;
            margin: 0 0 0 5px;
            width: 944px;
            }
            #cfooter .ftlinks .ftlbuff {
                background: #E9E9E9 url(images/ftrbg.gif) bottom left repeat-x; 
                border: solid 1px #FFF;
                float: left;
                width: 942px;
                }
                #cfooter .ftlinks .ftlbuff ul {
                    border-right: solid 1px #C0C0C0;
                    float: left;
                    margin: 15px 0 15px 8px;
                    padding: 0;
                    width: 24%;
                    }
                #cfooter .ftlinks .ftlbuff ul.last { border-width: 0; }
                    #cfooter .ftlinks .ftlbuff ul li { 
                        list-style: none; 
                        margin: 5px 0 5px 10px; 
                        padding: 0; 
                        }
                        #cfooter .ftlinks .ftlbuff ul li a { color: #313131; text-decoration: none; }
                            #cfooter .ftlinks .ftlbuff ul li a:hover { text-decoration: underline; }
        #cfooter .copyr { 
            clear: both;
            color: #767676; 
            float: left; 
            font: normal 11px arial, helvetica, sans-serif;
            margin: 7px 0 10px;
            width: 100%; 
            }
            #cfooter .copyr .policy { float: left; margin: 0 0 0 5px; width: 45%; }
                #cfooter .copyr .policy a { color: #767676; text-decoration: none; }
                    #cfooter .copyr .policy a:hover { text-decoration: underline; }
            #cfooter .copyr .copyright { float: right; margin: 0 10px 0 0; text-align: right; width: 45%; }    
        #cfooter .webfooter { 
            clear: both;
            float: left;
            margin: 10px 0 0;
			padding-bottom: 40px;
            width: 100%;
            }
            #cfooter .webfooter .web { float: left; margin: 5px 10px 5px 20px; width: 150px; }
            #cfooter .webfooter .webrig { float: left; margin: 10px 0 0; width: 750px; }
                #cfooter .webfooter .webrig strong { padding: 0 5px 0 0; }
                #cfooter .webfooter .webrig ul { float: left; margin: 5px 0 0; padding: 0; }
                #cfooter .webfooter .webrig li { 
                    color: #3E3E3E;
                    float: left;
                    font: normal 11px arial, helvetica, sans-serif;
                    list-style: none; 
                    margin: 0;
                    padding: 0;
                    }
                    #cfooter .webfooter .webrig li a { 
                        border-right: solid 1px #3E3E3E;
                        color: #3E3E3E;
                        display: block;
                        padding: 0 12px; 
                        }
                        #cfooter .webfooter .webrig li.last a { border-width: 0; }
                        #cfooter .webfooter .webrig li a:hover { text-decoration: none; }
#econtact {display:none; background:#8A0F11 url(images/contact_bg_red.jpg) repeat-x 0 0; border-bottom:2px solid #ddd; }
#econtact .econtwrap { height:125px; margin: 0 auto; position:relative; width: 960px; }
#econtact #econtactinfo {float:left; width:550px;}
#econtact #econtactinfo p {padding:5px 10px 10px 25px; color:#fff; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#econtact #econtactinfo p strong.contacttitle {font-size:13px; display:block; padding:0 0 7px 0;}
#econtact #econtactinfo p strong.contactphone {display:block; padding:4px; text-align:center; font-size:15px;}
#econtact form {float:left; width:320px; padding-top:4px;}
#econtact form td.econtilabel{width:80px; padding:2px 4px 0 0; color:#fff; text-align:right; font-size:11px;}
#econtact form td span {color:#fff; font-size:11px;}
#econtact form input.econti {border:0; width:218px; height:19px; padding:2px 0 0 5px;font-size:11px;}
#econtact form input.phone {width:128px; height:19px; padding:2px 0 0 5px;}
#econtact form input.ext {width:58px;}
#econtact form input.contactbtn {position:absolute; height:19px; width:67px; right:12px; bottom:32px; }
#contactclose {position:absolute; display:block; height:20px; width:55px; right:12px; bottom:3px; background:url(images/closebtn.png) no-repeat 0 0;}
.cta { clear: both; float: left; width: 100%; }
.cta a { 
	background: url(images/navcta.gif) top left no-repeat;
	display: block; 
	float: left;
	height: 87px;
	text-decoration: none;
	width: 509px;
	}
	.cta a:hover { background-position: bottom left; }
	.cta .gstxt { 
		color: #FFF; 
		float: left; 
		font: normal 13px "trebuchet ms", arial, sans-serif; 
		font-style: italic; 
		margin: 33px 0 0 10px;
		width: 420px; 
		}
	.cta .gst { 
		background: url(images/ctarrow.gif) bottom right no-repeat;
		color: #FFF;
		float: right; 
		font: bold 14px "trebuchet ms", arial, sans-serif;
		margin: 15px 10px 0 0;
		width: 65px; 
		}
.vids .vis { float: left; margin: 5px 0 5px 16px; }
/*-------*/
.wrapper { background: #F0F0F0 url(images/bg2.gif) top left repeat-x; }
#header { height: 130px;}
.srchbar { clear: both; float: left; margin: 4px 0 0; width: 100%; }
.srchbar .csearch { background: url(images/searchbg.gif) top left no-repeat; float: left; padding: 2px 0; width: 260px; }
    .srchbar .csearch form { margin: 0; padding: 0; }
    .srchbar .csearch input { margin: 0; padding: 0; }
    .srchbar .csearch .query { background-color: transparent; border-width: 0; margin: 2px 5px; width: 222px; }
.srchbar .chat { color: #D1C0C2; float: left; margin: 2px 0 0 15px; width: 455px; }
    .srchbar .chat a { padding: 0 3px 0 0; }
.srchbar .smedi { background: url(images/smobg.gif) top left no-repeat; color: #D1C0C2; float: right; height: 22px; margin: 3px 0 0; padding: 0 0 0 7px; width: 108px; }
    .srchbar .smedi .nt { float: left; padding: 2px 0 0; width: 104px; }
    .srchbar .smedi a img { padding: 0 2px; }
    .srchbar .smedi .ned { background: url(images/smoend.gif) top right no-repeat; float: right; height: 22px; width: 4px; }
.srchbar .csearch *, .srchbar .chat *, .srchbar .smedi * { vertical-align: middle; }
.home { background: url(images/wavebg.jpg) top center no-repeat; }
#cbody .bdcont { background: url(images/shell2.gif) top center no-repeat; }
.lpChatTextLink { color: #FFF; text-decoration: none; }
