/* Andrew Engineering - main StyleSheet document. 21-12-2007 */



/* Log..

13-08-2009	Site updates reviewed and priced up {Jnm}
26-02-2009	/pages.css file added and site revamped {Jnm}
21-01-2008	John changed pale blue across the board from #5ab_5e7 to: #448_8ae (remove the underscores!)

*/


/* Let's import the other StyleSheets */

@import url(/css/globals.css);
@import url(/css/pages.css);
@import url(/css/classes.css);



/* John's usual useful bits */

.normal						{ font-weight: normal !important; }
.bold							{ font-weight: bold !important; }
.superscript					{ vertical-align: super; font: normal 7pt verdana !important; }
.subscript						{ vertical-align: sub; font: normal 7pt verdana !important; }
.lowercase						{ text-transform: lowercase !important; }
.uppercase					{ text-transform: uppercase !important; }

.hidden,.off					{ display: none !important; }
.visible,.on					{ display: inline !important; }



/* Page components - div tags and the like.. */

#canvas						{ background: #FFFFFF url(/gfx/back/canvas.jpg) right top no-repeat; }
#wholepagecontentholder			{ width: 780px; }
#left							{ float: left; width: 140px; }
#right						{ float: left; width: 615px; background-image: url(/gfx/bg.gif); background-repeat: no-repeat; background-position: top left; padding-left: 25px; }
#logo						{ text-align: center; }
#footer						{ clear: both !important; font: normal 9pt "Comic Sans MS",verdana; }



/* Left menu (from /includes/menu.html) 26-02-2009 Jnm */

#menu						{ text-align: center; padding-top: 20px; padding: 15px; }
#menu div					{ width: 110px; padding-bottom: 10px; }
#menu div a 					{ display: block; width: 110px; font-family: "Comic Sans MS",verdana; font-size: 10pt; color:#4488ae; font-weight:bold; text-decoration:none; }
#menu div a.new				{ background: url(/gfx/icons/new.gif) no-repeat bottom right; }
#menu div.hi					{ width: 110px; padding-bottom: 10px; }
#menu div.hi a 					{ display: block; width:110px; font-family: "Comic Sans MS",verdana; font-size: 10pt; color:#FFFFFF; font-weight:bold; text-decoration:none; background: #4488ae; }
#menu div.hi a:active			{ display: block; width:110px; font-family: "Comic Sans MS",verdana; font-size: 10pt; color:#FFFFFF; font-weight:bold; text-decoration:none; background: #4488ae; }



/* The bottom part of all pages */

#footer 						{ color: #999999; font: normal 10pt "Comic Sans MS",verdana; padding: 20px 0px 20px 0px; }
#footer a 						{ text-decoration: underline; color: #999999; }
#footer a:hover 				{ text-decoration: none; color: #666666; }
#footer ul						{ margin: 0px 0px 20px 0px; }



#right h1						{ font-family: "Comic Sans MS",verdana; font-size:35px; font-weight:bold; padding-top:20px; }
#right h2						{ font-family: "Comic Sans MS",verdana; font-size:18px; font-weight:normal; padding-top:15px; padding-bottom:20px; }
#right #h1-slogan 				{position:absolute; top:60px; left:450px; width:300px; color:#4488ae; font-size:24px; }

#right						{ font-family: "Comic Sans MS",verdana; font-size: 10pt; font-weight:normal; }
#right p						{ padding-bottom: 20px; text-align: justify; }
#right a						{ color: #4488ae; }
#right a img					{ background: #FFFFFF; }
#right a:hover					{ text-decoration: none; }

#right ul 						{ list-style-image:url(/gfx/bullet.gif); color:#4488ae; padding: 0px 0px 20px 30px; }
#right ul.sub					{ list-style-image:none; padding-top:10px; list-style-type:square; color:#4488ae; padding-left:30px; }
#right li						{ padding-left:7px; padding-bottom:7px; }

#right .show-off-img 				{ width:260px; float:left; margin-left: 20px; text-align:center; }
#right .show-off-img img 			{ border:1px black solid; margin-bottom: 5px; }
#right .show-off-txt				{ float: left; width:180px; padding-left: 35px; padding-top:10px; font-family: "Comic Sans MS",verdana; font-size: 11px; color:#4488ae; font-size:24px; line-height:130%; }

#right div.float-left 				{ float: left; }
#right div.float-left img			{ margin-bottom: 0; }
#right div.float-right 				{ float: right; padding: 0px 0px 0px 10px; clear: right; }

#enforcedBreak					{ clear: both !important; }
#footLinksmenu					{ padding: 20px 0px 0px 0px; }

a.projects:link					{ color:#003366; text-decoration:none; }
a.projects:visited				{ color:#003366; text-decoration:none; }
a.projects:hover				{ color:#0066FF; }
a.projects:active				{ color:#003366; text-decoration:none; }



/* Pictures and Photographs */

.photos						{ clear: both !important; }
.photos div.photo				{ float: left; margin: 10px 5px 0px 0px; }
.photos div.photo p				{ color: #808080; font: normal 9pt "Comic Sans MS",verdana; }

.borderedPhoto					{ border: 1px solid #404040; }
.captionedPhoto					{ float: right; width: 300px; color: #808080; background: #FFFFFF; padding: 5px 5px 10px 5px; margin: 0px 0px 10px 10px; }
.captionedPhoto240				{ float: right; width: 240px; color: #808080; background: #FFFFFF; padding: 5px 5px 10px 5px; margin: 0px 0px 10px 10px; }
.captionedPhoto img				{ padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; border: 1px solid #000000; }
.captionedPhoto240 img			{ padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; border: 1px solid #000000; }

.caption						{ color: #808080; text-align: right !important; }

/* Accreditation Logos etc. */

#mcsApproved					{ width: 160px; height: 90px; background-image: url(/gfx/logos/mcs-approved-installer.jpg); background-repeat: no-repeat; }


/* Google stuff */

#googleAnalytics				{ clear: both !important; height: 10px; overflow: hidden; }



/* Social Networking ... */

#facebook						{ clear: both; margin: 10px 0px 10px 0px; }



/* End of the main css file - who's turn is it to buy doughnuts? */