body	{
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	color: #000;
	/*background: #e1e1e1 url(../images/outershadow-gray.gif) top center repeat-y;*/
	font: 12px myriad, arial, lucida, helvetica, sans-serif;
	}

img	{
	border:0; padding:0; margin:0;
	}

.center { text-align: center !important; }
.italic {font-style:italic; }

.clear	{ font-size: 1px; line-height: 1px; height: -1%; clear:both; }
p	{
	text-align: left;
	}

p.p16	{   /* PORTFOLIO paragraph */
	text-align: left;
	line-height:15px;
	padding-left:17px;
	}

p.p17	{    /* PROCESS paragraph */
	text-align: left;
	line-height:17px;
	padding-left:17px;
	margin:5px 0 0 0;
	}

h1 {
	float:left;
	border:1px solid #000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	padding:3px 5px;
	margin:4px 9px 0 0;
	text-align:left;
	white-space:normal;
	width:auto;
	background-color: #76A5C1;
	}

.home#maincontent { padding-top:1em; }

.home#maincontent h1 {
	font: bold 12px/16px verdana,arial,helvetica,sans-serif;
	color:#369;
	margin-bottom:0;
	color:#369;
	border:0;
	background:transparent;
	padding:0;
	display:block;
	float:none;
	}

.home#maincontent h2 {
	border:0;
	background: url(../images/arrow-h2.gif) no-repeat 0 50%;
	padding-left: 20px; margin-left:10px;
	}
	
.home#maincontent p {
	margin-top:.4em;
	margin-bottom:1em;
	}
	
h2 { 
	color:#369;
	font-weight: bold;
	font-size: 13px;
	line-height:15px;
	border-bottom: 1px solid #369;
	padding-bottom:0;
	margin: 12px 0 5px 0;
	text-align:left;
	}

h3 { font-size: 11px; color:#369; font-weight: bold }

h4 { font-size:12px; color:#666; margin-bottom:0; }

.capletter {
	font-size:2em;
	font-weight:bold;
	margin-right:5px;
	margin-top:4px;
	border:1px solid #666;
	padding:5px 9px;
	float:left;
	background:url(../images/letterbox_bg.gif) bottom middle repeat-x;
	color:#333;
	line-height:normal;
	}
	
#wrapper	{
	margin: 0 auto;
	color: #000;
	background: transparent;
	padding:0;
	border: 1px solid #999999;
	width: 742px;
	text-align:left;
	}

div#logo {
	width:748px;
	height:95px;
	margin:0; border:0; padding:0;
	background:  url(../images/CarltonsHeader.jpg) no-repeat 0 0;
	float:left;
	}
	
div#toppic1 {
	width:186px;
	height:89px;
	margin:0;
	border:0;
	padding:0;
	background:url(../images/top_pic_a_blue.gif) no-repeat;
	float:right;
	}

	
div#leftcontent {
	width:550px;
	vertical-align:top;
	float:left;
	border:0; padding:0; margin:0;
	/* border:1px solid #000; */
	}
	
div#rightcontent {
	width:186px;
	vertical-align:top;
	border:0; padding:0; margin:0;
	float:right;
	/*border:1px solid #000;*/
	}
	

div#tagline {
	text-align:center;
	background:#76a5c1 url(../images/tagline.gif) center no-repeat;
	height:20px;
	width:562px;
	border:0;
	margin:0;
	padding:0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	}

#toppic2 {
	width:186px;
	height:70px;
	margin:0 0 5px 0;
	border:0;
	padding:0;
	background:url(../images/top_pic_b_blue.gif) no-repeat;
	float:right;
	}
	
#questionnairebox {
	float:right;border:3px double #369;
	padding:1px 3px;
	text-align:center;
	width:auto;
	margin:30px 15px 0 0;
	}

#questionnairebox a {
	color:#369;
	text-decoration:none;
	}

#questionnairebox a:hover {
	color:#c2541d;
	border-bottom:0;
	}

#maincontent {
	padding: 0 35px 0 50px;
	line-height:140%;
	text-align:left;
	}

#topspace {
	height:18px;
	width:300px;
	}

#topspacehome {
	height:20px;
	width:300px;
	}
	
/* LINK COLORS */

a:link, a:visited { text-decoration: none; color:#369;}
a:active, a:hover {
	text-decoration:none;
	color:#990000;
}


a.imagelink:link, a.imagelink:visited { text-decoration: none; color:#c90; border-bottom:0;}
a.imagelink:active, a.imagelink:hover { text-decoration: none; color:#369; border-bottom:0; }

a.whitelink:link, a.whitelink:visited { text-decoration: none; color:#fff }
a.whitelink:active, a.whitelink:hover { text-decoration: underline; color:#fff }

/* NAV BAR */

#button {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 11px;
	letter-spacing:1px;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 16px;
	text-align: center;
	
	}

#button ul {
	list-style: none;
	padding: 0;
	margin:0;
	border:none;
	display: inline;
	}
		
#button li {
	background:#369;
	margin: 0 2px 0 0;
	padding:0;
	float: left;
	width: 100px;
	border: 1px solid #000;
	text-transform:uppercase;
	}

/* below is where you specify the height of the block and the display */
		
#button li a {
		display: block;
		color: #fff;
		font-weight: bold;
		text-align:center;
		text-decoration: none;
		width:100%;
		}

	html>body #button li a {
		width: auto;
		}

	#button li a:hover {
	background-color: #990000;
		}

	#active a {
	color: #fff;
	font-weight: bold;
	text-align:center;
	text-decoration: none;
	background-color: #F77D4E;
		}

/* NAV BAR */

#portnav, #servicesnav {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 11px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:2px 0 0 50px;
	}

#portnav ul, #servicesnav ul {
	list-style: none;
	padding: 0;
	margin:0;
	border:none;
	display: inline;
	}
		
#portnav li, #servicesnav li {
	background:#c90;
	margin: 2px 2px 0 0;
	padding:0;
	float: left;
	width: 113px;
	border: 1px solid #000;

	}

/* below is where you specify the height of the block and the display */
		
#portnav li a, #servicesnav li a {
		display: block;
		color: #fff;
		font-weight: bold;
		text-align:center;
		text-decoration: none;
		width:100%;
		}

	#portnav li a:hover, #servicesnav li a:hover {
		background:#c70;
		}

	#portactive a, #servicesactive a {
		color: #fff;
		font-weight: bold;
		text-align:center;
		text-decoration: none;
		background:#c70;
		}

	#emptybox {
	border:0 !important;
	background:#fff !important;

	margin-right:2px !important;

	voice-family: "\"}\""; 
	voice-family:inherit;

	margin-right:4px !important;
	}

	#emptybox a:hover {
	background:#fff !important;
	}


		
.toplink { 
	font-size: 10px;
	font-weight: bold;
	text-transform:uppercase;
	text-align:right;
	}

.toplink a:link, .toplink a:visited { color:#c60; text-decoration:none; }
.toplink a:active, .toplink a:hover { color:#c60; text-decoration:underline; }

#container-rt {

	text-align:center;
	vertical-align:top;
	width:186px;
	clear:both;
	}
	
	
/* TABLE FORMATTING */

.regtable {
	margin: 0 auto;
	border: 1px solid #000;
	background:#fff;
	border-collapse:collapse;
	}

.regtable th { 
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 11px;
	color:#fff;
	font-weight: bold;
	text-align:center;
	letter-spacing: 2px;
	background:#666;
	padding: 0;
	border-bottom: 1px solid #000;
	text-transform:uppercase;
	}
	
.regtable td { 
	padding: 4px 8px 8px 8px; 
	vertical-align:top;
	font-size:11px;
	color:#333;
	line-height:14px;
	text-align:left;
	}

/* RIGHT-SIDE PORTFOLIO CALLOUTS */

#calloutheader {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	font-weight: bold;
	text-align:center;
	letter-spacing: 2px;
	background:#369;
	padding: 0;
	text-transform:uppercase;
	height: 20px;
	margin-top: 0px;
	border-top-width: 1px;
	border-right-width: 1;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #336699;
	border-bottom-color: #000;
	border-left-color: #336699;
	}
	
#calloutbody {
	border-left:1px solid #369;
	border-bottom:1px solid #369;
	text-align:center;
	padding: 4px 8px 8px 8px;
	background-color: #FFFFFF;
	}
	
.calloutcaption {
	line-height:14px;
	color:#666;
	text-align:left;
	font-size:11px;
	padding:0 4px;
	}

/* CONTACT TABLE */

#contacttable {
	margin: 8px auto;
	border: 1px solid #666;
	background:#fff;
	border-collapse:collapse;
	}

#contacttable th { 
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 11px;
	color:#fff;
	font-weight: bold;
	text-align:center;
	letter-spacing: 2px;
	background:#999;
	padding: 0;
	border-bottom:1px solid #666;
	text-transform:uppercase;
	}
	
#contacttable td { 
	padding: 4px 2px 8px 8px; 
	vertical-align:top;
	font-size:11px;
	color:#333;
	line-height:14px;
	text-align:left;
	}

.cellright {
	text-align:right !important;
	vertical-align:middle !important;
	font-weight:bold;
	text-transform:uppercase;
	}
	
.cellcenter {
	text-align:center !important;
	font-weight:bold;
	}

.required {
	color:#369 !important;
	}

.celltitle {
	background:#999;
	padding:1px !important;
	border-top:1px solid #666 !important;
	border-bottom:1px solid #666 !important;
	margin:0;
	vertical-align:middle;
	}
	
.celltitletext {
	border:1px solid #fff;
	padding:1px 15px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	margin:1px auto !important;
	color:#fff;
	width:250px;
	text-transform:uppercase;
	}

.cellsubmit {
	border-top:1px solid #666;
	border-bottom:0;
	}
	
img.recent {
	margin:0 auto;
	padding:5px 0;
	display:block;
	}
	
.separator {
	height:3px;
	border-top:3px double #369;
	margin:5px auto 0 auto;
	padding:0;
	width:100%;
	}
		
/* END table formatting */



#footer {
	background:#76a5c1;
	height:20px;
	line-height:1.5em;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	clear:both;
	font-weight:normal;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-width: 0px;
	border-right-width: 0;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 3px;
	}

#footer a:link, #footer a:visited { color:#fff; text-decoration:none; }
#footer a:active, #footer a:hover {
	color:#1A1A4E;
	text-decoration:none;
}

ul { 
	list-style-image:url(../images/bullet.gif);
	line-height: 16px;
	text-align:left;
	list-style-type: square;
	padding-left: 20px;
	margin: 0 0 0 20px;
	}

ul li {
	margin-top:6px;
	text-align:left;
	}

ul li ul{
	list-style-image:none;
	list-style-type:disk;
	}
	
#nestedList {               /* sets the top-level */
	line-height:19px;
	list-style-type:square;
	}
	
#nestedList ul li {         /* sets 1st nested ul */
	list-style-type: circle;
	}

#nestedList ul li ul li {   /* sets 2nd nested ul */
	list-style-type: square;
	}
	
#nestedList ol li {        /* sets nested ol */
	list-style-type:num;
	}

.ol {list-style-type: num; margin-top: 5pt; line-height: 16px }


/* Form Field control */

#formspace {
	margin:0;
	padding:0;
	}
	
#submitbtn {
	width: auto;
	margin:1px;
	border-top:1px solid #4c94b7;
	border-left:1px solid #4c94b7;
	border-bottom:1px solid #00486b;
	border-right:1px solid #00486b;
	background:#369;
	text-align:center;
	padding:0 5px;
	color:#fff;
	font-size:9px;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:1px;
	}
	
.supersmall h2 { font-weight: normal; color: #fff; font-family: verdana, arial, geneva, sans-serif; font-size: 1px; line-height: 1px}

div#jobs {
	float:right;
	width:100px;
	padding:8px;
	color:white;
	text-align:center;
	margin: 0 0 10px 10px;
	background:#76a5c1;
	border:1px solid black;
	}
	
	div#jobs a { color:white; border-bottom:1px dotted white; }
	div#jobs a:hover  { color:#f90; border-bottom:1px dotted #f90; }
