/* http://colorblender.com/?preloadblend=E8ECED568FB3FFD97A76A0B0000000FFFFFF
    Light Blue - E8ECED
    Light Cyan - E0FFFF
    Dark Blue - 568FB3
    Golden Yellow - FFD97A
    Chocolate - 76A0B0
    Dark Pink - 7F525D
    
    Dark Mauve - 35262D;
    Great Color Resource - http://www.computerhope.com/htmcolor.htm
 
 
 NEW COLOR SCHEME
 DARK MAUVE     35262D
 LIGHT          FFFBFF
 MED            E8ECED
 MED DARK       A4B7BB
 DARK           76A0B0
 
 
 */
     body 
    {
        font-family:"Trebuchet MS";
        font-size:12px;
        margin:0px;
        padding:0px;
        color:#666666;
        background-image:url('../images/bg.png');
        top:300px;
        background-repeat:repeat;
        text-align:center;
    }
    
    a:link, a:visited
    {
        color:#666;
        font-weight:bold;
        text-decoration:underline;
    }
    
    a:hover{
        color:#35262D;
        text-decoration:inherit;
    }
 
     /* Menu Styles */
    .StaticMenuItemStyle{width:125px;padding:4px;height:30px; text-align:center;background:#76A0B0;font-size:14px;text-transform:uppercase;}
    .StaticMenuItemStyle a:link,.StaticMenuItemStyle a:visited{color:#E8ECED;text-transform:uppercase; font-family:Verdana; font-weight:900;background-color:Transparent; text-decoration:none;}
    
    .StaticHoverStyle td:hover{background: #76A0B0;}
    .StaticHoverStyle a:hover{color:#FFF;}
    
    .DynamicMenuItemStyle{background-color:Transparent; width:200px; border:solid 1px #35262D;border-top:none;text-align:left;padding: 2px 2px 2px 5px;}
    .DynamicMenuItemStyle a:link,.DynamicMenuItemStyle a:visited{color:#76A0B0; text-transform:capitalize; text-decoration:none; font-weight:bold;}
            
    .DynamicSelectedStyle{background-color:#A4B7BB;}
    .DynamicSelectedStyle a:link, .DynamicSelectedStyle a:visited{color:#FFFBFF;}
    
    .DynamicHoverStyle{background-color: #E8ECED;color:#35262D;}
    .DynamicHoverStyle a:hover{color:#35262D;}
    /*End of Menu Styles */
    
    
    .ServiceGrid tr:hover{ 
        cursor:pointer;
    }
    .ServiceGrid .nameCell{
        width:190px;
        vertical-align:top;
    }
    .ServiceGrid .ServiceName{
        cursor:pointer;
    }

    .ContentArea{
        width:540px;
    }

    .RightSideBar{float:right; width:185px;}
    .RightSideBarBlock{float:right;border:dashed 1px #666;padding:10px 10px 10px 10px; width:165px; margin:-10px -10px 20px 10px ;
        background: #E8ECED; text-align:center; position:static;clear:right;}    
    .WaterMarkCSSClass{color:#666; font: italic 11px 'Trebuchet MS'; text-align:center;}

    h1,h2,h3,h4{
        color:#35262D;
        font-family:Arial;
    }
    
    .CurrentSiteMapPath{
        font-size:x-large;
        color:#35262D;
        font-family:Arial;
    }
    
    .ServiceNameText{
        color:#568FB3;
        font-weight:bold;
        text-transform:capitalize;
    }
    
    h1{
    font-size:24px;
    margin:10px 0 5px 0;
    }
    
    h2{
    font-size:20px;
    margin:10px 0 5px 0;
    color:#35262D;
    text-transform:capitalize;
    }
    
    h3{
    font-size:16px;
    margin:10px 0 5px 0;
    }

    /* Web-Design-Solutions */
        .SolutionTable{background-color:transparent;}
        .SolutionTable td{margin:10px; background: url('../images/Website_Price_Gradient.jpg') repeat-x bottom;}
        .SolutionCell{vertical-align:top; width:33%; padding:10px; background-color:White; margin:10px; border: solid 1px #999;}
        .SolutionTitle{margin-bottom:0px;} 
        .ContractCost{text-align:center; text-transform:capitalize;background-color:#76A0B0;color:#FFFFFF; font-weight:bold;font-size:small;margin:5px 0 5px 0;}
        .SolutionTable ul{margin-left:25px; margin-top:0px;}
        .BulletedList li {
              list-style: none;
              background-image: url(../images/FamFam Silk/bullet_yellow.png);
              background-position: left top;
              background-repeat: no-repeat;
              margin-left:-20px;
              padding-left: 15px;  /* space for the image */
            }
    /*End Web-Design-Solutions */



    /* Google apps for Domain */
        #googleAppList{list-style-type:none; text-indent: -1.5em;}
        #googleAppList li{padding-bottom:10px;}
        .AppHeader{color:#666666;font-weight:bold;font-size:14px;}
    /* End Google Apps for Domain */

Div.ContactFloat 
{
	width:50px;
	height:250px;
	top:-50px;
	position:relative;
	background-color:Blue;
}

Div.ContentHolder 
{
    top:100px;
    text-align:left;
    margin:0 auto;
    width:740px;
}

Div.PageCenter 
{
    position:relative;
    width:750px;
    background-color:#FFFFFF;
    padding:20px;
    top:20px;
    border-width:1px;
    border-color:#76A0B0;
    border-style:solid;
    margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
}

/* Header for Each Page */
	Div.PageHeader 
	{
		padding:0px;
		padding-left:0px;
		height:120px;
		margin-bottom:20px;
		text-align:left;
        background:#E8ECED url('../Images/pageheaderBG.png') no-repeat top center;	
    }
	
	.PageHeaderSubDiv
    {
        background-color:transparent;
        padding:10px 0 0 40px;
    }
    
    .PageHeaderSubDiv h1
	{
	    margin: 0 0 5 0;
        text-align:left;
        font-family: "Trebuchet MS";
        font-weight:bolder;
        font-size:35px;
		padding-bottom:0;
    }


	Div.PageHeader UL 
	{
		padding-left:20px;
		padding-top:10px;
	}
	UL.titleList{
	    list-style:decimal; 
	    margin:0 0 0 10px;
	    padding:0;
	}
	
/* End of Header for Each Page */
 



.boldedText
{
    color:#76A0B0;
    font-size:16px;
    display:run-in;
    font-weight:bold;
}


/* Divs on bottom of home page */

Div.FrontBottomDivs 
{
    text-align:center;
}

Div.FrontBottomSub
{
    width:330px;
    position:relative;
    float:left;
    text-align:center;
    padding:10px;
    margin:10px;
    border-width:5px;
    border-color:#E8ECED;
    border-style:solid;
    height:200px;
    background-repeat:repeat-x;
    background-attachment:scroll;
    background-image:url('../images/BottomFront.jpg');
}

Div.FrontBottomDivsImages 
{
    position:absolute;
    top:10px;
    left:40px;
}

Div.FrontBottomSubHeader
{
    font-size:30px;
    position:relative;
    left:30px;
    top:10px;
    text-align:center;
    width:300px;
    font-weight:bolder;
}

/* END OF Divs on bottom of home page */


UL.MainPageUL
{
	font-size:15px;
	text-align:left;
	list-style-type:circle;
	list-style-position:inside;
	left:25px;
}


Div.CenterSubDiv
{
    margin-bottom:20px;
    padding:5px 10px 10px 10px;
    margin-bottom:10px;
    text-align:left;
    min-height: 400px; /* for not-IE */
    
    /*border-style:dashed;
    border-color:Gray;
    border-width:1px;*/
}

Div.CenterSubDiv h2
{ 
    padding-top:0px;
}

Div.SolutionsAreaRightDiv 
{
    text-align:right;
    float:right;
    font-family: "Trebuchet MS";
    font-weight:bolder;
    font-size:35px;
    width:325px;
    margin:30px 20px 0;
    color:#35262D;
}

Div.RealityDiv
{
    position:absolute;
    top:110px;
    left:58px;
    font-size: 15px;
    font-weight:bolder;
    color:#568FB3;
}



Div.Login 
{
    text-align:center;
}

Span.BlogTitle 
{
    font-size:20px;
    font-weight:bold;
}

/* Web App Page */
   #left { 
    vertical-align:top;
    text-align:center;
    width:310px;
    margin:10px;
    float: left; }
   #right { width: 310px; float: right; }
   .clear { clear:  both; }
/* End Web App Page */



/* Services Page */
	Div.ServicesPageContainerLeft
	{
    top:100px; 
    margin:0 auto;
    width:340px;
    float:left;
	}
	
	Div.ServicesPageContainerRight
	{
    top:100px; 
    margin:0 auto;
    width:340px;
    float:left;
	}

	Table#services td{
		border-style:dashed;
		border-color:Gray;
		border-width:1px;
		padding:10px;
		margin:20px 0px 0px 0px;
	    height:125px;
		text-align:center;
		width:50%; 
		vertical-align:top;
			}
	
	Div.ServiceHeader
	{
		font-size:18px;
		font-weight:bold;
		padding:0px;
		color:#568FB3;
		text-align:center;
		color:#568FB3;
		background-color:#E8ECED;
		z-index:0;
	}
	
	.D_Header 
	{
		background-color:transparent;
		text-align:center;
		font-weight:bolder;
		font-size:23px;
		color:#FFD97A;
		background-color:#76A0B0;
		padding-top:6px;
		padding-bottom:6px;
	}

/* End of Services Page */


/* Contact Form */
	Table.ContactFormTable 
	{
		text-align:left;
		font-size:12px;
		width:400px;

	}

	Table.ContactFormTable td 
	{
		vertical-align:top;
	}
	
	Div.ContactInfo 
	{
		position:absolute;
		width:250px;
		height:250px;
		background-color:transparent; /*#E8ECED;*/
		left:450px;
		float:right;
		font-weight:normal;
		font-size:15px;
		text-align:right;
	}
	
	.FrontBottomSubHead
	{
	    margin:0px;
	    padding:0px;
	    font-size:30px;
	    font-weight:bolder;
	}
	
/* END OF Contact Form */

CenterSubDiv input
{
	background-color:#FFD97A; 
    border-style:solid;
    border-color:Gray;
    border-width:1px;
    font-weight:bold; 
	font-size:12px;
	width:300px;
}

.PortfolioList{
    display:inline; list-style-type:none; text-decoration:none;
}

.PortfolioList li{
    display:inline;
}

.PortfolioList img{
    border:none;
}

.PortfolioList img{
    border:solid 3px #76A0B0;
    filter:alpha(opacity=70);
    -moz-opacity:.7;
    opacity:.7;
}

.PortfolioList img:hover{
    border:solid 3px #76A0B0;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}

.PortfolioDesc{
    /*width:400px;*/
    margin-bottom:10px;
}

.blogWidget{
    list-style-type: none;
    padding: 0;
    margin-left: 0em;
    font-family:Arial;
    margin-top:0px;
}

.blogWidget li, .blogWidget p{
    margin-bottom:10px;
    margin-left:15px;
    margin-top:0;
    }

.blogWidget a:link, .blogWidget a:visited{
    font-weight:100;
    text-decoration:underline;
    color:#35262D;
}
.blogWidget a:hover{
    background-color:#FFFBFF;
    
}

.mainBottomDivs{
    float:left;
    width:300px;
    padding:15px;
    background-color:#E8ECED;
    height: 200px;
}

.mainBottomDivs H3{
    margin-bottom:5px;
}

#homeGrid td{
    width:340px;
    }
    
#CoreValueList li{
    margin:0 0 10px 0;
}
#CoreValueList h3{
    margin:0 0 0 0;
}

#ContactUsImage{
    background:url('../Images/woman_on_phone.png') no-repeat top center;
    width:253px;
    height:380px;
    position:absolute;
    right:170px;
    bottom:50px;
}

#testimonyText{
    font-size:16px;
    text-align:right;

}
#testimonyAuthor{
    text-align:right;
}

.Footer {width:100%; background-color:#E8ECED; color:White; text-align:center; vertical-align:middle;}
.Footer a:link, .Footer a:visited{color:#76A0B0; text-decoration:none;}
.Footer a:hover{color:#35262D; text-decoration:none;}
.Footer img{vertical-align:middle;}

.svcContainer{
    margin:0 0 15px 0;
    width:600px;
}
.svcContainer a:link, .svcContainer a:visited{
    text-decoration:none;
}
.svcContainer:hover{
    background-color:#E8ECED;
    cursor:pointer;
}


.svcName{
float:left;
width:200px;
height:70px;
vertical-align:baseline;
padding:10px;
font-size:2em;
cursor:pointer;
}

.svcDesc{
padding:10px;
cursor:pointer;
float:left;
width:300px;
}

.clear{float:none;}

.blogLink{
    width:200px;
    background:#35262D;
    text-align:center;
    height:30px;
    cursor:pointer;
    color:#E8ECED;
    letter-spacing:3px;
    text-decoration:none;
	display:block;
	height:26px;
	line-height:26px;
	text-align:center;
}

.blogLink span{
    vertical-align:middle;
    height:30px;
}

.blogLink:hover{
    color:#E8ECED;
    text-decoration:underline;
}

.blogDate{
    border-bottom: dotted 2px #E8ECED;
    margin-bottom:10px;
    width:400px;
}
.gravatarImage{
    float:left;
    width:90px; 
    clear:both;
}
#BlogCommentContainer{
    width:100%;
    padding:0 0 20px 0;
}

.blogComment{
    width:500px;
    padding-left:40px;
    margin-bottom:10px;
}
.commentInfo{
    float:left;
    width:400px;
}
.commentSpacer{
    height:10px;
    clear:both;
}

#replyBox{
    clear:both;
    margin-left:20px;
}

.tr1 #OuterBox{font-family:Verdana;font-size:small;width:100%;
    background:url('Images/twitter.png') no-repeat scroll top right;margin:0;padding-left:30px;}
.tr1 #InnerBox{width:100%;margin-left:60px;background:Transparent url('Images/twitter.png') no-repeat scroll top right;}
.tr1 #Entry{font-size:10px;margin-bottom:5px;padding:5px;}
.tr1 #Entry a:link{color:Red;}
.tr1 #Entry a:visited{color:Red;}
.tr1 #Text{font-size:11px;}
.tr1 #DateTime{margin-left:20px;}
.tr1 #Source{}