﻿* { margin: 0; padding: 0; }

body {background:#fff url(../../NImages/MPImages/GradientBC.jpg) repeat-x 0 0;font-family:Arial, Verdana;margin:0;color:#136197;}
p {font-size:10.5pt;}
ul li {font-size:10.5pt;}
#Container {width:100%;margin:0;padding:0;margin:0 auto;}
#WaveHeader {background-image:url(../../NImages/MPImages/BlogWave.png);background-repeat:repeat-x;clear:both;height:192px;margin:0 auto;width:100%;}
.BlogDesign {width:864px;height:373px;}
.Logo {width:1250px;margin:0 auto;}
.Logo a img {border:0;} 
.LogoWithBlog {width:400px;margin-left:970px;margin-top:-370px;}
.LogoWithBlog a img{border:0;width:400px;}

li{list-style-type:none;}

/**/
.ContentContainer {background-image:url(../../NImages/CPImages/CircleDesign.png);background-repeat:no-repeat;width:985px;margin:0 auto;min-height:500px;margin-top:-50px;padding-top:70px;
                   padding-bottom:70px;padding-left:75px;padding-right:90px;clear:both;position:relative;z-index:4;}
.ContentContainerWhite {background-image:url(../../NImages/CPImages/CircleDesignWhite.png);background-repeat:no-repeat;width:980px;margin:0 auto;min-height:500px;margin-top:-50px;padding-top:70px;
                   padding-left:80px;padding-right:90px;clear:both;position:relative;z-index:4;}
.ContentContainerBlog {background-image:url(../../NImages/CPImages/BlogCircleDesign.png);background-repeat:no-repeat;margin:0 auto;min-height:500px;margin-top:-65px;padding-top:50px;
                   clear:both;width:985px;padding-left:60px;padding-right:60px;position:relative;z-index:4;}
.ContentContainerNone {width:1150px;margin:0 auto;min-height:500px;margin-top:-50px;clear:both;}
#Header{padding:0;margin-bottom:45px;height:45px;margin-left:5px;}
#Footer{clear:both;background-image:url(../../NImages/MPImages/MPFooter.png);background-repeat:repeat-x;height:53px;padding-top:145px;color:White;font-size:10.5pt;
        padding-left:590px;}
#Footer p a {color:White;}
#nav {clear: both;height: 30px;padding-left:565px;padding-top:3px;}
#nav ul {float:left;}
#nav li a img {border:0;}
#nav ul li {display:block;float:left;height:30px;list-style-type:none;}
#nav ul li.About{margin-left:20px;}
#nav ul li.Portfolio{margin-left:22px;}
#nav ul li.Contact{margin-left:24px;}
#nav ul li.Blog{margin-left:24px;}
/**/

#AboutUsPhotosAndVideo {width:450px;float:left;margin:0;padding:0;}
#AboutUsPhotosAndVideo ul {margin:0;padding:0;}
#AboutUsPhotosAndVideo ul li {clear: both;list-style-type:none;}
#AboutUsPhotosAndVideo ul li.Video {padding-top:20px;}
#AboutUsDescription{float:left;width:520px;font-size:10.5pt;}
#AboutUsDescription p {margin-bottom:15px;}
#AboutUsDescription a {color:#136197;}
#AboutUsDescription img.Divider {margin:30px 0;}

#WhatCanWeDo {width:270px;float:left;clear:both;height:300px;}
#WhatCanWeDo p {margin-left:4px;}
#WhatCanWeDo ul li {list-style-type:none;margin-left:4px;margin-bottom:2px;}
#Clients ul {margin-top:4px;}
#Clients ul li {list-style-type:none;}
#Clients ul li {margin-bottom:10px;}
#WhyUs{clear:both;margin-top:40px;width:130px;}
#WhyUs p {margin-left:6px;}

#Twitter{margin-left:180px;margin-bottom:45px;margin-top:-15px;}
#Twitter a img {border:0;}

#ContactCol1{float:left;margin-top:50px;padding:0;clear:both;width:550px;}
#ContactCol1 ul {clear:both;}
#ContactCol1 ul li {float:left;display:block;list-style-type:none;font-size:10.5pt;margin-bottom:10px;}
#ContactCol1 ul li.Data {width:200px;text-align:right;}
#ContactCol1 ul li.DataSubmit {width:275px;text-align:right;padding-top:25px;padding-left:25px;}
#ContactCol1 ul li.Input {padding-left:8px;padding-top:0px;}
#ContactCol2 {float:left;width:320px;margin-top:45px;}
#ContactCol2 p {font-size:10.5pt;margin:15px 0;}
.textBox{height:30px;width:200px;font-size:10.5pt;border:1px solid #8fb6cf;padding-top:5px;padding-left:4px;}
.txtAreaCode{height:30px;width:58px;font-size:10.5pt;border:1px solid #8fb6cf;padding-top:5px;padding-left:4px;}
.txtPrefix{height:30px;width:58px;padding-left:10px;font-size:11pt;border:1px solid #8fb6cf;padding-top:5px;padding-left:4px;}
.txtSuffix{height:30px;width:65px;font-size:11pt;border:1px solid #8fb6cf;padding-top:5px;padding-left:4px;}
.ddl{height:30px;font-size:10.5pt;width:200px;}
.ContactUs{margin:25px 0;}

#Specialty {padding-top:1px;}
#Specialty p {margin:25px 0;}

#EditCP{padding:10px;}
ul.ListOnEdit {clear:both;}
ul.ListOnEdit li {float:left;display:block;list-style-type:none;width:150px;}

.Desc {width:145px;}
.TopicTitle {color:#2E556F;font-size:14pt;}

#BlogLanding{padding-right:10px;padding-bottom:25px;}
#BlogLanding ul li {list-style-type:none;padding-top:10px;}
#BlogLanding ul li.Title{}
#BlogLanding ul li.Info{color:#437DA5;font-size:10.5pt;}
#BlogLanding ul li.Preview{padding-top:10px;}
#BlogLanding ul li.Border {border-bottom:1px dotted #437DA5;}
.BlogLandingNavigation ul {float:left;clear:both;}
.BlogLandingNavigation ul li {float:left;display:block;list-style-type:none;font-size:10.5pt;}
.BlogLandingNavigation ul li a {color:#437DA5;text-decoration:underline;}
.BlogLandingNavigation ul li.Indent {float:left;display:block;list-style-type:none;font-size:10.5pt;padding-left:5px;}

#Post{padding-right:10px;}
#Post ul.BlogHeaderInfo li {padding-top:10px;}
#Post ul.BlogHeaderInfo li.Title{font-size:18pt;text-decoration:underline;}
#Post li.PosterInfo{color:#437DA5;font-size:10.5pt;}
#Post li.CommenterInfo{color:#658092;font-size:10.5pt;padding-bottom:7px;}
#Post li.Border{border-bottom:1px dotted #437DA5;padding-bottom:5px;}
.BloggerPost {margin:35px 0;clear:both;}

.Comments {clear:both;margin-top:15px;}
.Comments li.Large {padding-top:15px;}
.Comments li.Small {padding-top:2px;}
.lnkRegister{color:#437DA5;font-size:11pt;}
.LeaveComment{color:#658092;font-size:18pt;clear:both;}
.imgResponse{margin-left:450px;margin-top:-170px;clear:both;}

.Paging {clear:both;margin:20px 0;}
.Paging ul {margin:0;padding:0;float:right;}
.Paging ul li {float:left;}
.Paging a {color:#437DA5;text-decoration:none;}

#RegisterCol {float:left;clear:both;margin-top:30px;}
#PainlessCol {float:left;margin-left:40px;margin-top:15px;}

#PortfolioHolder #Items{margin-left:165px;}
#PortfolioHolder p {text-align:center;margin:20px 0;}
#PortfolioHolder img {border:0;float:right;}

a.WebBack img {margin-top:85px;}

#PortfolioHolderM img {border:0;float:right;}
#PortfolioHolderP {margin-left:68px;}
#PortfolioHolderP img {border:0;float:right;}

#PortfolioHolderIPhone {font-size:10.5pt;}
#PortfolioHolderIPhone a {color:#136197;}
#PortfolioHolderIPhone #PhoneImage {margin-left:200px;}
#PortfolioHolderIPhone a img {border:0;float:right;}
#PortfolioHolderIPhone p {margin:20px 0;}

#PortfolioHolder #col {float:left;width:380px;text-align:left;color:#5e7788;}
#PortfolioHolder #col p {border-top:1px solid #779da2;padding-top:15px;font-size:11pt;}
#PortfolioHolder #col a {color:#0f4e79;font-size:10.5pt;}
#PortfolioHolder #col h3 {color:#0f4e79;margin:0;padding:0;}
#PortfolioHolder #col ul {margin-top:10px;font-size:10.5pt;margin-bottom:20px;}
#PortfolioHolder #col2 {float:left;margin-bottom:35px;margin-left:25px;}
#PortfolioHolder #Nav {clear:both;margin-top:35px;}
#PortfolioHolder #Nav p {float:left;}
#PortfolioHolder #Nav ul {float:left;margin:0;padding:0;}
#PortfolioHolder #Nav ul li {float:left;margin-right:5px;font-size:10.5pt;}

#PortfolioHolder p {text-align:left;}
#PortfolioHolderM #Items{margin-left:80px;font-size:10.5pt;color:#2E556F;}
.WebDetails {margin:70px 0;clear:both;}

.VideoDescription{margin:30px 0;}
.VideoDescription td {text-align:center;}
.Multimedia{margin-left:20px;font-size:10.5pt;}

div.TwoDVideo{}
div.ThreeDVideo{}
div.AbstractVideo{margin-left:35px;}
div.FranklinVideo{margin-left:-5px;}
div.TBNVideo{margin-left:25px;}
div.RunwayVideo{margin-left:35px;}

div.TwoD {margin-left:160px;margin-top:25px;margin-bottom:25px;}
div.ThreeD {margin-left:145px;margin-top:25px;margin-bottom:25px;}
div.Experimental{margin-left:-105px;text-align:center;margin-top:25px;margin-bottom:25px;}
div.Rock{text-align:center;margin-left:-105px;margin-top:25px;margin-bottom:25px;}
div.TBN{text-align:center;margin-left:-105px;margin-top:25px;margin-bottom:25px;}
div.Franklin{text-align:center;margin-left:-85px;margin-top:25px;margin-bottom:25px;}

#slideshowShadow{background-image:url(../../NImages/CPImages/Template5Shadow.png);width:848px;height:358px;padding-top:7px;margin-left:68px;}

#slideshow #slidesContainer {margin:0 auto; width:820px;height:331px;overflow:auto; /* allow scrollbar */position:relative;}
#slideshow #slidesContainer .slide{ margin:0 auto;width:800px; /* reduce by 20 pixels to avoid horizontal scroll */ height:331px;}
#slideshow #slidesContainer .slide img{border:0;}
.control {display:block;width:65px;height:331px;text-indent:-10000px;position:absolute;cursor: pointer;}
#leftControl {background:transparent url(../../NImages/MPImages/LeftArrow.png) no-repeat 0 0;z-index:10;margin-left:12px;margin-top:130px;}
#rightControl {background:transparent url(../../NImages/MPImages/RightArrow.png) no-repeat 0 0;z-index:10;margin-left:780px;margin-top:-200px;}

#HomepageContent {width:820px;margin:0 auto;font-size:10.5pt;}
#HomepageContent #col1 {text-align:left;float:left;width:400px;margin-right:45px;}
#HomepageContent #col1 span.Visual {font-weight:bold;}
#HomepageContent #col1 p {margin-top:25px;clear:both;}
#HomepageContent #col2 {width:370px;float:left;text-align:left;}
#HomepageContent #col2 p {margin-left:6px;margin-top:30px;}
#HomepageContent #col1 a#ContactUs {background-image:url(../../NImages/AccessoryImages/CallToAction.png);text-indent:-9999px;width:242px;height:53px;display:block;float:right;margin:10px 0;}
#HomepageContent #col1 a#ThisWay {background-image:url(../../NImages/AccessoryImages/LearnMore.png);width:243px;height:53px;text-indent:-9999px;width:242px;height:53px;display:block;float:right;margin:10px 0;}
a.FeatureProject{color:#136197;}

#RecentWorks {clear:both;margin-top:80px;float:left;}
.LatestBlog {margin-top:30px;margin-bottom:5px;}
.Blog {text-align:center;}
.Blog span.Date {font-weight:bold;}
.Blog span.Preview{text-align:right;}
#More {text-align:right;margin-bottom:20px;}
#More a {color:#136197;}

