@charset "utf-8";

html{
    -webkit-transform: translate3d(0, 0, 0);
}
body {
	font-family:sans-serif;
	background-color: #efefef;
	margin: 0px;
	padding: 0px;
}
#branding {
	height: 70px;
	width: 1000px;
	background-image: url(images/SR_Banner.jpg);
}
#header {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#container {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-color: #efefef;
}
#LeftContent {
	float: left;
	height: 610px;
	width: 460px;
	background-color: #efefef;
	display: table-column;
	vertical-align: bottom;
	margin-left: 20px;
	margin-right: 20px;
}
#LeftContentAbout {
	float: left;
	height: 610px;
	width: 460px;
	background-color: #efefef;
	display: table-column;
	vertical-align: bottom;
	margin-left: 20px;
	margin-right: 20px;
}
#LeftContentAbout p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
	font-style: normal;
}


#LeftContentTest {
	float: left;
	width: 660px;
	background-color: #FFF;
	display: table-column;
	vertical-align: bottom;
	margin-left: 20px;
	margin-right: 20px;
}


#ComTextLeft {
	float: left;
	height: 260px;
	width: 250px;
	background-color: #FFFFFF;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#ComTextCentre {
	height: 260px;
	width: 250px;
	background-color: #FFFFFF;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}
#ComTextRight {
	float: right;
	height: 260px;
	width: 250px;
	background-color: #FFFFFF;
}



#LeftContactPage {
	float: left;
	height: 610px;
	width: 280px;
	background-color: #FFF;
	display: table-column;
	vertical-align: bottom;
	margin-left: 20px;
}
#LeftResidentialMenu {
	float: left;
	width: 180px;
	background-color: #FFF;
	display: table-column;
	vertical-align: bottom;
	margin-left: 20px;
}
#LeftDigitalmenu {
	float: left;
	width: 160px;
	background-color: #EFEFEF;
	margin-left: 20px;
}
#LeftArchmenu {
	float: left;
	width: 160px;
	background-color: #EFEFEF;
	margin-left: 20px;
}


#LeftCommercialMenu {
	float: left;
	height: 610px;
	width: 200px;
	background-color: #FFF;
	display: table-column;
	vertical-align: bottom;
	margin-left: 20px;
}
#ComMainImage {
	height: 300px;
	width: 760px;
	background-color: #efefef;
}
#ComProjectBanner {
	height: 50px;
	width: 760px;
}



#RightContent {
	float: left;
	width: 480px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#RightContentTestimonials {
	float: right;
	height: 540px;
	width: 280px;
	margin-right: 20px;
}

#RightContactPage {
	float: right;
	height: 540px;
	width: 680px;
	margin-right: 20px;
}
#RightComContactPage {
	float: right;
	height: 610px;
	width: 680px;
	margin-right: 20px;
}

#FreeConsultation {
	height: 70px;
	width: 680px;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../architectural/images/RIBA_logo.jpg);
}

#RightResidentialImages {
	float: right;
	height: 610px;
	width: 780px;
}
#RightHomePages {
	float: right;
	width: 800px;
	background-color: #efefef;
	margin-top: 25px;
}

#RightResidentialImagesTST {
	float: right;
	height: 610px;
	width: 800px;
	padding-top: 20px;
}
#RightFlowingNewsItem {
	float: right;
	width: 800px;
}

#RightResidentialImagesTSTNav {
	float: right;
	width: 780px;
	margin-right: 20px;
	padding-bottom: 20px;
	margin-top: 20px;
}


#RightCommercial {
	float: right;
	height: 610px;
	width: 760px;
	margin-right: 20px;
}



p {
	font-family:sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666;
}
.TelNumber {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-right: 10px;
	line-height: 18px;
	color: #333;
}

#container #LeftContentTest p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #333;
}

a {
	color: #333;
	text-decoration: none;
}
#container #LeftContactPage p a {
	font-weight: bold;
	text-decoration: underline;
}


a:hover{
	color: #ed1651;
	text-decoration: underline;
}

#Footer{
	width: 1000px;
	clear: both;
	width: 1000px;
	margin: 0px;
	height: 50px;
}
#FooterTextLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999;
	padding-left: 20px;
	float: left;
	width: 130px;
	padding-top: 20px;
}


#FooterTextRight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CCC;
	padding-right: 20px;
	float: right;
	text-align: right;
	width: 100px;
	padding-top: 20px;
}
#container #Footer #FooterTextRight a {
	color: #999;
}
#container #Footer #FooterTextRight a:hover {
	color: #C00;
}

/*-----------------------------------------------------------------------*/

/*Home Page Slideshow*/

.fadein {
	position: relative;
	height: 610px;
	width: 760px;
}
.fadein img {
	position:absolute;
	left:0;
	top:0;
}


/*-----------------------------------------------------------------------*/
.MainNavUL {
	padding-top: 45px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 1000px;
	text-align: right;
	padding-right: 0px;
	margin: 0px;
}
.MainNavLi {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	list-style-type: none;
	display: inline;
	padding-right: 0px;
	letter-spacing: .1em;
}
#header .MainNavUL .MainNavLi a {
	color: #666;
	list-style-type: none;
	display: inline;
	padding-right: 15px;
	letter-spacing: .1em;
}

#DivLine {
	width: 100%;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999;
	float: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	height: 20px;
}
#DivLineMid {
	width: 100%;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999;
	float: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	height: 20px;
}

#DivLineBot {
	width: 100%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
.SecondaryNavUL {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
.SecondaryNavLi {
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	list-style-type: none;
	letter-spacing: 0.1em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	font-size: 11px;
}
.SecondaryNavLi a {
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	list-style-type: none;
	letter-spacing: 0.1em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	font-size: 10px;
	color: #666;
}


#SecondaryNavSubUL {
	list-style-type: none;
	margin: 0px;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.SecondaryNavSubLi {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	list-style-type: none;
	letter-spacing: 0.1em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 10px;
}

.SecondaryNavSubLi a{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	color: #666;
	list-style-type: none;
	letter-spacing: 0.1em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	list-style-position: inside;
}
.imgRight {
	float: right;
}
#Language {
	float: left;
	height: 40px;
	width: 150px;
	padding-left: 20px;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	padding-top: 35px;
}
#ServicesList {
	font-family: sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
	list-style-type: disc;
	line-height: 16px;
}


H6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	font-weight: normal;
	line-height: 1em;
	padding-left: 20px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
ul {
	margin: 0px;
	padding: 0px;
}
.TestPicLower {
	margin-top: 90px;
}
.ContainerLeft {
	float: none;
	padding-bottom: 50px;
}
.HP_MainHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: normal;
	color: #666;
	padding-left: 20px;
	font-weight: bold;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.HP_SkillsHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: normal;
	color: #666;
	padding-left: 20px;
	font-weight: bold;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 380px;
	height: 35px;
}

.HP_Dates {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	padding-left: 20px;
	font-weight: normal;
	height: 30px;
	text-transform: capitalize;
}





.HP_banner, .HP_MainContent, .HP_SecondaryStuff {
	clear:both;

}

#HP_TextLeft{
	width:380px;
	height:300px;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.HP_SecondaryLeft {
	width:400px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#HP_TextLeft p {
	line-height: 1.5em;
	font-size: 0.8em;
	font-variant: normal;
	font-style: normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

   
#HP_TextRight{
	width:300px;
	height:300px;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 80px;
	
}
.HP_SecondaryRight {
	width:400px;
	height:300px;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#HP_Icons{
	width:400px;
	float: left;
  }
  
.HP_SlideNav{
	padding-left: 140px;
	float: left;
	padding-top: 200px;
  }
.IconText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	padding-left: 10px;
	line-height: 1em;
	position: relative;
	bottom: 10px;
}
.IconDivRules {
	padding-top: 10px;
	padding-left: 20px;
	width: 380px;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.IconHeader {
	margin: 0px;
	padding: 0px;
	width: 380px;
}