/*  General rules */

body {
	margin: 20px 0 45px 0;
	padding: 0;
	font: 12px 'Palatino Linotype', Palatino, 'Times New Roman', serif;
	color: rgb(0, 0, 0);
	background-color: rgb(180, 221, 250);
	background-image: url("../images/carlysle_background_image.jpg");
	background-repeat: no-repeat;
}

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

img.floatLeft {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}


p {
	margin: 0 0 10px 0;
	padding: 0;
}

/*^Lists rules*/
ul {
	margin: 0 0 13px 0;
	padding: 0 23px 0 23px;
	line-height: 16px;
}

.storyContainer p.beforeList {
	padding-bottom: 3px;
}

ul.underlineList {
	padding: 0 20px 0 10px;
	list-style-type: none;
	list-style-image: none;
	line-height: 18px;
}

ul.underlineList li
{
	padding: 10px 0 10px 10px;
	border-bottom-color: rgb(213, 225, 179);
	border-width: 0 0 1px 0;
	border-style: solid;
}

ul.underlineList li:last-child
{
	border-width: 0 0 0 0;
}

/*$Lists rules*/

a {
	color: rgb(0, 0, 0);
}


a:hover {
	color: rgb(176, 167, 137);
}

a:active {
	color: rgb(181, 0, 46);
}


/*Frequently used Global Rules*/
p.subhead {
	font-size: 11px;
	font-weight: bold;
}

.manualSpace {
	font-size: 5px; 
	line-height: 5px;
}


/*------Containers------*/
/*-Header Container-*/
#pageContainer	{
	margin: 0 auto;
	padding: 0;
	width: 780px;	
}

#headerContainer {
	width: 780px;
	height: 102px;
	padding: 0;
	background-color: transparent;
	border-style: none;
	border-width: 0;
}

#buttonBarContainer {
	width: 755px;
	height: 30px;
	padding: 0;
	padding-left: 25px;
	background-color: transparent;
}

/*-Main Containers-*/
#mainContainer	 {
	margin: 0;
	padding: 0;
	border: 0;
	clear: both;
	background-color: transparent;
	}
	
#mainContentContainer	 {
	width: 650px;
	margin: 25px auto 0 auto;
	background-color: transparent;
	border-style: none;
	border-width: 0;
	border-color: transparent;
}	

#sidebarContainer {
	float: right;
	width: 150px;
	margin: 0;
	margin-bottom: 4px;
	background-color: transparent;
	border-style: none;
	border-width: 0;
	border-color: transparent;
}

#technologiesContainer {
	height: 21px;
	padding-right: 3px;
}

/*-Footer Container-*/
#footer {
	clear: both;
	margin: 0;
	padding: 50px 0 0 0;
	background-color: transparent;
	border-style: none;
	border-width: 0;
	text-align: center;
}

#footer p {
	margin: 0;
	padding: 0;
	color: rgb(0, 0, 0);
	font-size: 12px;
	font-weight: bold;
}


/*------Header Rules------*/
#headerLogo {
	float: left;
	margin: 0;
	padding: 0;
	width: 247px;
	height: 102px;
	font-size: 0;
}

#headerMontage {
	float: left;
	margin: 0;
	padding: 0;
	width: 521px;
	height: 102px;
	background-image: url("../images/carlysle_header_montage.jpg");
	background-repeat: no-repeat;
	border-style: none;
	border-width: 0;
}

#headerMontageText {
	padding-top: 72px;
	padding-left: 10px;
	width: 100%;
	height: 30px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	text-decoration: none;
	text-shadow: 0 1px 3px rgb(0, 0, 0);
}


/*------Button Bar Rules------*/
#buttonBarEndcapLeft {
	float: left;
	width: 5px;
	height: 30px;
	background-image: url("../images/carlysle_navigation_endcap_left.gif");
	background-repeat: no-repeat;
	font-size: 0;
}

#buttonBarEndcapRight {
	float: left;
	width: 5px;
	height: 30px;
	background-image: url("../images/carlysle_navigation_endcap_right.gif");
	background-repeat: no-repeat;
	font-size: 0;
}

#buttonBarButtons {
	float: left;
	width: 495px;
	height: 30px;
	background-image: url("../images/carlysle_navigation_background.gif");
	background-repeat: repeat-x;
	vertical-align: middle;
}

#buttonBarContainer div.seperator {
	float: left;
	width: 2px;
	height: 30px;
	background-image: url("../images/carlysle_navigation_button_separator.gif");
	background-repeat: no-repeat;
	font-size: 0;
}

#buttonBarContainer a {
	display: block;
	float: left;
	padding-top: 5px;
	color: rgb(0, 0, 0);
	font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	background-image: url("../images/carlysle_navigation_background.gif");
	background-repeat: repeat-x;
}


/*-Individual Button Rules-*/

/*-Button Selected by body ID section-*/
/*-Main Section Button Highlight Selectors-*/
#buttonHome a {
	height: 30px;
	padding-right: 10px;
	padding-left: 45px;
}
#carlysle #buttonHome a {
	background-image: url("../images/carlysle_navigation_button_helson.gif");
	background-repeat: no-repeat;
}
#carlysle #buttonHome a:hover {
	height: 30px;
	padding-right: 10px;
	background-image: url("../images/carlysle_navigation_button_helson_active.gif");
	background-repeat: no-repeat;
}

#buttonCarlysle a {
	height: 30px;
	padding-right: 10px;
	padding-left: 40px;
}
#carlysle #buttonCarlysle a {
	background-image: url("../images/carlysle_navigation_button_carlysle_active.gif");
	background-repeat: no-repeat;
}
#carlysle #buttonCarlysle a:hover {
	background-image: url("../images/carlysle_navigation_button_carlysle_active.gif");
	background-repeat: no-repeat;
}

#buttonSixTwoSix a  {
	height: 30px;
	padding-right: 10px;
	padding-left: 27px;
}
#carlysle #buttonSixTwoSix a {
	background-image: url("../images/carlysle_navigation_button_626.gif");
	background-repeat: no-repeat;
}
#carlysle #buttonSixTwoSix a:hover {
	background-image: url("../images/carlysle_navigation_button_626_active.gif");
	background-repeat: no-repeat;
}

#buttonCommercial a  {
	height: 30px;
	padding-left: 10px;
	padding-right: 10px;
}
#buttonCommercial a:hover {
	background-image: url("../images/carlysle_navigation_background_active.gif");
	background-repeat: repeat-x;
}
#commercial #buttonCommercial a {
	background-image: url("../images/carlysle_navigation_background_active.gif");
	background-repeat: repeat-x;
}

#buttonContact a  {
	height: 30px;
	padding-left: 10px;
	padding-right: 10px;
}
#buttonContact a:hover {
	background-image: url("../images/carlysle_navigation_background_active.gif");
	background-repeat: repeat-x;
}
#contacts #buttonContact a {
	background-image: url("../images/carlysle_navigation_background_active.gif");
	background-repeat: repeat-x;
}


/*-Sub Sections Button Highlight Selectors-*/
/*about us section*/
#aboutUs #aboutUsHistorySubNavigation a#subButtonHistory {
	background: transparent url("../images/sub_navigation_bar_hover.gif") top left repeat-x;
	color: rgb(44, 99, 169);
}
#aboutUs #aboutUsMVVSubNavigation a#subButtonMVV {
	background: transparent url("../images/sub_navigation_bar_hover.gif") top left repeat-x;
	color: rgb(44, 99, 169);
}
#aboutUs #aboutUsStaffSubNavigation a#subButtonStaff {
	background: transparent url("../images/sub_navigation_bar_hover.gif") top left repeat-x;
	color: rgb(44, 99, 169);
}

/*porfolio section*/
#portfolio #portfolioSamplesSubNavigation a#subButtonSamples {
	background: transparent url("../images/sub_navigation_bar_hover.gif") top left repeat-x;
	color: rgb(44, 99, 169);
}
#portfolio #portfolioClientsSubNavigation a#subButtonClients {
	background: transparent url("../images/sub_navigation_bar_hover.gif") top left repeat-x;
	color: rgb(44, 99, 169);
}
#portfolio #portfolioServicesSubNavigation a#subButtonServices {
	background: transparent url("../images/sub_navigation_bar_hover.gif") top left repeat-x;
	color: rgb(44, 99, 169);
}
#portfolio #portfolioProvenSuccessSubNavigation a#subButtonProvenSuccess {
	background: transparent url("../images/sub_navigation_bar_hover.gif") top left repeat-x;
	color: rgb(44, 99, 169);
}


/*------Sub Button Bar Rules------*/
.subNavigationBar {
	height: 25px;
	margin: 0;
	margin-bottom: 2px;
	padding: 0 20px 0 20px;
}
	
.subNavigationBar .seperator {
	z-index: 100;
	position: relative;
	float: left;
	width: 18px;
	height: 25px;
	padding: 0;
	margin-right: -8px;
	margin-left: -8px;
	background: transparent url("../images/sub_navigation_bar_seperator.png") no-repeat;
	font-size: 0;
}

.subNavigationBarCapLeft {
	z-index: 99;
	position: relative;
	float: left;
	width: 9px;
	height: 25px;
	padding: 0;
	margin-right: -8px;
	background: transparent url("../images/sub_navigation_bar_cap_left.png");
	background-repeat: no-repeat;
	font-size: 0;
}

.subNavigationBarCapRight {
	z-index: 98;
	position: relative;
	float: left;
	width: 9px;
	height: 25px;
	padding: 0;
	margin-left: -8px;
	background: transparent url("../images/sub_navigation_bar_cap_right.png");
	background-repeat: no-repeat;
	font-size: 0;
}

.subNavigationBar a {
	float: left;
	display: block;
	height: 15px;
	padding: 6px 20px 4px 20px;
	background: transparent url("../images/sub_navigation_bar_background.gif") top left repeat-x;
	color: rgb(49, 66, 87);
	font-size: 10px;
	font-weight: bolder;
	text-decoration: none;
	text-shadow: 0 1px 0px rgb(251, 251, 251);
}

.subNavigationBar a:hover {
	color: rgb(89, 151, 2);
	text-shadow: 0 1px 0px rgb(251, 251, 251);
}

.subNavigationBar a:active {
	color: rgb(44, 99, 169);
}

.subNavigationTitle {
	float: left;
	height: 20px;
	padding: 5px 10px 0 0;
	color: rgb(73, 73, 73);
	font-size: 10px;
	font-weight: bold;
}


/*------Content Box Rules------*/
.contentBox {
	width: 650px;
	margin: 0;
	padding: 0;
	background-color: transparent;
}

/*hr rules*/
div.hr.fullLength {
	height: 1px;
	margin: 20px 0 20px 0;
	padding: 0;
	background-color: rgb(218, 238, 253);
	border: 0 none transparent;
	font-size: 0;
}

div.hr.entryTwo.fullLength {
	height: 2px;
	margin: 0 0 0 0;
	padding: 0;
	background-color: rgb(223, 223, 223);
	background-image: url("../images/fake_hr_background.gif");
	background-repeat: repeat-x;
	border: 0 none transparent;
	font-size: 0;
}

div.hr.ninetyfivePercent {
	width: 95%;
	height: 2px;
	margin: 0 auto 10px auto;
	padding: 0;
	background-color: rgb(223, 223, 223);
	background-image: url("../images/fake_hr_background.gif");
	background-repeat: repeat-x;
	border: 0 none transparent;
	font-size: 0;
}

/*! IE mishandles hr something terrible. I will have to fake it for now ^^^
hr.fullLength {
	display: block;
	height: 0px;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0 none transparent;
	border-top: 1px solid rgb(223, 223, 223);
	border-bottom: 1px solid white;
}
*/

.contentBox p {
	padding: 0 10px 0 10px;
}


/*------Content Page Rules------*/
#contentTable {
	width: 100%;
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
	background-color: transparent;
	color: rgb(0, 0, 0);
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}

table#contentTable td {
	vertical-align: top;
}

#contentCell {
	width: 485px;
}

#contentCell p {
	margin: 0;
	padding: 5px 0 5px 0;
	line-height: 18px;
}

#contentCell h1 {
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: rgb(50, 50, 50);
	margin: 5px 0 5px 0;
}

#contentCell h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: rgb(50, 50, 50);
}

#contentSubNavigationCell {
	width: 165px;
}

#contentSubNavigationTable {
	font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	width: 151px;
	margin-left: 10px;
}

#contentSubNavigationTable td {
	vertical-align: middle;
}

#contentSubNavigationTable a {
	display: block;
	padding: 4px 0 0 27px;
	margin: 0 0 5px 0;
	width: 124px;
	height: 24px;
	background: transparent url("../images/carlysle_subnavigation_button_active.gif") top left no-repeat;
	color: rgb(0, 0, 0);
	font-weight: bolder;
	text-decoration: none;
}

#contentSubNavigationTable a.doubleHigh {
	display: block;
	padding: 4px 0 0 27px;
	margin: 0 0 5px 0;
	width: 124px;
	height: 35px;
	background: transparent url("../images/carlysle_subnavigation_button_double_active.gif") top left no-repeat;
	color: rgb(0, 0, 0);
	font-weight: bolder;
	text-decoration: none;
}

#contentSubNavigationTable a:hover {
	color: rgb(0, 0, 0);
	background: transparent url("../images/carlysle_subnavigation_button_hover.gif") top left no-repeat;
}

#contentSubNavigationTable a.doubleHigh:hover {
	color: rgb(0, 0, 0);
	background: transparent url("../images/carlysle_subnavigation_button_double_hover.gif") top left no-repeat;
}

#contentSubNavigationTable a:active {
	color: rgb(0, 0, 0);
}

#contentListTable {
	margin: 10px 0 0 0;
	padding: 0;
	width: 485px;
}

#contentListTable td {
	height: 20px;
	padding: 0 3px 0 3px;
	vertical-align: middle;
}

#contentListTable tr.contentListTableAltRow {
	background-color: rgb(26, 26, 26);
}

.availabilitySplash
{
	width: 200px;
	height: 30px;
	padding: 3px 10px 0 10px;
	margin: 0;
	background: transparent url("../images/carlysle_availability_splash_background.jpg") top left no-repeat;
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px 3px rgb(0, 0, 0);
	font-family: Tahoma, Arial, sans-serif;
}

p.noteText {
	color: rgb(50, 50, 50);
	font-size: 9px;
}



/*------News Entry Rules------*/
.entryContainer {
	width: 477px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 9px 15px 15px 15px;
}

.entryAlternatingContainer {
	width: 507px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	padding-bottom: 10px;
}

.entryAlternatingTop {
	height: 9px;
	padding: 0;
	background-image: url("../images/entry_alternating_top.gif");
	background-repeat: no-repeat;
	font-size: 0;
}

.entryAlternatingMiddle {
	padding: 5px 15px 0 15px;
	margin: 0;
	background-color: transparent;
	background-image: url("../images/entry_alternating_middle.gif");
	background-repeat: repeat-y;
}

.entryAlternatingBottom {
	height: 15px;
	margin: 0;
	padding: 0;
	background-image: url("../images/entry_alternating_bottom.gif");
	background-repeat: no-repeat;
	font-size: 0;
}

.entryContainer p,
.entryAlternatingContainer p {
	padding: 0 5px 7px 5px;
	margin: 0;
	line-height: 13px;
}

/*------News Entry Rules TWO------*/
.entryContainerTwo {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
}

.entryContainerTwo td {
	padding: 15px 15px 15px 15px;
}

.entryAlternatingContainerTwo {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: rgb(237, 239, 243);
}

.entryAlternatingContainerTwo td {
	padding: 15px 15px 15px 15px;
}

/*
.entryContainer p,
.entryAlternatingContainer p {
	padding: 0 5px 7px 5px;
	margin: 0;
	line-height: 13px;
}
*/

/*------Contact List Entry Rules------*/
p.contactListEntryName {
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 11px;
	font-weight: bold;
}

p.contactListEntryTitle {
	padding-bottom: 5px;
	color: rgb(50, 50, 50);
	font-size: 11px;
	font-style: italic;
}

p.contactListEntryAffiliations {
	color: rgb(50, 50, 50);
	font-size: 11px;
	font-style: italic;
}

#soniaInfo.details {
	display: none;
}


/*------Story Rules------*/
.storyContainer {
	width: 507px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 9px 0 15px 0;
}

.storyContainer p {
	padding: 0 5px 12px 5px;
	margin: 0;
	line-height: 15px;
}

/*------Inset Text Header Rules------*/
.insetHeaderContainer {
	height: 25px;
	margin: 0;
	padding: 0 0 7px 0;
}

.insetHeaderCapLeft {
	float: left;
	display: block;
	width: 7px;
	height: 25px;
	background: url("../images/inset_header_cap_left.png");
	background-repeat: no-repeat;
}

h4 {
	float: left;
	display: block;
	height: 20px;
	padding: 5px 0 0 0;
	margin: 0;
	background: url("../images/inset_header_background.png");
	background-repeat: repeat-x;
	color: rgb(48, 48, 48);
	font-size: 11px;
	font-weight: bold;
}

h4 span.insetHeaderTimePosted {
	padding: 2px 0 0 10px;
	color: rgb(80, 80, 80);
	font-size: 8px;
	font-weight: normal;
}

.insetHeaderCapRight {
	float: left;
	display: block;
	width: 7px;
	height: 25px;
	background: url("../images/inset_header_cap_right.png");
	background-repeat: no-repeat;
}


/*------Sidebar Box Rules------*/
.sidebarBox {
	width: 150px;
}

.sidebarBoxTop {
	width: 150px;
	height: 7px;
	font-size: 0;
}

.sidebarBoxMiddle {
	padding: 5px 0 15px 0;
}

.sidebarBoxMiddle p {
	margin: 0;
	padding: 5px 15px 5px 15px;
}

.sidebarBoxMiddle p.title {
	color: rgb(56, 56, 56);
	font-size: 9px;
	font-weight: bold;
	text-shadow: 0 1px 0px rgb(251, 251, 251);
}

.sidebarBoxBottom {
	width: 150px;
	height: 10px;
}

.sidebarBoxBottom {
	width: 150px;
	height: 10px;
	font-size: 0;
}

/*-Sidebar Alert box rules-*/
.sidebarAlertBoxContainer {
	width: 134px;
	margin-left: auto;
	margin-right: auto;
}

.sidebarAlertBoxContainer p {
	margin: 0;
	padding: 0 10px 3px 10px;
	color: rgb(25, 25, 25);
	font-size: 9px;
}

.sidebarAlertBoxContainer p.date {
	padding: 3px 10px 2px 10px;
	color: rgb(100, 100, 100);
	font-size: 9px;
}

.sidebarAlertBoxTop {
	height: 3px;
	background-image: url("../images/sidebar_alert_box_top.png");
	background-repeat: no-repeat;
	font-size: 0;
}

.sidebarAlertBoxMiddle {
	height: 45px;
	background-image: url("../images/sidebar_alert_box_middle.png");
	background-repeat: repeat-y;
}

.sidebarAlertBoxBottom {
	height: 4px;
	background-image: url("../images/sidebar_alert_box_bottom.png");
	background-repeat: no-repeat;
	font-size: 0;
}


/*-Spotlight type box rules-*/
#sidebarBoxSpotlight.sidebarBox h3 {
	padding: 0 0 10px 0;
	margin: 0;
	color: rgb(56, 56, 56);
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 1px 0px rgb(251, 251, 251);
}

#sidebarBoxSpotlight.sidebarBox {
	background-color: rgb(158, 217, 77);
	background-image: url("../images/sidebar_box_spotlight_background.gif");
	background-repeat: no-repeat;
}

#sidebarBoxSpotlight .sidebarBoxTop {
	background-image: url("../images/sidebar_box_spotlight_top.gif");
	background-repeat: no-repeat;
}

#sidebarBoxSpotlight .sidebarBoxMiddle {
	background-image: url("../images/sidebar_box_spotlight_middle.gif");
	background-repeat: repeat-y;
}

#sidebarBoxSpotlight .sidebarBoxBottom {
	background-image: url("../images/sidebar_box_spotlight_bottom.gif");
	background-repeat: no-repeat;
}

/*-Spotlight link item rules-*/
#sidebarBoxSpotlight a {
	display: block;
	width: 118px;
	height: 15px;
	margin: 0;
	margin-right: auto;
	margin-left: auto;
	padding: 7px;
	background-image: url("../images/sidebar_box_spotlight_link_item_background.png");
	background-repeat: no-repeat;
	color: rgb(49, 49, 49);
	font-size: 9px;
	text-align: left;
	text-decoration: none;
}

#sidebarBoxSpotlight a img {
	vertical-align: middle; 
}

#sidebarBoxSpotlight a:hover {
	background-image: url("../images/sidebar_box_spotlight_link_item_background_hover.png");
	background-repeat: no-repeat;
	color: rgb(49, 49, 49);
	text-decoration: none;
}


/*------MVV rules------*/
.mvvVisionHeaders {
	font-size: 11px;
	font-weight: bold;
	color: rgb(102, 153, 31);
}


/*------Portfolio Gallery rules------*/
.portfolioGallery {
	width: 504px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 9px 0 15px 0;
}

.portfolioGalleryHeader ul {
	width: 140px;
	float: left;
	padding: 10px 0 5px 25px;
	list-style-image: none;
	color: rgb(255, 255, 255);
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px 3px rgb(50, 50, 50);

}


/*------Used Technologies Rules------*/
#technologiesContainer img.technologiesBadges {
	float: right;
	margin-left: 1px;
}