/* CSS Document */

/**************************************/
/**********START Global Styles*********/
/**************************************/
body {
	background: #FFF url(../images/structure/header_background.png) repeat-x top center;
	}
p {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", helvetica, sans-serif;
	color: #424242;
	}
h1 {
		font-size: 150%;
		text-transform: uppercase;
		width: 595px;
		color: #5B5B5B;
		margin: 0 0 0 60px;
		letter-spacing: 0.02em;
		word-spacing: 0.3em;
	}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	}
li {
	font-family: "Lucida Grande","Lucida Sans Unicode","Trebuchet MS",helvetica,sans-serif;
	color: #424242;
	}
input { 

	}
select {

	}
select option {
	
	}
a:link {
	text-decoration: underline;
	color: #424242;
	}
a:active {
	text-decoration: underline;
	color: #424242;
	}
a:visited {
	text-decoration: underline;
	color: #5B5B5B;
	}
a:hover {
	text-decoration: underline;
	color: #006F89;
	}
div#AlniroDesignContainer {
	width: 995px;
	margin: 0 auto 0 auto;
	}

	/**************************************/
	/*********START Top Nav Styles*********/
	/**************************************/
	div#Design {
		height: 65px;
		}
	div#AlniroLogo {
		width: 250px;
		padding: 40px 0 0 0;
		float: left;
		}
	div#AlniroLogo p {
		text-align: right;
		}
	p#CreativeServices {
		font-family: "Trebuchet MS", Georgia, "Times New Roman";
		padding: 10px 0 20px 50px;
		color: #EB332A;
		border-right: 1px dotted #C1C1C2;
		border-bottom: 1px dotted #C1C1C2;
		width: 295px;
		}
	p#CreativeServices a,
	p#CreativeServices a:link,
	p#CreativeServices a:active,
	p#CreativeServices a:visited {
		color: #9A9B9C;
		text-decoration: none;
		font-size: 60%;
		}
	p#CreativeServices a:hover {
		color: #EB332A;
		text-decoration: underline;
		}

	div#FlashDesign {
		height: 80px;
		background: url(../images/structure/ideas_background_flash.gif) repeat-x top left;
		margin: 1px 0 0 0;
		width: 745px;
		}
	div#FlashDesign,
	div#DesignLinks {
		float: right;
		}
		
	div#DesignLinks {
		text-align: right;
		border-top: 1px dotted #C1C1C2;
		padding: 0 0 0 0;
		width: 650px;
		margin: 0px 0 0 0; /*Moz hack */
		*margin: 17px 0 0 0; /*IE 7 hack */
		_margin: -53px 0 0 0; /*IE 6 hack */
		}
	div#DesignLinks ul {
		}
	div#DesignLinks ul li {
		list-style: none;
		float: left;
		margin: 0 2.9em 0 0;
		padding: 6px 9px 0 12px;
		border-top: 3px solid #FFF;
		}
	div#DesignLinks ul li a.DesignLinksFront {
		display: none;
		}
	div#DesignLinks ul li span {
		cursor: pointer;
		display: block;
		height: 20px;
		}
	div#DesignLinks ul li:hover {
		border-top-color: #EB332A !important;
		}
	div#DesignLinks ul li#DesignHome {
		
		}
	div#DesignLinks ul li#DesignHome span {
		background: #FFF url(../images/structure/nav_home.png) bottom center no-repeat;
		width: 36px;
		}
	div#DesignLinks ul li#DesignWho span {
		background: #FFF url(../images/structure/nav_who.png) bottom center no-repeat;
		width: 32px;
		}
	div#DesignLinks ul li#DesignSpecialities span {
		background: #FFF url(../images/structure/nav_specialities.png) bottom center no-repeat;
		width: 71px;
		}
	div#DesignLinks ul li#DesignNews span {
		background: #FFF url(../images/structure/nav_news.png) bottom center no-repeat;
		width: 33px;
		}
	div#DesignLinks ul li#DesignSitemap span {
		background: #FFF url(../images/structure/nav_sitemap.png) bottom center no-repeat;
		width: 52px;
		}
	div#DesignLinks ul li#DesignContact span {
		background: #FFF url(../images/structure/nav_contactus.png) bottom center no-repeat;
		width: 75px;
		}
	div.Home div#DesignLinks ul li#DesignHome,
	div.Team div#DesignLinks ul li#DesignWho,
	div.Services div#DesignLinks ul li#DesignSpecialities,
	div.News div#DesignLinks ul li#DesignNews,
	div.SiteMap div#DesignLinks ul li#DesignSitemap,
	div.ContactUs div#DesignLinks ul li#DesignContact {
		border-top-color: #EB332A !important;
		}

	/**************************************/
	/***********END Top Nav Styles*********/
	/**************************************/

	/**************************************/
	/*****START Flash Container Styles*****/
	/**************************************/
	div#DesignBannerFlashContainer {
		}
	div#DesignAgency {
		margin: 30px 0 0 0;
		}
	div#DesignAgency p {
		}
	div#DesignAgency p#DesgignBannerContainer {
		height: 250px;
		text-align:center;
		}
	div#DesignAgency p#DesgignBannerContainer {
		height: 250px;
		}

	/**************************************/
	/******END Flash Container Styles******/
	/**************************************/
	
	/**************************************/
	/****START Content Container Styles****/
	/**************************************/
	div#CreativeDesign {
		background: url(../images/structure/mid_bottom_background.png) bottom center no-repeat;
		min-height: 400px;
		margin: 20px auto 30px auto;
		}
	
	div#DesignWork,
	div#DesignSummary,
	div#DesignSpace {
		height: 270px;
		}
	div#DesignSections,
	div#DesignSummaryLinks,
	div#DesignSummaryContent {
		height: 260px;
		}
	
	div.DesignSummaryContent {
		height: 260px;
		}
	div#DesignWork,
	div#DesignWorks {
		width: 874px;
		overflow: hidden;
		margin: 0 0 0 60px;
		}
	div#DesignSummary {
		display: block;
		overflow: hidden; 
		float: right;
		background-color: #FFF;
		}
	div#HelloDesign {
		border-bottom: 6px solid #EFEFEF;
		border-top: 6px solid #EFEFEF;
		padding: 3px 10px 10px 10px;
		background-color: #FFF;
		height: 243px;
		overflow: auto;
		overflow: -moz-scrollbars-vertical;
	 	overflow-y: auto;
		scrollbar-face-color: #FDFDFD;
		scrollbar-highlight-color: #E0E0E0;
		scrollbar-3dlight-color: #DEDEDE;
		scrollbar-darkshadow-color: #CCC;
		scrollbar-shadow-color: #ECECEC;
		scrollbar-arrow-color: #979797;
		scrollbar-track-color: #EFEFEF;
		}

	div#HelloDesign div {
		background-color: #FFF;
		margin: 0;
		}
	div#HelloDesign div p,
	div#HelloDesign div ul {
		margin: 10px 10px 0 10px;
		}
	div#HelloDesign div h3 {
		font-size: 110%;
		line-height: 130%;
		color: #EB332A;
		font-style: italic;
		border-bottom: 1px dotted;
		}
	div#HelloDesign div h4 {
		margin: 20px 10px 5px 10px;
		padding: 4px;
		font-size: 100%;
		line-height: 130%;
		font-style: normal;
		border: 1px dotted #DDD;
		background: #F4F4F4;
		}
	div#HelloDesign div p {
		font-size: 80%;
		line-height: 160%;
		}
	div#HelloDesign ul {
		}
	div#HelloDesign ul li {
		float: left;
		margin: 0 30px 0 0;
		list-style: none;
		font-size: 70%;
		margin-bottom: 5px;
		}
	div#DesignSections {
		width: 27px;
		background: #424242 url(../images/structure/site_highlights_title.gif) no-repeat bottom center;
		float: right;
		border: 5px solid #CCC;
		}
	div#DesignSections p {
		border: 1px solid #CFCFCF;
		font-size: 90%;
		font-weight: bold;
		text-align: center;
		width: 15px;
		margin: 5px 0 0 5px;
		}
	div#DesignSections p:hover {
		border: 1px solid #FFF;
		background: #CCC;
		}
	div#DesignSections p a {
		color: #CFCFCF;
		text-decoration: none;
		margin: -2px 0 0 0;
		display: block;
		}
	div#DesignSections p a:hover {
		color: #FFF;
		}
	div#DesignSections p a span {
		display: none;
		overflow: hidden;
		}
	div#DesignSpace {
		width: 16px;
		float: right;
		margin-left: 20px;
		background: #EFEFEF url(../images/structure/mid_bottom_background.png) top center;
		}
	div#DesignSummaryLinks {
		width: 198px;
		border-top: 5px solid #CCC;
		border-right: 5px solid #CCC;
		border-bottom: 5px solid #CCC;
		float: left;
		background: #CCC;
		}
	div#DesignSummaryLinks ul li {
		border-bottom: 5px solid #CCC;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 100%;
		color: #FFF;
		letter-spacing: 0.01em;
		word-spacing: 0.2em;
		/*padding: 15px 5px 15px 5px;*/
		font-weight: bold;
		}
	div#DesignSummaryLinks  ul li a {
		height: 48px;
		*height: 47px;
		_height: 47px;
		}
	div#DesignSummaryLinks  ul li a span {
		padding: 15px 5px 0 5px;
		display: block;
		}
	div#DesignSummaryLinks ul li a {
		background: url(../images/structure/in_page_links_bg_off.png) repeat-x center center;
		color: #FFF;
		display: block;
		}
	div#DesignSummaryLinks ul li a:link,
	div#DesignSummaryLinks ul li a:active,
	div#DesignSummaryLinks ul li a:visited {
		color: #FFF;
		text-decoration: none;
		}
	div#DesignSummaryLinks  ul li a:hover {
		text-decoration: underline;
		background: url(../images/structure/in_page_links_bg_on.png) repeat-x top center;
		}
	div#DesignSummaryLinks  ul li a.ActiveDesignSummaryLink {
		background: url(../images/structure/in_page_links_bg_on.png) repeat-x top center;
		display: block;
		}
	div.DesignSummaryContent {
		float: right;
		width: 245px;
		border-top: 5px solid #CCC;
		border-bottom: 5px solid #CCC;
		border-right: 5px solid #CCC;
		background: #FFF url(../images/structure/ideas_background_shadow.gif) top center no-repeat;
		}
	div.DesignSummaryContent h2 {
		color: #EB332A;
		font-size: 80%;
		font-weight: bold;
		margin: 5px 10px 0 10px;
		line-height: 130%;
		font-style: italic;
		}
	div.DesignSummaryContent p {
		margin: 5px 10px 5px 10px;
		font-size: 75%;
		text-align: justify;
		line-height: 135%;
		}
	div.DesignSummaryContent ul {
		font-size: 75%;
		margin-left: 30px;
		}
	div.DesignSummaryContent ul li {
		list-style-type: circle;
		list-style-position: outside;
		line-height: 160%;
		}
	/**************************************/
	/*****END Content Container Styles*****/
	/**************************************/
	
	/**************************************/
	/****START Address Container Styles****/
	/**************************************/
	div#DesignAgencyAddress {
		margin: 5px 60px 10px 60px;
		border-top: 1px solid #ECECEC;
		padding: 5px 0 0 0;
		}
	div#DesignAgencyAddress p {
		color: #ECECEC;
		font-size: 70%;
		font-weight: normal;
		text-align: right;
		line-height: 190%;
		}
	/**************************************/
	/*****END Address Container Styles*****/
	/**************************************/

	/**************************************/
	/*******START Bottom Nav Styles********/
	/**************************************/
	div#DesignSplitter {
		height: 50px;
		}
	div#GraphicDesign {
		margin: 0 60px 0 60px;
		overflow: hidden;
		}
	div#GraphicDesign ul {
		
		}
	div#GraphicDesign li {
		float: left;
		margin: 0 30px 0 0;
		font-size: 70%;
		list-style: none;
		color: #424242;
		}
	div#GraphicDesign li a {
		color: #424242;
		}
	div#GraphicDesign li a:hover {
		color: #EB332A;
		}
	/**************************************/
	/*********END Bottom Nav Styles********/
	/**************************************/
	
	/**************************************/
	/********START Page End Styles*********/
	/**************************************/
	div#FinalDesign {
		background: #FFF url(../images/structure/ideas_background_shadow.gif) center center no-repeat;
		height: 150px;
		}
	div#DesignCodesContainer {
		height: 0px;
		overflow: hidden;
		clear: both;
		}
	/**************************************/
	/*********END Page End Styles**********/
	/**************************************/

/**************************************/
/***********END Global Styles**********/
/**************************************/
