/* CSS Document 2008 www.mezzaninecreative.com */
/*=================MAIN START==============*/

* {
padding:0;
margin:0;
}

html {
	background:#3A3A3C;
}

body {
	text-align:center;
	font:10px Myriad, Arial, Helvetica, sans-serif;
	color:#444;
}

a:link {color:#F06F34; text-decoration:none;}
a:visited {color:#F06F34; text-decoration:none;}
a:hover {color:#B24B46; text-decoration:none;}
a:active {color:#B24B46; text-decoration:none;}

p {
	margin:10px 0;
	padding:0;
	font:11px Myriad, Arial, Helvetica, sans-serif;
}

h1 {
	margin:0 0 20px;
	padding:0;
	font:28px Myriad, Arial, Helvetica, sans-serif;
}

h1.sub {
	margin:0 0 5px;
	padding:0;
	font:28px Myriad, Arial, Helvetica, sans-serif;
}

h2.visibility {
	height:30px;
	width:480px;
	margin:0 0 10px;
	padding:5px;
	font:25px Myriad, Arial, Helvetica, sans-serif;
	color:#FFF;
	background:#B24B46;
}

h2.visibility span.visibility2 {
	background:#F06F34;
	margin:0;
	color:#FFF;
}

h2 {
	margin:5px 0;
	padding:0;
	font:28px Myriad, Arial, Helvetica, sans-serif;
}

h3 {
	margin:10px 0;
	padding:0;
	font:24px Myriad, Arial, Helvetica, sans-serif;
}

h4 {
	margin:10px 0;
	padding:0;
	font:bold 16px Myriad, Arial, Helvetica, sans-serif;
}

h5 {
	
}

h6 {
	
}

#wrapper {
	width:900px;
	margin:20px auto;
	padding:0;
	text-align:left;
}

.colorOne {
	color:#B24B46;
}
#menu ul a.colorOne {
	color:#555;
}

#menu ul a.colorOne:hover {
	color:#8D251E;
}


.colorTwo {
	color:#F06F34;
}
#menu ul a.colorTwo {
	color:#555;
}

#menu ul a.colorTwo:hover {
	color:#F06F34;
}

#menu ul a.colorOrange {
	color:#F06F34;
}

#menu ul a.colorOrange:hover {
	color:#B24B46;
}



.colorThree {
	color:#FFF;
}
.colorFour {
	color:#AAA;
}
.colorFive {
	color:#FFFF00;
}
.large {
	font-size:36px;
}
.medium {
	font-size:26px;
}
.smedium {
	font-size:19px;
}
.standard {
	font-size:17px;
}
.small {
	font-size:14px;
}
.xsmall {
	font-size:12px;
}
.x2small {
	font-size:11px;
}
.xxsmall {
	font-size:9px;
}
.clLeft {
	clear:left;
}
.hover {
	color:#F06F34;
}
.sort {
	font-size:16px;
	color:#F06F34;
	height:22px;
}
a.photoPortfolio {
	background-color:#8D251E;
	font-size:16px;
	color:#FFF;
	padding:5px;
}

.clear{clear:left;}

/* HEIGHT OF BOXES*/
.webVisibility {
height:600px;
}
.photography {
height:800px;
}
.logosAndStationery {
height:710px;
}
.webDesignBox {
height:620px;
}
/* HEIGHT OF BOXES END*/


.privacy {
width:650px;
}
.partnerImage {margin:10px 0;}
/*=================MAIN END==============*/

/*=================HEADER START==============*/
#header {
overflow:hidden;
}
#header div#mezzOne {
	float:right;
	width:285px;
	margin:40px 0 0 0;
	text-align:right;
}
#header div#mezzCreative {
	float:left;
	width:350px;
}

/*=================HEADER END==============*/

/*=================CONTENT START==============*/
#content {
	position:relative;
	width:880px;
	background-color:#FFFFFF;
	padding:20px 0px 5px 20px;
	overflow:hidden;
}
#contentMain {
	width:720px;
	float:left;
}
#firstBoxMethod {
	background:url(../_images/red_box.png) no-repeat;
	width:141px;
	height:156px;
	float:left;
	margin-right:20px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#secondBoxMethod {
	background:url(../_images/grey_box.png) no-repeat;
	width:141px;
	height:150px;
	float:left;
	margin-right:20px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#thirdBoxMethod {
	background:url(../_images/orange_box.png) no-repeat;
	width:141px;
	height:150px;
	float:left;
	margin:0 20px 40px 0;
	padding:10px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
}
#firstBox a {
	background:url(../_images/red_box.png) no-repeat;
	width:141px;
	height:168px;
	float:left;
	margin-right:20px;
	padding:10px;
	font-size:24px;
	color:#FFF;
	text-align:center;
	display:block;
}
#secondBox a {
	background:url(../_images/grey_box.png) no-repeat;
	width:141px;
	height:168px;
	float:left;
	margin-right:20px;
	padding:10px;
	font-size:24px;
	color:#FFF;
	text-align:center;
	display:block;
}
#thirdBox a {
	background:url(../_images/orange_box.png) no-repeat;
	width:141px;
	height:168px;
	float:left;
	margin:0 20px 40px 0;
	padding:10px;
	font-size:14px;
	color:#FFF;
	text-align:center;
	display:block;
}
.firstStyleBoxMethod {
	color:#DDD;
	font-size:17px;
}

#googleBox {
	width:200px;
	height:200px;
	position:absolute;
	left:525px;
	top:200px;
	z-index:2;
}
#yellowPages {
	width:100px;
	height:100px;
	position:absolute;
	left:598px;
	top:48px;
	z-index:2;
}
#brain {
	width:100px;
	height:100px;
	position:absolute;
	left:600px;
	top:267px;
	z-index:2;
}
.textBlock {
	width:300px;
	margin:0 30px 20px 0;
	float:left;
	font-size:12px;
	line-height:1.3;
}
#portfolioClientsList {
	width:145px;
	float:left;
	text-align:right;
	margin:0 10px 0 0;
	cursor:pointer;
	}
#centralContent {
	width:550px;
	float:left;
}
#imageField {
	width:550px;
	height:350px;
}
#sectorKey {
	width:470px;
	background:url(../_images/sector_key.png) no-repeat;
	border:1px solid #333;
	padding:10px 0px 10px 80px;
	margin:50px 0;
	overflow:hidden;
}
#sectorKey ul {
	margin:0 5px 0 0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	float:left;
	display:inline;
	width:110px;
} 
#sectorKey ul li {
	font-size:11px;
	margin:0;
	padding:0;
}
#description {
	color: #666666;
	width:470px;
	padding:30px 0px 10px 20px;
	overflow:hidden;
}
#sub {
	text-align:left;
}
#sub ul {
	padding:0;
	margin:0 0 15px 0;
	list-style-position:outside;
	list-style-type:none;
}
#sub ul li {
    color:#F06F34;
	display:block;
	width:15px;
	text-decoration:underline;
	cursor:pointer;
	padding:0 0 0 10px;
	margin:0 15px 10px 0;
	font-size:12px;
	float:left;
}
#topImage {
 	width:440px;
	margin:0 20px 10px 0;
	float:left;
}
#topText {
	width:210px;
	margin:0 20px 10px 0;
	float:left;
}

ul.topList  {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
} 
ul.topList li {
	font-size:16px;
	font-weight:bold;
    margin:0;
	padding:0;
}
#bottomContainer {
	overflow:hidden;
	position:relative;
	width:720px;
}
.container {
	overflow:hidden;
	width:720px;
}
#box1 {
	width:150px;
	float:left;
	margin:0 20px 10px 0;
	border:1px solid #333;
	background:url(../_images/box1num.png) no-repeat;
	color:#FFF;
	padding:10px 20px 10px 40px;
	font-size:16px;
}
#box2 {
	width:150px;
	float:left;
	margin:0 20px 10px 0;
	border:1px solid #333;
	background:url(../_images/box2num.png) no-repeat;
	color:#FFF;
	padding:10px 20px 10px 40px;
	font-size:16px;
}
#box3 {
	width:150px;
	float:left;
	margin:0 20px 10px 0;
	border:1px solid #333;
	background:url(../_images/box3num.png) no-repeat;
	color:#FFF;
	padding:10px 20px 10px 40px;
	font-size:16px;
}
#topOfGoogleInclude {
	background:#FFCCCC;
	color:#A23B34;
	padding:5px 20px;
	font-weight:bold;
	font-size:16px;
	}
.boxInclude {
	width:210px;
	background:#FFF;
	padding:10px;
	margin:0 0 0 -40px;
	padding:0;
}
.boxInclude ul {
	margin:20px;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
} 
.boxInclude ul li {
	font-size:11px;
    margin:10px 0;
	padding:0;
	color:#3A3A3C;
}
#webdesignBox {
	position:absolute;
	width:120px;
	height:120px;
	left:361px;
	top:147px;
}
ul.packagesList {
	margin:10px;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
} 
ul.packagesList li {
	font-size:10px;
    margin:0;
	padding:0;
}
ul.packagesList li.first {
	font-size:16px;
	font-weight:bold;
    margin:0;
	padding:0;
	color:#F06F34;
}
ul.packagesList li.last {
	font-size:14px;
	font-weight:bold;
    margin:5px 0 0 0;
	padding:0;
	color:#F06F34;
}
.threeColumns {
	float:left;
	width:210px;
	margin:0 20px 10px 0;
}
.threeColumns img {
	float:left;
}
.smallPhoto {
	float:left;
	width:100px;
	margin:10px 15px 20px 0;
}
p#subHeader {
	margin:-20px 0 20px;
}
/*===============MENU==============*/
#menu {
	width:160px;
	float:right;
	overflow:hidden;
}
#menu ul {
	margin:0;
	padding:0;
	list-style-position:outside;
	list-style-type:none;
}
#menu ul ul {
	margin:-10px 0 0 10px;
	padding:0;
	list-style-position:outside;
	list-style-type:none;
}
#menu ul a {
	width:160px;
	display:block;
	margin:10px 0;
	padding:0;
	font-size:18px;
	color:#555;
}
#menu ul ul a {
	width:160px;
	display:block;
	margin:2px 0;
	padding:0;
	font-size:12px;
	color:#555;
}
#menu ul a:hover {
	width:160px;
	display:block;
	margin:10px 0;
	padding:0;
	font-size:18px;
	color:#000;
}
#menu ul ul a:hover {
	width:160px;
	display:block;
	margin:2px 0;
	padding:0;
	font-size:12px;
	color:#e86928;
}
#menu img {
	margin:20px 0 0 0;
}
#menuAd {
	background:#BCBCBC;
	padding:10px;
	font-size:18px;
	margin:50px 0 0 0;
	line-height:1.4;
	width:140px;
}
#menuAd2 {
	background:#FFF url(../_images/miniLogo.png) no-repeat 100% 100%;
	border:1px solid #BCBCBC;
	padding:10px;
	font-size:18px;
	margin:0;
	line-height:1.4;
	width:138px;
	height:190px;
}
#menuAd3 {
	background:#BCBCBC url(../_images/pulse.png) no-repeat 100% 30%;
	padding:10px;
	font-size:18px;
	margin:50px 0 0 0;
	line-height:1.4;
	width:140px;
}
#menuAd4 {
	background:#BCBCBC url(../_images/ship.png) no-repeat 100% 100%;
	padding:10px 10px 40px 10px;
	font-size:18px;
	margin:50px 0 0 0;
	line-height:1.4;
	width:140px;
}
#adwords {
	float:left;
	margin:0 20px 0 0;
	border:1px solid #EEE;
}	
#adwords2 {
	float:right;
	margin:0 20px 0 0;
	border:1px solid #EEE;
}
#googleOrganic {
	width:700px;
	height:180px;
	background:url(../_images/organic_listings.png) no-repeat 100% 0;
	padding:68px 0 0 0;
	font-size:15px; 
	}
#tagCloud {
	background:#EEE;
	padding:10px;
	clear:left;
	width:660px;
	margin:20px 0;
}

/*Definition List Gallery*/

 dl.gallery
{
width:200px;
height:160px;
float:left;
margin-top:35px;
margin-right:35px;
}

.gallery dt img
{
width:200px;
height:140px;
border:1px solid #333;
margin:0;
padding:0;
}

 dl.gallery dd
{
text-align:center;
}

/*=================CONTENT END==============*/

/*=================FOOTER START==============*/
#footer {
	text-align:center;
	overflow:hidden;
}
#footerInc {
	background:#DDD;
}
ul#clientsOverview {
	margin:0;
	padding:8px 0;
	height:10px;
	background:#DDD;
	list-style-position:outside;
	list-style-type:none;
}
ul#clientsOverview li {
	margin:0 0 0 10px;
	overflow:hidden;
	display:inline;
}
#phone {
	color:#999;
	font-size:12px;
	text-align:right;
	margin:5px 0;
	}
#copyright {
	float:left;
}
/*=================FOOTER START==============*/