@charset "UTF-8";
/* CSS Document */

body {
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#FFFFFF url(../images/icantalk-back.gif) top left repeat-x;
color:#333333;
}

#wrapper {
width:900px;
margin:0 auto;
}
#main {
width:900px;
float:left;
}

h1 {
margin:0;
padding:0 0 10px 0;
font-weight:bold;
font-size:1.4em;
color:#00aeef;
}
h2,h3 {
color:#333333;
margin:0;
padding:4px 0;
font-weight:normal;
font-size:0.7em;
}
h4 {
color:#00aeef;
margin:0;
padding:6px 0;
font-weight:bold;
font-size:0.85em;
}
p {
color:#333333;
margin:0;
padding:0 0 6px 0;
font-weight:normal;
font-size:0.7em;
}
ul {
color:#333333;
margin:0;
padding:0 0 4px 20px;
font-size:0.7em;
list-style:disc;
}
li {
padding:0;
margin:0;
list-style:disc;
}

/*------------------------------------------------------ HEADER -----------------------------------------------------------*/
#header {
width:900px;
height:243px;
background:url(../images/i-can-talk-header.gif) top left no-repeat;
}
#header p{
color:#FFFFFF;
margin:0;
padding:50px 0 0 0;
font-weight:bold;
font-size:1.8em;
text-align:center;
}

#header img{
border:none;
}
#icantalklogo {
width:158px;
float:left;
padding:29px 0 0 80px;
}

#telnumber {
width:367px;
float:left;
}

#comingsoon {
width:133px;
float:right;
padding:89px 162px 0 0;
}
/*------------------------------------------------------ NAV -----------------------------------------------------------*/

#nav {
width:147px;
float:left;
text-align:right;
padding:0 45px 0 0;
}
li.navitem {
list-style:none;
display:block;
margin:0 0 15px 0;
padding:0;
}
ul.navitem {
margin:0;
padding:0;
}
.homelink a {
color:#99ccff;
text-decoration:none;
font-weight:bold;
font-size:1.2em;
}
.homelink a:hover {
color:#00aeef;
text-decoration:none;
font-weight:bold;
font-size:1.2em;
}

.aboutlink a {
color:#99ccff;
text-decoration:none;
font-weight:bold;
font-size:1.2em;
}
.aboutlink a:hover {
color:#00aeef;
text-decoration:none;
font-weight:bold;
font-size:1.2em;
}

.malelink a {
color:#663399;
text-decoration:none;
font-weight:bold;
font-size:1.2em;
}
.malelink a:hover {
color:#4b2471;
text-decoration:none;
font-weight:bold;
font-size:1.2em;
}
.femalelink a {
color:#e574ef;
text-decoration:none;
font-weight:bold;
font-size:1.2em;
}
.femalelink a:hover {
color:#bd64c5;
text-decoration:none;
font-weight:bold;
font-size:1.2em;
}
.intlink a {
color:#6666ff;
text-decoration:none;
font-weight:bold;
font-size:1.2em;
}
.intlink a:hover {
color:#5151c6;
text-decoration:none;
font-weight:bold;
font-size:1.2em;
}

.childlink a {
color:#ff9900;
text-decoration:none;
font-weight:bold;
font-size:1.2em;
}
.childlink a:hover {
color:#d98506;
text-decoration:none;
font-weight:bold;
font-size:1.2em;
}

.presentlink a {
color:#c53939;
text-decoration:none;
font-weight:bold;
font-size:1.2em;
}
.presentlink a:hover {
color:#8c2525;
text-decoration:none;
font-weight:bold;
font-size:1.2em;
}
.contactlink a {
color:#99ccff;
text-decoration:none;
font-weight:bold;
font-size:1.2em;
}
.contactlink a:hover {
color:#00aeef;
text-decoration:none;
font-weight:bold;
font-size:1.2em;
}


/*------------------------------------------------------ CONTENT -----------------------------------------------------------*/
#content {
width:708px;
float:left;
}
#content img{
border:none;
}


#col1 {
width:80px;
float:left;
margin:0 10px 0 0;
}
#col2 {
width:160px;
float:left;
margin:0 10px 0 0;
}
#col3 {
width:190px;
float:left;
margin:0 10px 0 0;
}
#col4 {
width:190px;
float:left;
}

#col1-long, #col2-long{
	width: 190px;
}

.copy {
clear:both;
width:546px;
float:left;
}

/*------------------------------------------------------ BUBBLES -----------------------------------------------------------*/

.bubbles {
width:557px;
float:left;
padding:0 70px;
}
#voiceslink a {
float:left;
display:block;
width:185px;
height:182px;
text-decoration:none;
background: url(../images/voices-bubble.gif) top left no-repeat;
}
#voiceslink a:hover {
background-position:-185px 0;
}
#aboutlink a {
float:left;
display:block;
width:186px;
height:182px;
text-decoration:none;
background: url(../images/about-bubble.gif) top left no-repeat;
}
#aboutlink a:hover {
background-position:-186px 0;
}
#contactlink a {
float:left;
display:block;
width:186px;
height:182px;
text-decoration:none;
background: url(../images/contact-bubble.gif) top left no-repeat;
}
#contactlink a:hover {
background-position:-186px 0;
}
/*------------------------------------------------------ NEWS -----------------------------------------------------------*/
#news {
width:708px;
float:left;
clear:both;
background:#E6E7E5 url(../images/news-heading.gif) top left no-repeat;
margin:10px 0;
}
#news01 {
width:180px;
float:left;
padding:35px 10px 0 110px;
}
#news02 {
width:180px;
float:left;
padding:0 10px;
margin:35px 0 0 0;
}
#news03 {
width:180px;
float:left;
padding:0 10px;
margin:35px 0 0 0;
}
#news-bot {
width:708px;
height:13px;
float:left;
}

/*------------------------------------------------------ DIVIDER -----------------------------------------------------------*/
#divider {
width:708px;
height:5px;
clear:both;
float:left;
border-bottom:#CCCCCC solid 5px;
}

/*------------------------------------------------------ TABLES -----------------------------------------------------------*/
/*table {
width:100%;
border-collapse:collapse;
margin:1em 0;
font-size:.7em;
}
tr:hover td{
background:#EFFAFE;
}*/
th,td{
padding:5px;
}
th{
background:#00B7F0;
color:#FFFFFF;
text-align:left;
font-weight:normal;
}
td{
border-bottom:1px solid #CCCCCC;
}

/*------------------------------------------------------ FORMS -----------------------------------------------------------*/
label,.textbox,.select,textarea{
float:left;
}
.textbox,.file,.select,textarea{
margin-bottom:.75em;
border:1px solid #CCC;
padding:3px 5px;
width:350px;
}
textarea,select{
overflow:auto;
}
label{
width:165px;
}
.select{
width:362px;
}
.focus{
border:1px solid #AAA;
}
textarea{
font:13px/1.5em Arial,Helvetica,"Liberation sans","Bitstream Vera Sans",sans-serif;
height:175px;
}
form br{
clear:both;
}
input.button {
clear:both;
float:left;
margin:10px 0 0 0;
}
form fieldset.male{border:1px solid #7B50A7}
form fieldset.female{border:1px solid #E574EF}
form fieldset.int{border:1px solid #6666FF}
form fieldset.child{border:1px solid #FF9900}
form fieldset.pres{border:1px solid #E71515}

/*------------------------------------------------------ NOTICES -----------------------------------------------------------*/
.success{
background:#C9F36C;
border:1px solid #7BAF05;
}
.error{
background:#EEB4B4;
border:1px solid #A52A2A;
}
.error p,.success p{
color:#222;
padding:.25em;
margin:0;
}

/*------------------------------------------------------ FOOTER -----------------------------------------------------------*/
#footer {
float:left;
width:708px;
clear:both;
padding:5px 0 0 192px;
}
#footer p{
color:#999999;
}
#footer img{
border:none;
}
p.registered {
font-size:0.5em;
}
.clearfix {
clear:both;
}
