@charset "UTF-8";
@import url("reset.css");
/* CSS Document */
body {background-color:#000;}

* { margin:0; }/* fix margins */


/* HEADER */
#header { height: 79px; width: 1000px; margin: 0 auto; padding:0;}
#headerRight { width: 550px; height: 40px; float: right; padding: 36px 0 0 0; }
#logo { float: left; height: 80px; width: 338px; background-image: url(../images/logo.jpg); background-repeat: no-repeat; margin: 0 0 0 -30px; }
/* End */



h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:29px; color: #FFF; padding: 2px; }
h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:29px; color: #FFF; padding: 4px 0 0 0; }

h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color: #FFF; padding: 5px 0 0 15px;  }
h4 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:29px; color: #FFF; padding: 16px 0 0 0; }

blockquote { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color: #FFF; padding-top: 40px; margin: 10px 0px 20px 0px; background-image: url(../images/qm1.jpg); background-position: top left; background-repeat: no-repeat; text-indent: 65px; }

blockquote span { padding: 0 20px 20px 20px; display: block; background-image: url(../images/qm2.jpg); background-repeat: no-repeat; background-position: right bottom; }


/* MAIN MENU */
#menuBlock { height: 60px; width: 100%; }
#menuBlock { background-color: #000; background-image: url(../images/menu_bg.jpg); background-repeat: repeat-x; height: 60px; width: 100%; }
#clearBoth { clear: both; height: 0px; }
#menu { height: 60px; width: 1000px; margin: 0 auto;}

#menu ul { padding:21px 0; margin:0; }
#menu ul li { display:inline; list-style:none; margin:0;  }

#menu ul li a { font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: normal; color: #000; text-decoration: none;  padding:21px 18px; margin:0;}

#menu ul li a#selected { font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: normal; color: #000; text-decoration: none; background-image: url(../images/menuArrow.jpg); background-repeat: no-repeat; padding:21px 18px; margin:0; background-position: center top; }

#menu ul li a:hover { font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: normal; color: #FFF; text-decoration: none; background-image: url(../images/menuHover_bg.jpg); background-repeat: repeat-x; background-image: url (../images/menuArrow.jpg) bottom center no-repeat; padding:21px 18px; margin:0; }
/* End - Main Menu */

/* SLIDER */
#slider { height: 340px; width: 100%; background-image: url(../images/sliderBlock_bg.jpg); background-repeat: repeat-x; }
#sliderMain { height: 340px; width: 1130px; margin: 0 auto; padding: 0; }
/* End */

/* BANNER - static */
#banner { height: 340px; width: 1080px; margin: 0 auto; padding: 0 0 0 25px; }

#wrapper { height: auto; width: 1200px; margin: 0 auto; background-position: center top; background-repeat: no-repeat; padding: 10px 0 0 0; }

.rounded-corners {
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

/* CONTENT MAIN */
#content { height: auto; width: 1080px; margin: 10px auto 0 auto; }
/* End */

#contentContact { height: auto; width: 1080px; margin: 10px auto 0 auto; }



/* CONTENT LEFT */
#contentLeft { float: left; height: auto; width: 560px; padding: 0 10px 0 10px; }

#content #contentLeft span { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; text-transform: uppercase; color: #F51380; text-decoration: none; width: 500px; margin: 0; text-align: left; }
/* End */

/* TESTIMONIAL - Home Page */
#testimonialMainPage {  height: auto; width: auto; margin: 20px 0 20px 0; padding: 15px; }

#testimonialsMainPageButton
{ display: block; width: 181px; height: 27px; float:right; margin:0 ; padding:0; background-image: url(../images/allTestimonials.jpg); background-repeat: no-repeat; background-position: 0 0; }

#testimonialsMainPageButton:hover
{ 
  background-position: 0 -27px;
}

#testimonialsMainPageButton span
{
	
  display: none;
}

.example-right {
	position:relative;
	padding:15px 30px;
	margin:0;
	color:#fff;
	background:#333; /* default background for browsers without gradient support */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color: #FFF; font-style:italic;
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	/* NOTE: webkit gradient implementation is not as per spec */
	background:-webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
	background:-moz-linear-gradient(top, #666, #333);
	background:-o-linear-gradient(top, #666, #333);
	background:linear-gradient(top, #666, #333);
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
#exampleName { margin:15px 0 2em 85px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color: #419EE3; font-style:italic; padding: 0 8px 0 0;}
#exampleName a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color: #999; font-style:italic; text-decoration: none; }
#exampleName a:hover { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color: #FFF; font-style:italic;}

/* creates the triangle */
.example-right:after {
	content:"";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-50px;
	left:50px;
	width:0;
	height:0;
	border-width:0 20px 50px 0px;
	border-style:solid;
	border-color:transparent #333;
	
}
/* END testimonials home page*/


/* CONTENT RIGHT */
#contentRight { float: right; height: auto; width: 363px; padding: 0 40px 0 0; }
#contentRight ul {margin: 0; padding: 8px 0 0 0;}
#contentRight ul li { display:block; list-style:none; }
#contentRight ul li h3 a  { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color: #CCC; padding: 5px 0 0 15px; text-decoration: none; }
#contentRight ul li h3 a:hover  { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color: #56D8FF; padding: 5px 0 0 15px; text-decoration: none; }
#boxesRight { width: 362px; height: auto; margin: 6px 0 0 0; padding: 0; }
#seoBox { margin:0; float:left; width: auto; height: auto; padding: 2px 1px 0 0; }
#cmsBox { margin: 0px; padding: 2px 0 0 1px; width: auto; height: auto; float:right; }

.contentMainFont { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color: #FFF;   }
#content p { margin: 0px; padding: 0 0 8px 0; text-transform: none; }

#contentRightFreeQuote { display: block;
  width: 180px;
  height: 37px;
  background: url(../images/freeQuoteRoll.jpg) no-repeat 0 0;
float:left; margin: 8px 0 0 0; padding: 0; }
#contentRightFreeQuote:hover
{ 
  background-position: 0 -37px;
}

#contentRightFreeQuote span
{
	
  display: none;
}
.contentCategoriesHeader { background-image: url(../images/cat_name.jpg); background-repeat: no-repeat; height: 53px; width: 363px; text-align: center; }
#wrapperSlider { height: 340px; width: 1130px; }



/* END - content right */




/* CSS Document */




/* FOOTER */

#footerBlock { margin: 35px 0 0 0; padding: 20px 0 25px 0; height: auto; width: 100%; border-top-image: url(../images/separator.jpg) 27 27 27 27 stretch stretch; background-color: #000; background-image: url(../images/footerBg.jpg); background-repeat: no-repeat; background-position: center top; }
#footer { margin: 0 auto; padding: 0px; width: 1000px; }
#footerBox { margin: 0 10px 0 0; padding: 0 30px 0 0 ; float: left; width: 200px; }
#footerBox ul { margin: 0px; padding: 0px; }
#footerBox ul li { list-style-type: none; padding: 10px 0 3px 0; list-style-image: url(../images/arrow1.png); background-image: url(../images/separator.jpg); background-repeat: no-repeat; background-position: bottom; }
#footerBox ul li a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color: #666; text-decoration: none; }
#footerBox ul li a:hover { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color: #FFF; text-decoration: none;}
#footerBoxRight { float: right; width: auto; height: auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color: #666; text-decoration: none; text-align:right; margin: 0 35px 0 0; }
#footerBoxRight p { margin: 0; padding: 0; }
#footerBoxRight p a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color: #666; text-decoration: none; }
#footerBoxRight p a:hover { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color: #FFF; text-decoration: none; }#footerBoxRight h3 { margin: 0 0 15px 0; padding: 0px; }
#copyrightFooter { width: auto; margin: 18px 0 0 0; padding: 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color: #FFF;}
/* End footer */


/* SOCIAL ICONS - footer - ROLLOVER */
#facebookRoll
{
  display: block;
  width: 64px;
  height: 64px;
  background: url(../images/facebook.jpg) no-repeat 0 0;
float:left;
margin:0;
padding:0;
}

#facebookRoll:hover
{ 
  background-position: 0 -64px;
}

#facebookRoll span
{
	
  display: none;
}

#twitterRoll
{
  display: block;
  width: 64px;
  height: 64px;
  background: url(../images/twitter.jpg) no-repeat 0 0;
float:right;
margin:0;
padding:0;
}

#twitterRoll:hover
{ 
  background-position: 0 -64px;
}

#twitterRoll span
{
  	
  display: none;
}
/* END social icons*/





#clientsArea { height: auto; width: auto; }

#photographyArea { height: auto; width: auto; }

/* ABOUT US PAGE */
#twitterBox {  height: auto; width: auto; margin: 20px 0 20px 0; padding: 15px; }

.example-twitter {
	position:relative;
	padding:15px;
	margin:100px 0 0.5em;
	color:#333;
	background:#eee;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color: #FFF; 
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.example-twitter p { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color: #333; line-height:1.25em; }

.example-twitter li { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color: #333; line-height:1.25em; }

/* this isn't necessary, just saves me having to edit the HTML of the demo */
.example-twitter:before {
	
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	top:-60px;
	left:0;
	width:155px;
	height:36px;
	
}

/* creates the triangle */
.example-twitter:after {
	content:"";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	top:-30px;
	left:50px;
	width:0;
	height:0;
	border:15px solid transparent;
	border-bottom-color:#eee;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-twitter + p {padding-left:15px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color: #FFF; font-style:italic;}

.exampleTwitterTopFont { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color: #409DE1; margin: 5px 0 0 0;}
.exampleTwitterTopFontBig { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color: #409DE1; margin: 5px 0 0 0; }
.exampleTwitterTopFontBigBG { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color: #409DE1; background-color: #FFF;  margin-top: 5px; margin-right: 0; margin-bottom: 0; margin-left: 0; }


/*TESTIMONIALS PAGE */
#testimonialsBox { height: auto; width: auto; margin: 0 0 40px 0; padding: 15px; }

.testimonials {
	position:relative;
	padding:15px;
	margin:100px 0 0.5em;
	color:#333;
	background:#eee;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color: #FFF; 
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.testimonials p { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color: #333; line-height:1.25em; }

.testimonials p a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color: #B50E12; line-height:1.25em; text-decoration: none; }

.testimonials p a:hover { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color: #2D72A7; line-height:1.25em; text-decoration: none; }



/* this isn't necessary, just saves me having to edit the HTML of the demo */
.testimonials:before {
	
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	top:-60px;
	left:0;
	width:155px;
	height:36px;
	
}

/* creates the triangle */
.testimonials:after {
	content:"";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	top:-30px;
	left:50px;
	width:0;
	height:0;
	border:15px solid transparent;
	border-bottom-color:#eee;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.testimonials + p {padding-left:15px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color: #FFF; font-style:italic;}
#content span { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; text-transform: uppercase; color: #CCC; text-decoration: none; width: 350px; text-align: center; margin: 100px 0 0 0; }
#contentPortfolioBox { float:right; margin: 25px 0 0 0; }
#contentLeft ul { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #999; text-decoration: none; padding: 0 0 20px 25px; border-bottom-width: thin; border-bottom-style: dotted; border-bottom-color: #999; }
.pricesFontBottom { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #FFF; text-decoration: none; }



/********** contact form **********/
#contactform { height: auto; width: 1080px; margin: 20px auto 0 auto; text-decoration: none; }
#contactform * { color:#333; }
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform #third ol li {
	margin: 0px;
	padding: 10px 0 5px 0;
}
#contactform #third ol li label { margin: 0; padding: 0; display: block; width: 140px; }
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:140px; padding:5px 0; color:#CCC; text-transform:uppercase; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; }

#contactform p { float:left; margin:0; width:auto; padding:5px 0; color:#CCC; text-transform:uppercase; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; }

#contactform h1 { float:left; margin:0; width:auto; padding:5px 0; color:#FFF; text-transform:uppercase; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; }
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif; }
#contactform input.text {
	width:350px;
	border:1px solid #e2e2e2;
	margin:5px 5px 5px 20px;
	padding:5px 2px;
	height:15px;
	background:#f8f8f8;
}
#contactform textarea {
	width:350px;
	border:1px solid #e2e2e2;
	margin:10px 5px 0 20px;
	padding:2px;
	background:#f8f8f8;
	height:250px;
}
#contactform li.buttons input { padding:0; margin:0 0 0 368px; border:0; color:#FFF; }
p.response { text-align:center; color:#F00; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
#contactBoxRight { margin: 0 40px 0 0; padding: 20px; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333; text-decoration: none; }
#contactBoxRight p a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #900; text-decoration: none; }
#contactBoxRight p { margin: 0px; padding: 0px; }
.servicesHeaders { color: #900; text-decoration: none; margin: 0px; padding: 0px; font: normal 22px Tahoma, Geneva, sans-serif; }


#submit
{ display: block; width: 142px; height: 30px; background: url(../images/submit.jpg) no-repeat 0 0; float:left; margin:5px 0 0 368px; padding:0; cursor: pointer; 
}

#submit:hover
{ 
  background-position: 0 -30px;
}

#submit span
{
	
  display: none;
}
.textfieldRequiredMsg { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; color: #FFF; text-decoration: none; }
#rightContentPictureExtra { margin: 10px 0 0 0; }
#portfolioBox { margin: 18px 0 0 0; padding: 30px 0 10px 0; background-image: url(../images/footerBg.jpg); background-position: center bottom; background-repeat: no-repeat; width: 1180px; }
#portfolioBoxEmptyLong { margin: 18px 0 0 0; padding: 30px 0 10px 0; background-image: url(../images/footerBg.jpg); background-position: center bottom; background-repeat: no-repeat; }
.portfolioLeft { float: left; }
#portfolioLeft { float: left; margin: 0; padding: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; text-transform: capitalize; color: #39F; text-decoration: none; }
#portfolioRight { float: left; width: auto; height: auto; margin: 0 0 0 10px; }
#portfolioRightName { float: left; width: 250px; height: auto; margin: 0 0 0 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #39F; text-decoration: none; }

#portfolioRight img { }
#portfolioRight p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #999; text-decoration: none; }
.portfolioDetails { clear: left; margin: -50px 0 0 0; padding: 0; text-align: right; }

.portfolioDetails p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #CCC; text-decoration: none; }
.portfolioDetails { clear: left; margin: 10px 0 18px 0; padding: 5px 0 0 0; text-align: center; background-image: url(../images/separator.jpg); background-repeat: no-repeat; background-position: top; }
.portfolioDetails p a { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color: #666; text-decoration: none; }
.portfolioDetails p a:hover { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color: #F06; text-decoration: none; }

#portfolioRoll
{ display: block; width: 28px; height: 25px; background: url(../images/portfolio/roll.jpg) no-repeat 0 0; float:left; margin:0 0 0 0; padding:3px 0 0 9px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; color: #000; text-decoration: none; }

#portfolioRoll:hover
{ background-position: 0 -28px; padding:3px 0 0 9px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF; text-decoration: none; }

#portfolioRoll span
{
	
  display: none;
}

#portfolioRollSelected
{ display: block; width: 28px; height: 25px; background: url(../images/portfolio/selected.jpg) no-repeat 0 0; float:left; margin:0 0 0 0; padding:3px 0 0 9px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; color: #999; text-decoration: none; }

#portfolioMore { margin: 5px 0 0 0; }
#contentLeft li { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; text-transform: capitalize; color: #CCC; text-decoration: none; }
#contactform #third ol li #approximate_budget { margin: 0 0 0 20px; padding: 0; }
#contactform #third ol #approximate_start_date { margin: 0 0 0 20px; padding: 0px; }
#contactform #third ol li label #find { margin: 0 0 0 20px; padding: 0px; }



#testimonyBox { height: auto; width: 250px; margin: 0 20px 0 30px; padding: 15px; float: left; }

.example-testimony { position:relative; padding:15px; margin:100px 0 0.5em; color:#333; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color: #FFF; /* css3 */ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background-color: #282828; }

.example-testimonyBlack { position:relative; padding:15px; margin:100px 0 0.5em; color:#333; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color: #FFF; /* css3 */ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background-color: #000; }


.example-testimony p { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color: #FFF; line-height:1.25em; }

.example-testimony li { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color: #333; line-height:1.25em; }

/* this isn't necessary, just saves me having to edit the HTML of the demo */
.example-testimony:before {
	
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	top:-60px;
	left:0;
	width:155px;
	height:36px;
	
}



/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-testimony + p {padding-left:15px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color: #FFF; font-style:italic;}

.exampletestimonyTopFont { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color: #409DE1; margin: 5px 0 0 0;}
.exampletestimonyTopFontBig { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color: #409DE1; margin: 5px 0 0 0; }
.exampletestimonyTopFontBigBG { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color: #409DE1; background-color: #FFF;  margin-top: 5px; margin-right: 0; margin-bottom: 0; margin-left: 0; }#portfolioBox #portfolioLeft img { float: left; clear: left; }
#testimonialsBox p a img { float: right; padding: 0px; margin: -10px 0 0 0; }
#footerBoxRight p a { }
#footerBoxRight p a { padding: 2px; }
#wrapper #content #contentLeft #servicesExtraBox { height: 200px; width: 400px; position: absolute; margin: 380px 0 0 200px; top: 534px; }

.portfolioBigFont { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; color: #FFF; text-decoration: none; }
.whiteFontPrices { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #CCC; }
#wrapper #content #contentLeft ul { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #FFF; text-decoration: none; }
#wrapper #content #contentLeft #twitterBox li { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #333; text-decoration: none; }
.cmsSoultionsMain { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; color: #C81021; background-color: #FFF; width: 50%; }
#wrapper #content #contentLeft .cmsSoultionsMain { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 26px; font-weight: normal; color: #C31015; padding: 2px; width: 50%;}
#cmsBoxMain { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #FFF; background-color: #000; background-image: url(../images/cmsRibbon.jpg); background-repeat: no-repeat; background-position: left 0px; width: auto; min-height: 240px; height: auto; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 140px; border: thin solid #333; }
#cmsBoxMain h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #4FB4FA; padding: 0 0 5px 0; }

#bnbBoxMain { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #FFF; background-color: #000; background-image: url(../images/bnbRibbon.jpg); background-repeat: no-repeat; background-position: left 0px; width: auto; min-height: 109px; padding: 5px 10px 5px 140px; border: thin solid #333; margin: 20px 0 10px 0; }
#bnbBoxMain h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #36475E; padding: 0 0 5px 0; 
}
#cmsBoxMain h6 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #AE0D10; padding: 0; margin: 0; }

#readMoreButton
{ display: block; width: 115px; height: 27px; float:right; margin:0 ; padding:0; background-image: url(../images/readMore.jpg); background-repeat: no-repeat; background-position: 0 0; }

#readMoreButton:hover
{ 
  background-position: 0 -27px;
}

#readMoreButton span
{
	
  display: none;
}
#photoBox { height: auto; width: auto; margin-top: 25px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#photographyArea img { }
#photographyArea p { float: right; margin: 0 10px 0 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #CCC; text-transform: none; width: 680px; }
#photographyArea img { float: left; clear: left; }
#maannPhotographyLogo { margin: 0px; padding: 0 0 0 36px; height: auto; width: auto; }