/* === SYLLOGISTIC SOFTWARE MAIN STYLESHEET === */

/* Structure */

body {
	background: #DDDCDC url(../images/body_bg.gif) repeat-y top center;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	margin-left: -1px;
}

#Container {
	width: 997px;
	margin: 0 auto;
	padding-top: 41px;
}

	#NavArea {
		background: #FFF;
		float: left;
		width: 379px;
	}
		#NavArea h1, #NavArea div {
			margin: 0;
			padding: 0;
		}
		h1.Logo {height: 135px; } 
		div.Tagline { height: 41px; }
		.Menu { 
			background: url(../images/nav_bg.jpg) no-repeat top right;
			min-height: 185px;
		}
			.Menu ul {
				margin: 0;
				padding: 0;
				list-style: none;
				width: 346px;
			}
				.Menu li {
					float: left;
					width: 346px;
				}
				.Menu a { 
					display: block;
					height: 37px; 
				}
				.Menu ul ul {
					height: 22px;
					background: #00529B url(../images/subnav_bg.gif) no-repeat top left;
					padding-left: 75px;
					/*width: 346px;*/
					width: 271px;
					/*display: none; /* Submenus turned off in main style sheet. Turned on in each page */
				}
					.Menu ul ul li {
						float: left;
						height: 22px;
						line-height: 22px;
						width: 83px;
					}
					.Menu ul ul li.skinny, .Menu ul.nav_level0 li.nav_menu_li_cases ul.nav_level1 li
					{
						width: 45px;
                        font-size: 10px;
					}
					.Menu ul ul a {
						display: block;
						height: 22px;
					}

/*-/-/-/-/- PICTURES FOR MENU ITEMS -/-/-/-/-/-/*/
.Menu ul li.nav_menu_li_about_us a
{
	background: url(../images/nav_about.gif) no-repeat top left;
}
.Menu ul li.nav_menu_li_about_us a:hover
{
	background: url(../images/nav_about_over.gif) no-repeat top left;
}

.Menu ul li.nav_menu_li_our_process a
{
	background: url(../images/nav_process.gif) no-repeat top left;
}
.Menu ul li.nav_menu_li_our_process a:hover
{
	background: url(../images/nav_process_over.gif) no-repeat top left;
}

.Menu ul li.nav_menu_li_cases a
{
	background: url(../images/nav_case-studies.gif) no-repeat top left;
}
.Menu ul li.nav_menu_li_cases a:hover
{
	background: url(../images/nav_case-studies_over.gif) no-repeat top left;
}

.Menu ul li.nav_menu_li_testimonials a
{
	background: url(../images/nav_testimonials.gif) no-repeat top left;
}
.Menu ul li.nav_menu_li_testimonials a:hover
{
	background: url(../images/nav_testimonials_over.gif) no-repeat top left;
}

.Menu ul li.nav_menu_li_contact_us a
{
	background: url(../images/nav_contact.gif) no-repeat top left;
}
.Menu ul li.nav_menu_li_contact_us a:hover
{
	background: url(../images/nav_contact_over.gif) no-repeat top left;
}

.Menu ul.nav_level0 li ul.nav_level1 li a
{
	background-image: none;
}


	
	#ContentArea {
		background: #FFF;
		float: left;
		width: 599px;
		margin: 35px 0 45px;
	}
		#HomeTop { 
			background: url(../images/home_top.gif) no-repeat top center;
			height: 38px;		
		}
		#HomeBottom {
			background: url(../images/home_bottom.gif) no-repeat bottom center;
			height: 39px;
		}
		#HomeContent {
			background: #00529B url(../images/home_bg.gif) repeat-y top center;
			overflow: auto;
		}
			#HomeContent .LeftCol {
				float: left;
				/*width: 379px;*/
				width: 331px;
				padding: 0 18px 0 30px;
			}
				#HomeContent .LeftCol h2 {
					margin: 0;
					padding: 0;
				}
                
                #HomeContent .LeftCol .Buttons {
                    margin: 20px auto 0;
                    padding: 0;
                    width: 313px;
                }
                #HomeContent .LeftCol .Buttons a { display: block; }

			#HomeContent .RightCol {
				float: right;
				/*width: 220px;*/
				width: 171px;
				padding: 0 29px 0 20px;
			}
		
		#Content {
			padding-right: 10px;
		}
			#Content .LeftCol {
				float: left;
				width: 283px;
				padding: 0 18px 0 30px;
			}	
				#Content .LeftCol h2 { 
					margin: 0;
					padding: 0;
				}
			#Content .RightCol {
				float: right;
				width: 253px;
			}
				.RightTop {
					background: #00529B url(../images/content_top.gif) no-repeat top center;
					/*height: 59px;*/
					height: 43px;
					padding: 16px 27px 0 27px;
				}
				.RightMiddle {
					background: url(../images/content_bg.gif) repeat-y top center;
					padding: 16px 27px 0;
				}
				.RightBottom {
					background: url(../images/content_bottom.gif) no-repeat top center;
					height: 36px;
                    /*margin-top: -8px;*/
				}
	.ClearFloat { clear: both }



/* Text */

h1 {
	font-size: 19px;
	color: #00529B;
    margin-top: 8px;
    margin-bottom: 16px;
}

h3 {
	font-size: 17px;
	color: #00529B;
	font-weight: bold;
}
h4 {
	font-size: 15px;
	color: #00529B;
	font-weight: bold;
}
div, p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #5d5d5d;
}
a { font-weight: bold; }
a:link { color: #5f9f2c; text-decoration: underline; }
a:visited { color: #5f9f2c; text-decoration: underline; }
a:hover { color: #00529B; text-decoration: underline; }
a:active { color: #00529B; text-decoration: underline; }

.Menu ul ul li {
	font-size: 12px;
	font-weight: bold;
/*	text-transform: lowercase;*/
}
	.Menu ul ul li a:link { color: #FFF; text-decoration: underline; }
	.Menu ul ul li a:visited { color: #FFF; text-decoration: underline; }
	.Menu ul ul li a:hover { color: #EEE; text-decoration: none; }
	.Menu ul ul li a:active { color: #EEE; text-decoration: none; }
	
#HomeContent h2 {
	color: #FFF; /* Don't really need this, cuz its an image....but incase the browse with images off and styles on */
}
#HomeContent .LeftCol p {
	color: #999999;
	font-size: 15px;
	line-height: 30px;
	font-weight: bold;
	letter-spacing: -0.5px;
}
#HomeContent .SigLine p {
	color: #000;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	letter-spacing: 0px;
}
#HomeContent .RightCol p {
	font-weight: bold;
	color: #FFF;
}
#HomeContent .RightCol a:link { color: #FFF; text-decoration: underline; }
#HomeContent .RightCol a:visited { color: #FFF; text-decoration: underline; }
#HomeContent .RightCol a:hover { color: #EEE; text-decoration: underline; }
#HomeContent .RightCol a:active { color: #EEE; text-decoration: underline; }
#HomeContent .RightCol ul {
	list-style-image: url(../images/bullet_blue.gif);
	margin: 0 0 0 12px;
	padding: 0;
	color: #FFF;
	font-weight: bold;
}
#HomeContent .RightCol ol {
	margin: 0 0 0 20px;
	padding: 0;
	color: #FFF;
	font-weight: bold;
}
#Content p {
    margin: 12px 0 0 0;
}
#Content .LeftCol {
	color: #5d5d5d;
}
#Content .tmlLeft {
	float: left;
	width: 80%;
	margin: 0 0 16px 0 ;
}
#Content .tmlRight {
	float: right;
	width: 80%;
	margin: 0 0 16px 0 ;
}

#Content .LeftCol ul {
	margin: 0 0 0 20px;
	padding: 0;
	/*list-style: none;*/
	/*font-weight: bold;*/
	/*color: #00529B;*/
	font-size: 12px;
    list-style-type: square;
	line-height: 15px;
}
#Content .LeftCol ol {
	margin: 0 20px 0;
	padding: 0;
	font-weight: bold;
	color: #00529B;
	font-size: 12px;
}
	#Content .LeftCol li {
		padding-bottom: 10px;
	}
    
.TextHighlight {
	font-size: 15px;
	color: #5f9f2c;
	font-weight: bold;
}

.TextHighlight2 {
	color: #00529B;
	font-weight: bold;
}

.RightTop {
	font-weight: bold;
	color: #FFF;
}
.RightMiddle p, .RightMiddle div {
	margin: 0;
	padding: 0;
	text-align: justify;
}
.RightMiddle a:link { color: #5f9f2c; text-decoration: underline; }
.RightMiddle a:visited { color: #5f9f2c; text-decoration: underline; }
.RightMiddle a:hover { color: #00529B; text-decoration: underline; }
.RightMiddle a:active { color: #00529B; text-decoration: underline; }
.RightMiddle ul {
	margin: 0 30px 0;
	padding: 0;
	color: #5d5d5d;
	list-style-image: url(../images/bullet_right.gif);
}
.RightMiddle ol {
	margin: 0 0 0 20px;
	padding: 0;
	color: #5d5d5d;
}
.RightMiddle img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.RightMiddle div a img {
	display: inline;
	margin-left: 0px;
	margin-right: 0px;	
}

.TestimonialText {
	word-spacing: 0.5px;
	color: #777;
	font-size: 12px;
	line-height: 16px;
	margin: 8px 20px 0px 20px;
}
.TestimonialSig {
	text-align: right;
	font-size: 12px;
	line-height: 14px;
	color: #555;
	margin: 4px 16px 0px 0px;
}
.ContactBottom {
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	color: #555;
	margin: 8px 20px 0px 20px;
}

.ContactTable {
	padding:4px;
}

.ContactTable tr td {
	padding:3px;
	background-color: #eee;
}

div .form_error {
	margin-top: 2px;
	color: red;
	font-weight: bold;
}

/* Images */

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

#Content a img {
    border: 2px solid #5f9f2c;
    margin-top: 4px;
    margin-bottom: 4px;
}

#Content a:hover img {
    border-color: #00529B;
}