/* CSS Document*/
a:link {
	text-decoration:underline;
	color:blue;
}
a:active {
	text-decoration: underline;
	color:blue;
}
a:hover {
	text-decoration: underline;
	color:#7F99B2;
}
a:visited {  
	text-decoration: underline; 
	color:#666666;
} 
p#footer a	{
	color:#fff;
}
.bannerLogo{
	text-align:right;
	background-color:#fff;
	background-image:url(../images/banner/CreativeSolutionsLogo.gif);
    background-position: left 50%;
	background-repeat:no-repeat;
	height:60px;
}
.baseFooter	{
	border-top:1px solid #fff; 
	color:#fff; 
	font-size:small; 
	text-align:center;
}
blockquote {
	background-image:url(../images/quote.gif);
	background-repeat: no-repeat;
	text-align:left;	
	font-style:italic;
    padding-left:30px;
}
blockquote p {
	margin:0px 0px 10px 0px;
	background-image:url(../images/quote.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	text-align:left;
	padding-right:30px;
}
blockquote strong {
	color: #7F99B2;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/backwash.gif);
	background-repeat:repeat-x;
	background-color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:center;
}
.caption
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: white;
}
.chromestyle{
	border-bottom:1px solid #fff;
}
.contact
{
    vertical-align:middle;
}
.content{
	background-color:#fff;
	padding: 0px 0px 20px 0px;
	background-image:url(../images/loop.gif);
	background-repeat:no-repeat;
	background-position:right top;
}
p#ContentFloatBorder {
            float:right;
            padding:5px 5px 5px 0px;
            text-align:right;
            font-size:smaller;
}

.copyright	{
	font-size:x-small;
}
.date {
	float:right; 
	font-size:small; 
	color:#fff
}
div.gadget {
	background-color:#fff;
	border: 3px solid #7F99B2;
}

.h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:x-large;
	line-height: 30px;
	color:#fff;
	text-indent: 15px;	
}
.h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	text-indent:5px;
	color:#FFF;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	text-indent:5px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	color:#7F99B2;
	text-indent:15px;
	line-height:30px;
	background-color:#fff;
	margin-top:0px;
	margin-bottom:0px;
/*	background-image:url(../images/gadgetCurveTR.gif); 
	background-position:top right; 
	background-repeat:no-repeat;*/
	border-bottom: 3px solid #7F99B2;
}
.image {
	border:1px solid #003366;
	vertical-align:middle;
}
.imagePortrait {
	border:1px solid #003366;
	vertical-align:middle;
	padding-left:42px;
	padding-right:43px;
	background-color:#003366;
}
.imageHover {
	border:2px solid #003366;
	vertical-align:middle;
}
li 
{
	list-style-image:url(../images/bullet.gif);
	list-style-position:inside;
	text-indent: 5px;
}

.popupBannerLogo{
	text-align:right;
	background-color:#fff;
	background-image:url(../images/banner/CreativeSolutionsLogo.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:60px;
	width:100%;
}
p#w3c	{
	background-color: #003366;
	text-align:right;
	margin:0px;
}
span.strap {
	font-size:x-large;
	color:#0066CC;
    background-image:url(../images/strapline.gif);
    background-repeat:no-repeat;
    width:385px;
}
.textBlock {
	text-align:left;
	margin-left:10px;
	margin-right:10px;
	padding:8px 8px 8px 8px;
	border-left: 3px solid #7F99B2;
}
.titleBlock {
	text-align:left;
	margin-left:10px;
	margin-right:10px;
	padding: 22px 0px 8px 3px;
}
/*-- DIV STYLING  ---*/

.bannerCurveA {
	background-color:#fff; 
	background-image:url(../images/bannerCurveBL.gif); 
	background-position:left bottom; 
	background-repeat:no-repeat;
}
.bannerCurveB {
	background-color:#fff; 
	background-image:url(../images/bannerCurveBR.gif); 
	background-position:right bottom; 
	background-repeat:no-repeat;
}
.contentCurveA {
	background-image:url(../images/contentCurveL.gif); 
	background-position:left top; 
	background-repeat:no-repeat;
}
.contentCurveB {
	background-image:url(../images/contentCurveR.gif); 
	background-position:right top; 
	background-repeat:no-repeat;
}
.contentCurveC {
	background-color:#fff; 
	background-image:url(../images/contentCurveBL.gif); 
	background-position:left bottom; 
	background-repeat:no-repeat;
}
.contentCurveD {
	background-color:#fff; 
	background-image:url(../images/contentCurveBR.gif); 
	background-position:right bottom; 
	background-repeat:no-repeat;
}

.images img
{
    display:none;
}
.quotes .quote
{
    display:none;
    margin-left:20px;
}

.clear {clear:both} 
/* remove the list style */
#nav {
    border-bottom: 1px solid #FFFFFF;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 5px 0 0;
    top: 5px;
    width: 900px;
    font-family:Verdana;
    font-size:10pt;
    }   
     
    /* make the LI display inline */
    /* it's position relative so that position absolute */
    /* can be used in submenu */
    #nav li {
 background: url("../images/whiteBackLarge.gif") no-repeat scroll center bottom transparent;
    display: block;
    float: left;
    height: 30px;
    margin: 0 1px;
    position: relative;
    text-align: center;
    width: 120px;
    z-index: 500;    }
    #nav li:hover {
        background: url("../images/greyBackLarge.gif") no-repeat scroll center center transparent;
    }         
    /* this is the parent menu */
    #nav li a {
        display:block; 
        padding:8px 5px 0 5px; 
        height:23px; 
        text-decoration:none; 
        color:Black;
    }
 
    #nav li a:hover {
    }
     
    /* you can make a different style for default selected value */
    #nav a.selected {
    }
     
        /* submenu, it's hidden by default */
        #nav ul {
        left: 0;
        list-style: none outside none;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 26px;
            display:none; 
            }
         
        #nav ul li {
background-color: #FFFFFF;
    background-image: none;
    border-color: #E7E7E7 #D2D2D2 #D2D2D2 #E7E7E7;
    border-style: solid;
    border-width: 1px;
    color: black;
    float: left;
    height: 18px;
    margin: 0;
    padding: 0 0 7px;
    text-align: left;
    width: 250px;        }
         
    #nav ul li:hover {
        background-color: #e7e7e7;
        background-image:none;
    }         

        /* display block will make the link fill the whole area of LI */
        #nav ul a {
            display:block;  
            height:15px;
            padding: 8px 5px; 
        }
         
        #nav ul a:hover {
            text-decoration:underline;  
        }
 
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
    margin:0 0 0 -2px;
}