/* CSS for InTouch */


/*****---------------------   DEFAULT STYLES  ------------------------------------------*****/  

body {
	background-color:#C4BCC7;
	background-image:url(../images/bg.jpg);
	background-repeat: repeat-x;
	margin: 0 auto ;
	font:62.5%/1.6em 'Lucida Grande', LucindaGrande, Lucida, Helvetica, Arial, sans-serif;
	color:#696969;
}

#wrapper {
	margin:0 auto;
	padding:0;
	width: 980px;
	background-color:#FFFFFF;
}

table {font-size: 70%;}

/*Div Positioning and properties */

#header {
height:77px ;
width:950px;
background-color:#FFFFFF;
padding: 5px;
}

#top-menu { position: absolute; top: 15px; right:160px}

#top-menu ul { list-style-type: none; margin: 55px 0 0 0;}
#top-menu ul li { display:inline; color:#999999}


#main-image { 
height:212px ;
width: 980px;
padding-bottom:20px;
}

#left-menu {
float:left;
width:160px;
background-color:#fff;
margin: 0 0 10px 0;
}

#left-menu ul {font-size:100%; list-style-type: none; margin: 0 0 30px 0; padding: 10px; }

#left-menu li {padding: 5px 0 5px 0; margin: 0; }

#page-content {
float:left;
background-color:#fff;
width: 335px;
margin: 0 10px 10px 10px;
border-left: 3px solid #D8D3DA;
padding: 0 0 0 10px
}

#lower-content {
	background-color:#FFFFFF;
	border-top-style: solid;
	border-top-color: #D8D3DA;
	border-top-width: 2px;
}

#right-menu {
float:right;
background-color:#fff;
width: 398px;
}

.right-menu-item1 {
background-image:url(../images/boxbg.jpg);
width:400px;
height:240px;
padding: 3px 10px 10px 10px;
margin:0 10px 0 10px;
background-repeat: repeat-x;
}

#footer{
background-color:#8CA0CA;
margin: 5px;
clear:both;
text-align: center;
color:#FFFFFF;
padding: 5px 0 5px 0;
}

#footer p {font-size: 100%;}

#img {
float:right;
margin:5px
}
#midimg{
float:right;
margin:10px;}

#overall-content {
width:780px;
background-color:#fff;
float:left;
margin: 0 10px 10px 10px;
border-left: 3px solid #D8D3DA;
padding: 0 0 0 10px;
position:relative;
}

#left-content {
width:480px;
background-color:#fff;
float:left;
padding: 10px;
}
#right-content {
width:270px;
background-color:#fff;
float:right;
padding: 10px 5px 5px 5px;
}

img.right-content {display:block; margin-left: auto; margin-right:auto;}

#bottom {clear: both;}

#massimg{margin:10px; position:inherit;}

.elements{margin-top:15px;
 	display: block;
    margin-left: auto;
    margin-right: auto;
	}

/*First Left Content rounded corners*/
.bl1 {background: url(../images/bl1.jpg) 0 100% no-repeat #E6E2E7; width: 480px;}
.br1 {background: url(../images/br1.jpg) 100% 100% no-repeat;}
.tl1 {background: url(../images/tl1.jpg) 0 0 no-repeat;}
.tr1 {background: url(../images/tr1.jpg) 100% 0 no-repeat; padding:10px;}

/*Second Left Content rounded corners*/
.bl2 {background: url(../images/bl2.jpg) 0 100% no-repeat #EBE8EC; margin: 15px 0 0 0; width: 480px; }
.br2 {background: url(../images/br2.jpg) 100% 100% no-repeat;}
.tl2 {background: url(../images/tl2.jpg) 0 0 no-repeat;}
.tr2 {background: url(../images/tr2.jpg) 100% 0 no-repeat; padding:10px;}

/*Third Left Content rounded corners*/
.bl3 {background: url(../images/bl3.jpg) 0 100% no-repeat #EDEBEE; margin: 15px 0 0 0; width: 480px; }
.br3 {background: url(../images/br3.jpg) 100% 100% no-repeat;}
.tl3 {background: url(../images/tl3.jpg) 0 0 no-repeat;}
.tr3 {background: url(../images/tr3.jpg) 100% 0 no-repeat; padding:10px;}

/*Forth Left Content rounded corners*/
.bl4 {background: url(../images/bl4.jpg) 0 100% no-repeat #C4BCC7; margin: 15px 0 0 0; width: 480px; }
.br4 {background: url(../images/br4.jpg) 100% 100% no-repeat;}
.tl4 {background: url(../images/tl4.jpg) 0 0 no-repeat;}
.tr4 {background: url(../images/tr4.jpg) 100% 0 no-repeat; padding:10px;}

/*Right content rounded Corners*/
.blr { background: url(../images/blr.jpg) 0 100% no-repeat #EFEFEF; width: 260px; float:right; }
.brr {background: url(../images/brr.jpg) 100% 100% no-repeat}
.tlr {background: url(../images/tlr.jpg) 0 0 no-repeat}
.trr {background: url(../images/trr.jpg) 100% 0 no-repeat;  padding:10px}

/*First index Content rounded corners*/
.ibl1 {background: url(../images/bl1.jpg) 0 100% no-repeat #E6E2E7; width: 377px;}
.ibr1 {background: url(../images/br1.jpg) 100% 100% no-repeat;}
.itl1 {background: url(../images/tl1.jpg) 0 0 no-repeat;}
.itr1 {background: url(../images/tr1.jpg) 100% 0 no-repeat; padding:10px; height: 225px;}

/*Second Index Content rounded corners*/
.ibl2 {background: url(../images/bl2.jpg) 0 100% no-repeat #EBE8EC; margin: 15px 0 0 0; width: 377px;}
.ibr2 {background: url(../images/br2.jpg) 100% 100% no-repeat;}
.itl2 {background: url(../images/tl2.jpg) 0 0 no-repeat;}
.itr2 {background: url(../images/tr2.jpg) 100% 0 no-repeat; padding:10px; height: 225px;}

/*Third Index Content rounded corners*/
.ibl3 {background: url(../images/bl3.jpg) 0 100% no-repeat #EDEBEE; margin: 58px 0 0 0; width: 377px;}
.ibr3 {background: url(../images/br3.jpg) 100% 100% no-repeat;}
.itl3 {background: url(../images/tl3.jpg) 0 0 no-repeat;}
.itr3 {background: url(../images/tr3.jpg) 100% 0 no-repeat; padding:10px; height: 225px;}

/*Forth Index Content rounded corners*/
.ibl4 {background: url(../images/bl4.jpg) 0 100% no-repeat #C4BCC7; margin: 15px 0 0 0; width: 377px;}
.ibr4 {background: url(../images/br4.jpg) 100% 100% no-repeat;}
.itl4 {background: url(../images/tl4.jpg) 0 0 no-repeat;}
.itr4 {background: url(../images/tr4.jpg) 100% 0 no-repeat; padding:10px; height: 225px;}


/*link properties*/
#top-menu a:link {color:#6D6D6D; text-decoration:none;}
#top-menu a:active {color:#6D6D6D; text-decoration:none;}
#top-menu a:hover {color:#6D6D6D; text-decoration:none; }
#top-menu a:visited {color:#6D6D6D; text-decoration:none;}

#left-menu a:link {color:#556997; text-decoration:none;}
#left-menu a:active {color:#556997; text-decoration:none;}
#left-menu a:hover {color:#556997; text-decoration:none;}
#left-menu a:visited {color:#556997; text-decoration:none;}

#page-content a:link {color:#556997; text-decoration:none;}
#page-content a:active {color:#556997; text-decoration:none;}
#page-content a:hover {color:#556997; text-decoration:underline;}
#page-content a:visited {color:#556997; text-decoration:none;}

#overall-content a:link {color:#556997; text-decoration:none;}
#overall-content a:active {color:#556997; text-decoration:none;}
#overall-content a:hover {color:#556997; text-decoration:underline;}
#overall-content a:visited {color:#556997; text-decoration:none;}

#right-menu a:link {color:#556997; text-decoration:none;}
#right-menu a:active {color:#556997; text-decoration:none;}
#right-menu a:hover {color:#556997; text-decoration:underline;}
#right-menu a:visited {color:#556997; text-decoration:none;}

#footer a:link { color:#FFFFFF; text-decoration: none; }
#footer a:active { color:#FFFFFF; text-decoration: none;}
#footer a:hover { color:#FFFFFF; text-decoration: underline;}
#footer a:visited { color:#FFFFFF; text-decoration: none;}

a {outline:none; border:none;}

/*text & content properties*/


#top-menu a {font-size: 110%;}


p, li, td {
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 130%;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.45em;
}
h1{
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 22px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: -1px;
line-height: 1.3em;
}

.info {
text-align:center;
}

/*#right-menu p {font-size:120%;}*/


.bl4 p {color:#fff;}
.bl4 h2 {color:#fff;}

.ibl4 p {color:#fff;}
.ibl4 h2 {color:#fff;}

.blr h2 {text-align:center}

h1 {
color:#696969;
font-size:220%;
font-weight:normal;
}

h2 {
color:#696969;
font-size:180%;
font-weight:normal;
}
#testamonials{
font-family: “Lucida Sans Unicode”, sans-serif;
font-size:100%;
font-style:italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height:1.8em;
}

#quote{text-align:right;}

#table {margin:0 20px 0 20px; border:none}
#table td{width:200px;}

.caption {text-align:center;}

.wrappiccyright{
float: right;
margin-left: 5px;
padding: 5px 5px 5px 5px;
}

.wrappiccyleft{
float: left;
margin-right: 5px;
padding: 5px 5px 5px 5px;
}


.align-right { float:right; margin: 0 0 15px 15px; }
.align-left { float:left; margin: 0 15px 15px 0; }
.align-center {display: block; margin-left: auto; margin-right: auto }