/* Macaulay Sinclair Main CSS Document */

/** 
 * Global Styles.
 */
html, body {
	margin:0 auto;
	padding:0 auto;
	background-color:#fff;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:13px;
}
h1 {
	width:185px;
	font-size:12px;
	font-weight:normal;
	margin:0 0 14px 0;
	text-decoration:underline;
}
p {
	width:176px;
	font-size:12px;
	font-weight:normal;
	margin:0 0 14px 0;
}
ul,li {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
a:link, a:active, a:visited {
	color:#fff;
	text-decoration:underline;
}
a:hover {
    color:#fff;
	text-decoration:underline;
}
a{outline:none;}
img {
	border:none;
	outline:none;
}

/** 
 * Layout/Structure Styles.
 */
#whiteHeader {
	width:960px;
	padding:36px 0 25px 0;
	background-color:#fff;
	float:left;
	top:0px;
	left:14px;
	position:fixed;
	z-index:50;
}
#mainNav {
	width:105px;
	float:left;
	top:102px;
	left:12px;
}
#mainContent{
	width:842px;
	float:left;
}
#mainContentTop{
	width:842px;
	height:89px;
}
#mainContentBlock,#mainContentBlockAlt,#mainContentBlockPortfolio {
	width:830px;
	height:476px;
	margin:0 0 12px 120px;
	padding:12px 0 0 12px;
}
#mainContentBlockContact {
	width:830px;
	height:476px;
	margin:0 0 200px 120px;
	padding:12px 0 0 12px;
}
#mainContentBlock {background-color:#bdbdbd;}
#mainContentBlockAlt, #mainContentBlockContact {background-color:#454444;}
#mainContentBlockPortfolio {background-color:#999999;}

#mainContentText,#mainContentHome {
	width:194px;
	margin:0 6px 0 0;
	float:left;
}
#mainContentHome p{
	width:194px;
}
#mainContentContact {
	width:194px;
	margin:0 8px 0 0;
	float:left;
}
#mainContentContact p {
	width:185px;
	font-size:12px;
	font-weight:normal;
	margin:0 0 14px 0;
}
#mainContentTextFull {
	width:830px;
	margin:0 6px 0 0;
	float:left;
}
#nextProject {
	width:98px;
	height:14px;
	float:left;
}
a.rollover {
	display: block;
	width: 98px;
	height: 14px;
	background: url(../images/next-project.gif);
}
a.rollover:hover {
	background-position: 0 -14px;
}
#moreNews {
	width:98px;
	height:14px;
	float:left;
}
a.rolloverNews {
	display: block;
	width: 98px;
	height: 14px;
	background: url(../images/more-news.gif);
}
a.rolloverNews:hover {
	background-position: 0 -14px;
}
.displace {
	position: absolute;
	left: -5000px;
}

#mainContentHome h1{
	font-size:12px;
	font-weight:normal;
	margin:0;
	text-decoration:underline;
}
#socialNetworks {
	width:194px;
	margin:115px 6px 0 0;
	float:left;
}
#companyFooter {
	width:194px;
	margin:145px 6px 0 0;
	float:left;
}
#mainContentHeading {
	height:68px;
}
#portfolioText {
	height:385px;
}
#mainContentHeadingAlt {
	height:75px;
	width:800px;
	float:left
}
#mainContentImage {
	width:624px;
	height:464px;
	float:left;
}
#mainContentImageContact {
	width:618px;
	height:464px;
	background-color:#333;
	float:left;
}
#innerImage {
	width:306px;
	height:229px;
	margin:0 6px 6px 0;
	float:left;
}
#innerColumnLeft {
	width:306px;
	height:394px;
	margin:0 6px 0 0;
	padding:70px 0 0 0;
	float:left;
	background-color:#cc0066;
}
#innerColumnRight {
	width:306px;
	height:464px;
	float:left;
}
#innerColumnWhite {
	width:306px;
	height:394px;
	margin:0 6px 0 0;
	padding:70px 0 0 0;
	float:left;
	background-color:#fff;
}
#testimonialsText {
	width:200px;
	height:330px;
	margin:0 6px 0 0;
	padding:0px;
	float:left;
}
#testimonialsFooter {
	width:200px;
	height:53px;
	margin:0 6px 0 0;
	padding:0px;
	float:left;
}
#testimonialsTextPink {
	width:194px;
	height:464px;
	float:left;
	background-color:#cc0066;
}
#altTxtWrapper {
	width:200px;
	height:464px;
	float:left;
}
#contactFooter {
	height:50px;
}

/** 
 * Home image rollovers.
 */
#mainContentImage ul.homegallery li {
	width:306px;
	height:229px;
	margin:0 6px 6px 0;
	float:left;
}
#mainContentImage ul.homegallery li a.homeimage {
	width:306px;
	height:229px;
	cursor:pointer;
}
#mainContentImage ul.homegallery li span {
	width:306px;
	height:229px;
	overflow:hidden;
	display:block;
}