@media all and (min-width: 800px)
{

body { background-color:#fff; padding:0; margin:0; border-top:10px solid #ccc;}

#container  { width:800px; margin:0 auto; overflow:hidden;}

#container #header { width:800px; height:116px; float:left; margin:0; padding:20px 0;}

#container #header #logo { width:150px; height:116px; float:left; margin:0 20px 0 0;}

#container #header #welcome { width:630px; height:48px; float:left; margin:100px 0 0 0;}

#container #header #welcome p { text-align:left; font-size:16px; line-height:16px; margin:0;}

#container #menu { width:800px; padding:0; height:20px; float:left; margin:20px 0 40px 0;}

#container #menu p { text-align:left; margin:0; font-size:16px; line-height:20px;}

#container #transition { width:500px; height:500px; margin:0 0 20px 0; padding:0; float:right; overflow:hidden; position:relative; background-color:transparent;}

#container #transition .cycle-slideshow { width:500px; height:500px; margin:0; padding:0; position:absolute; top:0; left:0; z-index:10;}

#container #transition .cycle-slideshow img { display:block; min-width:500px; min-height:500px; z-index:10;}

.hidedesktop {display:none;}

#container #content { width:280px; margin:0; float:left; padding:0 20px 20px 0;}

#container #about-content { width:800px; margin:0; float:left; padding:0 0 20px 0; background-image:url(property-development-investment-reading-berkshire/property-development-land-development-schemes-reading.jpg); background-position:top right; background-repeat:no-repeat; min-height:500px;}

#container #operations-content { width:800px; margin:0; float:left; padding:0 0 20px 0; background-image:url(property-development-investment-reading-berkshire/area-of-operations.jpg); background-position:top right; background-repeat:no-repeat; min-height:500px;}

#footer { width:100%; margin:0; padding:20px 0; background-color:#444;}

#footer p { text-align:center; color:#ddd;}

#footer p a { color:#ddd; border:none; text-decoration:none;}

h1 { font-family:Arial, Helvetica, sans-serif; color:#444; font-size:25px; line-height:25px; margin:0 0 10px 0; padding:0;}

h2 { font-family:Arial, Helvetica, sans-serif; color:#444; font-size:20px; line-height:20px; margin:0 0 10px 0; padding:0;}

h3 { font-family:Arial, Helvetica, sans-serif; color:#444; font-size:20px; line-height:20px; margin:0 0 10px 0; padding:0;}

p { font-family:Arial, Helvetica, sans-serif; color:#444; font-size:14px; line-height:18px; margin:0 0 10px 0; padding:0;}

p a { color:#444; border-bottom:1px solid #666; text-decoration:none; font-weight:bold; padding:0;}

p a:hover { text-decoration:none;}

input.textfield {width:50%; margin:0; padding:8px 5px; clear:both!important;  color:#555; font-size:16px; line-height:16px; background-color:#fff; border:1px solid #bbb;}

textarea {width:50%; height:120px; clear:both; margin:0; padding:8px 5px; clear:both; clear:both!important;  color:#555; font-size:16px;  background-color:#fff; border:1px solid #bbb;}

input.button {width:300px; margin:0; background-color:#666; color:#fff; padding:10px; clear:both!important; display:block; font-size:20px; border:0;cursor:pointer;}

}

@media all and (max-width: 799px)
{
	
body { background-color:#fff; padding:0; margin:0; border-top:10px solid #ccc;}

#container  { width:100%; padding:0; margin:0; overflow:hidden;}

#container #header { width:90%; float:left; margin:0; padding:5% 5% 0 5%;}

#container #header #logo { width:100%; float:left; margin:0 0 5% 0;}

#container #header #logo img { display:block; height:auto; width:100px; float:left;}

#container #header #welcome {display:none;}

#container #menu { width:90%; text-align:left; margin:0 5% 5% 5%;}

#container #menu p { line-height:1.5em;}

#container #transition { width:100%; margin:0; padding:0; float:left; overflow:hidden; position:relative; background-color:transparent;}

#container #transition img { display:block; width:100%; height:auto; min-width:100%; min-height:300px; z-index:10;}

#container #transition .cycle-slideshow { width:100%; height:300px; margin:0; padding:0; position:absolute; top:0; left:0; z-index:10;}

#container #transition .cycle-slideshow img { display:block; min-width:100%; min-height:300px; z-index:10;}



#container #content { width:90%; margin:0; float:left; padding:5%;}

#container #operations-content { width:90%; margin:0; float:left; padding:5%;}

#footer { width:90%; margin:0; float:left; padding:5%; background-color:#444;}

#footer p { text-align:left; color:#ddd;}

#footer p a { color:#ddd; border:none; text-decoration:none;}

h1 { font-family:Arial, Helvetica, sans-serif; color:#444; font-size:1.5em; line-height:1em; margin:0 0 5% 0;}

h2 { font-family:Arial, Helvetica, sans-serif; color:#444; font-size:1.5em; line-height:1em; margin:0 0 5% 0;}

h3 { font-family:Arial, Helvetica, sans-serif; color:#444; font-size:1.5em; line-height:1em; margin:0 0 5% 0;}

p { font-family:Arial, Helvetica, sans-serif; color:#444; font-size:1em; line-height:1em; margin:0 0 5% 0;}

p a { color:#444; border-bottom:1px solid #666; text-decoration:none; font-weight:bold;}

p a:hover { text-decoration:none;}

input.textfield {width:70%; margin:0; padding:8px 5px; clear:both!important;  color:#555; font-size:16px; line-height:16px; background-color:#fff; border:1px solid #bbb;}

textarea {width:70%; height:120px; clear:both; margin:0; padding:8px 5px; clear:both; clear:both!important;  color:#555; font-size:16px;  background-color:#fff; border:1px solid #bbb;}

input.button {width:300px; margin:0; background-color:#666; color:#fff; padding:10px; clear:both!important; display:block; font-size:20px; border:0;cursor:pointer;}

}