/**
 * @name CTIA User Interface
 * @version 2010.01.28
 * @author nick@axisweb.com
 * @copyright Togawa Insurance
 * 
 * @type CSS
 */


* {
	padding:0;
	margin:0;
}
html, body {
	height:100%;
	color:#231f20;
	background-color:#afafaf;
	padding:0 !important;
	margin:0 !important;
}
body {
	font-family:Tahoma, "lucida sans", verdana, helvetica, sans-serif;
	font-size:12px;
}
#wp {
	min-height:100%;
	margin:0 auto;
}
* html #wp { height: 100%; }


#doc {
	background-color:#fff;
	overflow:hidden;
	margin-left:auto; margin-right:auto;
	margin-top:20px;
	border-top:15px solid #fff;
	border-left:15px solid #fff;
	padding-left:251px; /* width of sidebar */
	width:725px;
}
/** html #doc { height:1%; }*//* So IE plays nice */ 
#center {
	background-color:#fff;
	width:100%;
	border-left:251px solid #fff; /* width and color of sidebar */
	margin-left:-251px;
	float:right;
}
#sidebar {
	width:251px;
	float:left;
	margin-left:-251px;
	display:inline; /* So IE plays nice */
	padding-bottom:20px;
}


/* --color background styles-- */
#doc.doc-1 {
	background-color:#bccfc9;
	border-top:15px solid #bccfc9;
	border-left:15px solid #bccfc9;
}
#doc.doc-1 #center {
	background-color:#bccfc9;
	border-left:251px solid #bccfc9;
}
#doc.doc-1 #nav {
	background-image:url('../img/header-doc-1.png');
}

#doc.doc-2 {
	background-color:#d4972f;
	border-top:15px solid #d4972f;
	border-left:15px solid #d4972f;
}
#doc.doc-2 #center {
	background-color:#d4972f;
	border-left:251px solid #d4972f;
}
#doc.doc-2 #nav {
	background-image:url('../img/header-doc-2.png');
}

#doc.doc-3 {
	background-color:#d6c456;
	border-top:15px solid #d6c456;
	border-left:15px solid #d6c456;
}
#doc.doc-3 #center {
	background-color:#d6c456;
	border-left:251px solid #d6c456;
}
#doc.doc-3 #nav {
	background-image:url('../img/header-doc-3.png');
}

#doc.doc-4 {
	background-color:#bcbf4a;
	border-top:15px solid #bcbf4a;
	border-left:15px solid #bcbf4a;
}
#doc.doc-4 #center {
	background-color:#bcbf4a;
	border-left:251px solid #bcbf4a;
}
#doc.doc-4 #nav {
	background-image:url('../img/header-doc-4.png');
}

#doc.doc-5 {
	background-color:#cf6;
	border-top:15px solid #cf6;
	border-left:15px solid #cf6;
}
#doc.doc-5 #center {
	background-color:#cf6;
	border-left:251px solid #cf6;
}
#doc.doc-5 #nav {
	background-image:url('../img/header-doc-5.png');
}

#doc.doc-6 {
	background-color:#634051;
	border-top:15px solid #634051;
	border-left:15px solid #634051;
}
#doc.doc-6 #center {
	background-color:#634051;
	border-left:251px solid #634051;
}
#doc.doc-6 #nav {
	background-image:url('../img/header-doc-6.png');
}

#doc.doc-7 {
	background-color:#515151;
	border-top:15px solid #515151;
	border-left:15px solid #515151;
}
#doc.doc-7 #center {
	background-color:#515151;
	border-left:251px solid #515151;
}
#doc.doc-7 #nav {
	background-image:url('../img/header-doc-7.png');
}

/* --nav styles-- */
#nav {
	/*background-color:#dad9d9;*/
	background-image:url('../img/bg.header.png');
	background-repeat:repeat-x;
	height:99px;
}

#nav ul.top {
	float:right;
	margin-top:0px;
}
#nav ul.top li {
	display:inline;
	padding-left:9px;
}
#nav ul.top a {
	color:#231f20;
	text-decoration:none;
}
#nav ul.top a:hover {
	color:#d75008;
	text-decoration:underline;
}

#nav ul.main {
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:15px;
}
#nav ul.main li {
	display:inline;
	padding-left:40px;
	padding-right:40px;
}
#nav ul.main a {
	color:#333;
	text-decoration:none;
}
#nav ul.main a:hover {
	color:#d75008;
	text-decoration:underline;
}



/* --page styles-- */
#text {
	margin-left:30px;
}
#text h2 {
	color:#231f20;
	font-size:24px;
	margin-top:0;
	font-weight:normal;
}

#text #image {
	font-size:11px;
	float:left;
	width:380px;
	margin-right:30px;
	font-style:italic;
	color:#666;
}
#text #image img, #staff img, #building img {
	border:1px solid #999;
}

#text #content {
	float:left;
	border:1px solid #666;
	background-color:#eaeaea;
	width:225px;
	padding:10px;
	margin-bottom:20px;
}
#text #content.width-full {
	width:640px;
}
#text #content.width-full img {
	border:1px solid #999
}
#text a,#text #content a {
	color:#231f20;
}
#text a:hover,#text #content a:hover {
	color:#d75008;
}
#text #content a.large {
	font-size:14px;
}


#representing {
	border:1px solid #999;
	background-color:#eaeaea;
	padding-top:6px;
	padding-bottom:10px;
	margin-top:10px;
}

#staff.slides {
	width:250px;
	height:167px;
	overflow:hidden;
}
#building {
	margin-top:10px;
	margin-bottom:10px;
}
#building.slides {
	width:250px;
	height:150px;
	overflow:hidden;
}
#address {
	background-color:#eaeaea;
	color:#666;
	text-align:center;
	padding:6px;
	font-size:11px;
	border:1px solid #999;
}
#address a {
	color:#666;
	text-decoration:none;
	font-weight:bold;
}


/* --helper classes-- */
.clearfix { clear:both; }
.divider {
	width:100%;
	border-top:1px dashed #d75008;
	margin-top:16px;
	margin-bottom:16px;
}
textarea {
	width:400px;
}