/* Start of CMSMS style sheet 'Layout' */
/*
Adapted by Wolfmarks
Inspired by the Golden Grid System
*/

body
{
margin-top:0px;
background:#000;
background-repeat: repeat;
padding-top:10px;
}

.main {  margin:0 auto;  width:970px;  background:#ffffff; }


.g160,.g320,.g480,.g640,.g800,.g960,.g80,.g240,.g400,.g560,.g720,.g880,.g960 {float:left; display: inline; margin-left:10px;  } 

.logo,.banner,.nav,.content,.tweetbar,.rightbar, .standard, .bloglist,.standardright,.blogright, .contactright,.footer,.team_pic, .team_desc, #articleListContainer, #contentContainer, #mainContainer
{float:left; display: inline; margin-left:20px;}

.service
{float:left; display: inline; margin-left:60px; width:270px;}

.logo {width:140px; }
.banner{width:950px; }

body.home div#banner {
	background-image: url(uploads/images/banners/home.gif);
	height:300px;
}

body.about div#banner {
	background-image: url(uploads/images/banners/about.gif);
	height:300px;
}
body.services div#banner {
	background-image: url(uploads/images/banners/about.gif);
	height:300px;
}

body.contact div#banner {
	background-image: url(uploads/images/banners/contact.gif);
	height:300px;
}
body.ourwork div#banner {
	background-image: url(uploads/images/banners/ourwork.gif);
	height:300px;
}

body.ourteam div#banner {
	background-image: url(uploads/images/banners/ourteam.gif);
	height:300px;
}

body.blog div#banner {
	background-image: url(uploads/images/banners/blog.gif);
	height:300px;
}
.nav{width:690px;
padding-right:10px;
height:75px;}

.nav dl

{ margin: 0; padding: 0; }

.nav dt { float: right;  }


.nav dt a {
	display: block;
	overflow: hidden;
	height: 0px !important;
	height /**/:75px; /* IE 5/Win hack */ 
	padding: 75px 0 0 0;
	background-repeat: no-repeat;
}

.nav dt a:hover {
	background-position: 0 -75px;
}
.nav dt#home,
.nav dt#home a { width: 73px; background-image: url(uploads/images/nav/home.gif); }

.nav dt#about,
.nav dt#about a { width: 110px; background-image: url(uploads/images/nav/about.gif); }

.nav dt#services,
.nav dt#services a { width: 106px; background-image: url(uploads/images/nav/services.gif); }

.nav dt#ourwork,
.nav dt#ourwork a { width: 120px; background-image: url(uploads/images/nav/ourwork.gif); }

.nav dt#ourteam,
.nav dt#ourteam a { width: 110px; background-image: url(uploads/images/nav/ourteam.gif); }

.nav dt#contact,
.nav dt#contact a { width: 102px; background-image: url(uploads/images/nav/contact.gif); }

.nav dt#blog,
.nav dt#blog a { width: 66px; background-image: url(uploads/images/nav/blog.gif); }

body.home dt#home,
body.home dt#home a,
body.about dt#about,
body.about dt#about a,
body.services dt#services,
body.services dt#services a,
body.ourwork dt#ourwork,
body.ourwork dt#ourwork a,
body.ourteam dt#ourteam,
body.ourteam dt#ourteam a,
body.contact dt#contact,
body.contact dt#contact a,
body.blog dt#blog,
body.blog dt#blog a {
	background-position: 0 -75px;
}

.standard  {width:950px; }

.content {width:660px;}
.tweetbar {padding-left:40px; width:210px;
background-image:url(uploads/images/twitter.gif);
background-position:top right;
background-repeat:no-repeat;}

.standardright {padding-left:40px; width:210px;
background-image:url(uploads/images/twitter.gif);
background-position:top right;
background-repeat:no-repeat;}

.blogright {padding-left:40px; width:210px;}

.contactright {padding-left:40px; width:210px;
background-image:url(uploads/images/compass.gif);
background-position:top right;
background-repeat:no-repeat;}

.team_pic {width:140px;}
.team_desc {width:540px;padding-bottom:1.125em; }



.footer  {
width:950px;  
background:transparent;
color:#877d7f;
padding-top:3.125em;
padding-bottom:1.125em;

}

.footer a
{color:#736e6f;
}

/* 6 columns */
.g160 {width:150px; }
.g320  {width:310px;}
.g480  {width:470px;}
.g640  {width:630px;}
.g800  {width:790px;}
.g960  {width:950px;}

/* 12 columns */
.g80 {width:70px;}
.g240 {width:230px;}
.g400 {width:390px;}
.g560 {width:550px;}
.g720 {width:710px;}
.g880 {width:870px;}


.inside{margin-left:0;}
.hidden {
	display: none;
}


p.grid{ padding-left:10px;}
  
.clear {clear:both;}
.clearfix, .main{ display:block;} 

.clearfix:after, .main:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
	 }

/* End of 'Layout' */