/*    Layout
***********************************************************************/

body {background-color: #000; font-size: 100%; overflow-x:hidden; }

a:visited { color:#999999; }
a:link { color:#999999; }
a:focus, a:active {outline: none; }
img, div {border:0;}

#roundedboxheader {background-color: #FFF; width: 910px; height: 110px; position: relative; -moz-border-radius-topright: 30px; -moz-border-radius-topleft: 30px; -webkit-border-top-right-radius: 30px; -webkit-border-top-left-radius: 30px; top:5px; }

#roundedboxfooter {background-color: #FFF;  top:-33px; width: 910px; height: 100px; position: relative; -moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 30px; -webkit-border-bottom-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; }

#contentpage { position: relative; overflow:hidden; background: #FFFFFF; width:910px; height: 410px; }
#fader {position:absolute; z-index:0; left:0px; height:1000px; width:100%; background-color:#000000; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity = 0);}
#fader p {position:absolute; font-size:1em; font-family:Century Gothic, Arial, Helvetica, sans-serif; text-decoration:none; top:52%; left:78%;}
#fader img {width:260px; height:395px; top:10%; border:1px solid #666666;}
#fader img.is {position:absolute; left:15%; z-index:11;}
#fader img.ml {position:absolute; left:38%; z-index:11;}
#fader img.nl {position:absolute; left:61%; z-index:11;}

/* Header
***********************************************************************/

#roundedboxheader .logo { position:absolute; background-repeat:no-repeat; margin: 30px 0px 0px 30px; width: 300px; height: 65px; }


/*    Drop Down Menu (Header)
***********************************************************************/

.menubar {position:absolute; width:570px; height:25px; margin:55px 0px 5px 325px; text-align:center; z-index:10; display:inline-block;}
ul.menu {list-style:none; }
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000000; text-decoration:none; background:url(../Images/menubg.jpg) repeat 0 0;}
ul.menu li {position:relative;  font:8pt Century Gothic ,Arial; float:left; width:86px; height:26px; line-height:2.3;}
ul.menu ul {position:absolute; background:#ffffff; display:none; list-style:none; left:0px; width:85px;}
ul.menu ul li {position:relative; width:86px; height:26px; right:1px; }
ul.menu ul li a {display:block; background-color:#ffffff; color:#000000;}
ul.menu ul li a:hover {height:26px;}
ul.menu ul ul {left:86px; top:0px;}
ul.menu .menulink { width:86px; height:26px; line-height:2.3;}
ul.menu .menulink:hover, ul.menu .menuhover { background-position:-40px 0;}
ul.menu .sub {background:url(../Images/menubg.jpg) repeat 0 0; color:#000000;}


/*   Content (Body) 
***********************************************************************/

/*  Home Dynamic Banner (Contents Page) */

#dottedborder {position: absolute; left:25px; top:25px ; height: 300px; width: 910px;}
#dottedborder ul{list-style: none; margin: 0;padding: 0;}
#dottedborder ul li{background:transparent url(../images/bg.gif) no-repeat 124px 10px; float:left; height:310px; display: block; background-color:transparent;}
#dottedborder ul li a{display: block; overflow: hidden; padding-right:37px; padding-left:5px; height: 310px; width: 75px; outline:none;}
#dottedborder #a1{width: 350px; padding-right:37px; padding-left:5px; }
#dottedborder ul li img{position: absolute; }
#dottedborder ul li p{font:0.8em century gothic, Arial, Helvetica, sans-serif; text-decoration:none; text-align:center; margin: 0; padding-top: 120px; width: 250px; display: block; margin-left: 125px; }
#dottedborder a,#dottedborder a:visited,#dottedborder a:hover { text-decoration: none; } 
#contentpage, .section1 ul li, .section2 ul li, .section3 ul li, .section4 ul li, .section5 ul li, #home, #videography ul li{
list-style:none; list-style-type:none;}


/*  Home Section  */

#home {position: absolute; height:370px; width:910px; left:40px; top:0px; margin-left:-40px;}
#home .welcomewrapper {position:absolute; height:310px; width:320px; top:25px; left:43px; }
#home .welcomemsg {text-align:center; font:0.7em Century Gothic, Arial, Helvetica; padding:0px 40px 0px 20px; color:#999;}
#home .welcomemsg p {width:200px; letter-spacing:2px;}

.backbuttontop {position:absolute; top:320px; left:633px; font-size:0.7em; font-family: Century Gothic, Arial, Helvetica, sans-serif; letter-spacing:1px; z-index:10;}
.backbuttonaboutus {position:absolute; top:350px; left:850px; font-size:0.7em; font-family: Century Gothic, Arial, Helvetica, sans-serif; letter-spacing:1px; z-index:30;}
.backbuttontop a {text-decoration:none;}
.backbuttonaboutus a {text-decoration:none;}
.backbuttonservices {position:absolute; top:350px; left:847px; font-family: Century Gothic, Arial, Helvetica, sans-serif; letter-spacing:2px;z-index:30;}
.backbuttonservices a {text-decoration:none;}


/*  About Us Section  */

#aboutus {position: absolute; height:370px; width:910px; top:400px; left:0px; list-style:none;}
#aboutus .aboutusbanner2 {position: relative; left: 30px; top:25px; padding: 0px 0px; list-style:none;}
#aboutus .aboutuscontents {position : absolute; left: 170px; top:25px; height: 307px; width:709px; background-image:url(../Images/aboutus.jpg); border:1px dotted #666;}

	#thecompany {position:absolute; height:370px; width:910px; top:400px; left:1000px;  text-decoration: none;list-style:none;}
	#thecompany .companypic {position:relative; left:50px; top:0px;}
	#thecompany .companycontents {position:absolute; width:400px; left:440px; top:30px; font:0.67em Century Gothic, Arial, Helvetica; color:#666; text-align:justify; line-height:1.4;} 
	#thecompany .companycontents b {line-height:0; font:1.5em Century Gothic, Arial, Helvetica; color:#666;}
	
	#aboutmrlomarlene {position :absolute; height:370px; width:910px; top:400px; left: 2000px; padding: 0px 0px 0px 0px; list-style:none;}
	#aboutmrlomarlene b {font-size:1.3em; font-weight:normal; }
	#aboutmrlomarlene .mrlopic{position :absolute; top: 25px; left: 295px;}
	#aboutmrlomarlene .mrloinfo {position:relative; left:30px; top:40px; width:230px; height:210px; background-color:#CCCCCC; border:3px solid #999999; text-align:center; padding:5px; -moz-border-radius:20px; -webkit-border-radius:20px; font:0.7em Century Gothic,Arial, Helvetica, sans-serif; color:#ffffff;}
	#aboutmrlomarlene .marlenepic {position :absolute; top:30px; left: 445px;}
	#aboutmrlomarlene .marleneinfo {position:relative; left:634px; top:-125px; width:230px; height:210px; background-color:#CCCCCC; border:3px solid #999999; text-align:center; padding:5px; -moz-border-radius:20px; -webkit-border-radius:20px; font:0.7em Century Gothic,Arial, Helvetica, sans-serif; color:#ffffff;}
	
	#aboutianrachel {position: absolute; height:370px; width:910px; top: 400px; left: 3000px; padding: 0px 0px 0px 0px; list-style:none; }
	#aboutianrachel b {font-size:1.3em; font-weight:normal; }
	#aboutianrachel .ianpic {position: absolute; top:30px; left:80px; }
	#aboutianrachel .ianinfo {position:relative; left:190px; top:50px; width:250px; background-color:#CCCCCC; border:3px solid #999999; text-align:center; padding:5px; padding-bottom:20px; -moz-border-radius:20px; -webkit-border-radius:20px; font:0.7em Century Gothic,Arial, Helvetica, sans-serif; color:#ffffff;}
	#aboutianrachel .rachelpic {position: absolute; top:45px; left:750px;}
	#aboutianrachel .rachelinfo {position:relative; left:470px; top:100px; width:250px; background-color:#CCCCCC; border:3px solid #999999; text-align:center; padding:5px; padding-bottom:20px; -moz-border-radius:20px; -webkit-border-radius:20px; font:0.7em Century Gothic,Arial, Helvetica, sans-serif; color:#ffffff;}

	
	#aboutnickjoshua {position :absolute; height:370px; width:910px; top:400px; left: 4000px; padding: 0px 0px 0px 0px; list-style:none;}
	#aboutnickjoshua b {font-size:1.3em; font-weight:normal; }
	#aboutnickjoshua .joshuapic {position :absolute; top:35px; left: 350px;}
	#aboutnickjoshua .joshuainfo {position:relative; left:60px; top:-110px; width:230px; background-color:#CCCCCC; border:3px solid #999999; text-align:center; padding:5px; padding-bottom:20px; -moz-border-radius:20px; -webkit-border-radius:20px; font:0.7em Century Gothic,Arial, Helvetica, sans-serif; color:#ffffff;}
	#aboutnickjoshua .nickpic{position :absolute; top: 35px; left: 470px;}
	#aboutnickjoshua .nickinfo {position:relative; left:600px; top:40px; width:230px; background-color:#CCCCCC; border:3px solid #999999; text-align:center; padding:5px; padding-bottom:20px; -moz-border-radius:20px; -webkit-border-radius:20px; font:0.7em Century Gothic,Arial, Helvetica, sans-serif; color:#ffffff;}
	
	#aboutruidivanderlyn {position :absolute; height:370px; width:910px; top:400px; left: 5000px; padding: 0px 0px 0px 0px; list-style:none;}
	#aboutruidivanderlyn b {font-size:1.3em; font-weight:normal; }
	#aboutruidivanderlyn .ruidivanpic {position :absolute; top:50px; left: 350px;}
	#aboutruidivanderlyn .ruidiinfo {position:relative; left:70px; top:70px; width:230px; background-color:#CCCCCC; border:3px solid #999999; text-align:center; padding:5px; padding-bottom:20px; -moz-border-radius:20px; -webkit-border-radius:20px; font:0.7em Century Gothic,Arial, Helvetica, sans-serif; color:#ffffff;}
	#aboutruidivanderlyn .vanderlyninfo {position:absolute; left:600px; top:70px; width:230px; background-color:#CCCCCC; border:3px solid #999999; text-align:center; padding:5px; padding-bottom:20px; -moz-border-radius:20px; -webkit-border-radius:20px; font:0.7em Century Gothic,Arial, Helvetica, sans-serif; color:#ffffff;}

/*  Services Section  */

#ourservices {position: absolute; height:370px; width:910px; top:800px; left:0px; list-style:none;}
#ourservices .servicesinfo {position:absolute; width:718px; top:20px; left:160px; font-size:0.7em; color:#666666; font-family:Century Gothic, Arial, Helvetica, sans-serif; display:none;}
#ourservices .servicesinfo b {font-weight:normal; font-size:1.5em;}
#ourservices .servicesbanner2 {position: relative; top:30px; left:30px;  list-style:none;}
#ourservices .servicescontents {position: absolute; top:25px; left:174px;   height:309px; width: 710px; top:30px; left:172px;}
#ourservices .servicescontents .videoicon {position:absolute; top:95px; left:150px;}
#ourservices .servicescontents .photoicon {position:absolute; top:95px; left:310px; height:89px; width:86px;}
#ourservices .servicescontents .cdesignicon {position:absolute; top:95px; left:470px;}

	#videography {position: absolute; top:800px; height:370px; width:910px; left:1000px; font:0.7em Century Gothic, Arial, Helvetica; color:#666; text-decoration: none;}
	#videography .videographypic {position:absolute; left:50px; top:10px;}
	#videography .servicesvideo {position: absolute;  height:309px; width: 850px; top:50px; left:90px;}
	#videography .servicesvideo p {width:400px; padding-left:360px; padding-top:0px; text-align:justify;}
	#videography .videolink {position:absolute; top:330px; left:450px; text-decoration:none; z-index:10;}
	#videography .videolink2 {position:absolute; top:330px; left:600px; text-decoration:none; z-index:10;}
	#videography #videocorps .corpvideopic {position:relative; left:40px; top:10px;}
	#videography #videoweddings .prewedvideopic {position:absolute; top: 15px; left:25px;}
	#videography #videoweddings {position:absolute; top:350px; left:-90px; height:370px; width:910px;}
	#videography #videoweddings .videoweddingscontent {position: absolute;  height:309px; width: 850px; top:10px; left:90px;}
	#videocorps {position:relative; top:600px; left:-90px; height:310px; width:910px; display:block;}
	#videocorps .videocorpscontent {position: absolute;  height:309px; width: 850px; top:40px; left:90px;}

	#photography {position: absolute; top:800px; height:370px; width:910px; left:2000px; font:0.7em Century Gothic, Arial, Helvetica; color:#666; text-decoration: none;}
	#photography .photographypic {position:relative; top:10px; left:20px;}
	#photography .servicesphoto {position: absolute;  height:309px; width: 850px; top:10px; left:50px;}
	#photography .servicesphoto p {width:400px; padding-left:400px; padding-top:0px; text-align:justify;}
	#photography #wppi {position:absolute; top:300px; left:400px; width:77px; height:46px;}
	#photography #galleryhref {position:absolute; top:270px; left:655px;}

	#cdesign {position: absolute; top:800px; height:370px; width:910px; left:3000px; font:0.7em Century Gothic, Arial, Helvetica; color:#666; text-decoration: none;}
	#cdesign .cdesignpic {position:relative; top:5px; left:30px;}
	#cdesign .servicesdesign {position: absolute;  height:309px; width: 850px; top:55px; left:90px;}
	#cdesign .servicesdesign p {width:350px; padding-left:400px; padding-top:70px; text-align:justify;}


/*  Partners Section  */

#partners {position: absolute; height:370px; width:910px; top:1200px;  left:0px; list-style:none;}
#partners .partnersbanner2 {position: relative; top:30px; left:30px; padding: 0px 0px 0px 0px; list-style:none;}
#partners .partnerscontents{position :absolute; height:308px; width:710px;top: 30px; left: 172px;}
#partners .partnerscontents .banner1 {position:absolute;top:110px; left:70px; list-style:none;}
#partners .partnerscontents .banner2 {position:absolute;top:110px; left:400px; list-style:none;}

/*  Contact Section  */

#contactus {position: absolute; height:370px; width:910px; top:1600px; left:0px; list-style:none;}
#contactus .contactusbanner2 {position: relative; height:308px; width:120px; top:30px; left:30px; list-style:none;}
#contactus .contactuscontents{position: absolute; height:308px; width:710px; top:30px; left:169px; border:1px dotted #000000;}
#contactus .formwrapper {position:relative; top:-300px; left:395px;  height:274px; width:321px;}
#contactus .formheading {position: relative; font:0.9em Century Gothic, Arial, Helvetica, sans-serif; color:#666; line-height:30px; left:25px;}

/*    Contact Form   */
.notification_error{position:absolute; top:-2px; border: 1px solid #A25965;height: auto;width: 90%;padding: 4px;background: #F8F0F1;text-align: center; -moz-border-radius: 5px; z-index:100;}
.notification_ok{ padding-top:30px; padding-right:6px; font-family: Century Gothic, Arial, Helvetica, sans-serif; color:#999999; text-align:center;}
.notification_ok h2 {font-size:1.1em;}

	#contactForm fieldset{ padding:10px; border:none;}      
	#contactForm label{font:0.8em century gothic, Arial, Helvetica, sans-serif; display:block; color:#666; padding-left:13px; line-height:1.1;}   
	#contactForm .textbox{position:relative; top:-20px; left:92px; line-height:50px; border:dotted 1px #4d3a24; width:59%; height:20px; line-height:normal;}  			
	#contactForm .textarea{ border:dotted 1px #4d3a24; width:87%; margin-left:10px; margin-top:7px; height:80px;}  
	#contactForm .button{ position:relative; font:0.8em century gothic, Arial, Helvetica, sans-serif; background-color:#ccc; border:dotted 1px #000; margin-top:-7px; left:10px; padding:3px; width:110px;}                
	#contactus .contactuscontents .bubblepopup2 {position:absolute; top:180px; left:280px;}
	
	#loader	   { position:absolute; margin:55px 0 0 80px;}
	#sending h1 {position:absolute; margin:60px 0 0 75px; font:1.1em century Gothic, Arial, Helvetica, sans-serif; color:#999999; font-weight:normal; z-index:100;}
	#checkmark	{ position:absolute; left:130px;}
	#note {position:absolute; top:80px; left:70px; display:none; height:100px; width:180px; background-color:#f9f9f9; border:1px dotted #cccccc; z-index:100;}
	

/*    News Container  (Contents Page)
***********************************************************************/

.close {position: relative; text-decoration:none; top:1500px; left:220px}
.comments {text-align:right; color:#ccc; padding-right:40px;}
.subject {text-align:left; font-size:1.1em; letter-spacing:2px;}
.updatedates {text-align:left; font-size:1.1em; font-weight:200;}
.stuff {position:absolute; height:132px; width:20%; left:700px; border:1px dotted #999; z-index:10;}

.accordionWrapper{display:inline-block;  overflow:hidden; width:800px; margin-left:30px;}
.accordionWrapper div{display:inline; float:left;}
.accordionWrapper div.title{cursor:pointer;}
.accordionWrapper div.content{display:none; text-align:justify; padding:10px 30px 10px 30px; font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; width:790px; background-color:#E5E5E5;}

.set{border-bottom:1px solid #000;}
.set1{left:30px; background-color:#666;}
.set2{background-color:#757575;} 
.set3{background-color:#939393;}
.set4{background-color:#A8A8A8;}
.set5{background-color:#C5C5C5;}

#newsdropdown{position:relative; font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif; text-decoration:none; text-align:left; font-size: 0.7em;line-height:2; color:#fff; display:block; padding:5px 0px 5px 10px;}


/*    Bubble Pop ups (Contents Page)
************************************************************************/
			
.bubblepopup { position: relative; width:710px; height:310px; z-index:20; }

div.bubblepopup em.logob { background:url(../Images/companybubble.png) no-repeat; margin:127px 0 0 0px; width: 230px; height: 71px; position: absolute; z-index: 1; display:none; }

div.bubblepopup em.ianb { background:url(../Images/ianbubble.png) no-repeat; margin:0px 0 0 185px; width: 125px; height: 48px; position: absolute; z-index: 20; display:none; }

div.bubblepopup em.mrlob { background:url(../Images/mrlobubble.png) no-repeat; margin:0px 0 0 190px; width: 125px; height: 48px; position: absolute; z-index: 20; display: none; }

div.bubblepopup em.marleneb { background:url(../Images/marlenebubble.png) no-repeat; margin:0px 0 0 260px; width: 125px; height: 48px; position: absolute; z-index: 20;display: none; }

div.bubblepopup em.joshuab { background:url(../Images/joshuabubble.png) no-repeat; margin:0px 0 0 325px; width: 125px; height: 48px; position: absolute; z-index: 20; display: none; }

div.bubblepopup em.nickb { background:url(../Images/nickbubble.png) no-repeat; margin:0px 0 0 350px; width: 125px; height: 48px; position: absolute; z-index: 20; display: none; }

div.bubblepopup em.rachelb { background:url(../Images/rachelbubble.png) no-repeat; margin:0px 0 0 395px; width: 135px; height: 48px; position: absolute; z-index: 20; display: none; }

div.bubblepopup em.ruidib { background:url(../Images/ruidibubble.png) no-repeat; margin:0px 0 0 415px; width: 135px; height: 48px; position: absolute; z-index: 20; display: none; }

div.bubblepopup em.vanderb { background:url(../Images/vanderbubble.png) no-repeat; margin:230px 0 0 550px; width: 135px; height: 48px; position: absolute; z-index: 20; display: none; }

div.bubblepopup em.clientsb { background:url(../Images/clientsbubble.png) no-repeat; margin:-20px 0 0 520px; width: 185px; height: 140px; position: absolute; z-index: 0; display: none; }

.earth { background:url(../Images/earthbubble.png) no-repeat; top:40px; left:-150px; width: 175px; height: 70px; position: absolute; z-index: 0; display: none; }

.wppibubble { background:url(../Images/wppibubble.png) no-repeat; top:305px; left:490px; width: 290px; height: 50px; position: absolute; z-index: 0; display: none; }


/*    Sihoulettes ( Triggers Bubbles )
************************************************************************/

#companylogo { position:relative; background:url(../Images/logo.png) no-repeat; top:115px; left:53px; width: 139px; height: 30px; display: block; z-index: 1; }

#iansihol { position:absolute; background:url(../Images/iansihol.png) no-repeat; top:113px; left:176px; width: 45px; height: 182px; display: block; z-index: 1; }

#mrlosihol { position:absolute; background:url(../Images/mrlosihol.png) no-repeat; top:120px; left:200px; width: 93px; height: 187px; display: block; z-index: 2; }

#marlenesihol { position:absolute; background:url(../Images/marlenesihol.png) no-repeat; top:110px; left:267px; width: 108px; height: 185px; display: block; z-index: 1; }

#joshuasihol { position:absolute; background:url(../Images/joshuasihol.png) no-repeat; top:115px; left:370px; width: 45px; height: 170px; display: block; z-index: 3; }

#nicksihol { position:absolute; background:url(../Images/nicksihol.png) no-repeat; top:115px;left:410px; width: 43px; height: 165px; display: block; z-index: 1; }

#rachelsihol { position:absolute; background:url(../Images/rachelsihol.png) no-repeat; top:115px; left:455px; width: 45px; height: 170px; display: block; z-index: 1; }

#ruidisihol { position:absolute; background:url(../Images/ruidisihol.png) no-repeat; top:115px; left:490px; width: 56px; height: 170px; display: block; z-index: 0; }

#vandersihol { position:absolute; background:url(../Images/vandersihol.png) no-repeat; top:223px; left:450px; width: 87px; height: 84px; display: block; z-index: 3; }

#clientssihol { position:absolute; background:url(../Images/clientssihol.png) no-repeat; top:142px; left:564px; width: 96px; height: 107px; display: block; z-index: 1; }

#earthlogo { position:absolute; left:10px; width: 42px; height: 38px; background:url(../Images/earth.png) no-repeat; display: block; z-index: 50; }


/* Twitter
************************************************************************/

#tweets {position:relative;  top:-17px; width:910px; background-color:#FFFFFF;}
#tweets .twitterholder {position:relative; left:15px; width:880px; padding:10px 0; top:0px; -moz-border-radius:10px; }
#tweets p {padding-left:50px; font:1em Century Gothic, Arial, Helvetica, sans-serif; color:#999999; }
#twitthis {position:absolute; left:400px;}
#twitters {font:0.8em Century Gothic ,Arial, Helvetica, sans-serif; color:#999999;}
#twitters p{text-align:center; margin-right:50px;}
#twitters img {padding-top:5px;}
#twitters a {color:#990000}
#twitters UL {list-style: none;margin-left:-28px; margin-top:-10px;}
#twitters LI {margin-bottom:10px;padding: 20px 20px 30px 20px;background: none;height:auto;width:815px;border:1px dotted #cccccc;background-color:#f9f9f9;-moz-border-radius:10px; -webkit-border-radius:10px;line-height:1.8;    }
#twitters SPAN.prefix {position:absolute;font-weight: normal;font-size:1em;color:#990000;}
#twitters SPAN.date {font-size:0.7em; padding-left:100px;}
#twitters SPAN.time {float:right;font-size:0.8em;}
#twitters SPAN.status {padding:0px 120px 0px 30px;}



/*  Footer
************************************************************************/

#roundedboxfooter .footericons a{position: relative; list-style:none; float:left; top: 30px; left:-20px; padding:5px; }
#roundedboxfooter .footericons li{list-style:none; display:inline;}
#roundedboxfooter .footericons #socialicons {position:relative; left:535px; }
#roundedboxfooter .footericons #socialicons p {position:absolute; margin-left:297px; font:0.7em Century Gothic, Arial, Helvetica, sans-serif; color:#999999;}
#roundedboxfooter .footericons #socialicons li{list-style:none; display:inline; padding-right:100px;}
#roundedboxfooter #copyright {position: absolute; font-family:Arial, Helvetica, sans-serif; font-size:0.562em; color:#999999; float:center; top:60px; left: 360px;z-index:10;}