/* CSS Document */

#showreel {position:relative; height:429px; width:720px;}
#showreelholder {position:relative; height:429px; width:720px; top:180px; padding:10px; background-color:#000;}
#backintro {position:relative; height:2400px; width:1000px; background-image:url(images/backgroundimage.jpg)}
#introswf {position:relative; height:405px; width:720px;}
#quickintroskip {position:relative; height:30px; width:300px; background-color:#000; top:180px;}
#quickintroskiplink {position:relative; height:auto; width:auto; font-family:Verdana, Geneva, sans-serif; color:#FFF; top:0px;}
#quickintroskiplink a{font-family:Verdana, Geneva, sans-serif; color:#FFF; font-size:14px; text-decoration:underline;}
#quickintroskiplink a:hover {font-family:Verdana, Geneva, sans-serif; color:#FFF; font-size:14px; text-decoration:none; cursor:pointer;}


body, h1, h2, h3, h4, h5, h6 {padding:0; margin:0; border:none; font-family:verdana, arial, sans-serif;}
h1,h2,h4,h6 {font-size:70%; font-weight:normal; font-family:verdana, arial, sans-serif;}
h2 {font-size:85%; font-weight:normal; font-family:verdana, arial, sans-serif;}
h5 {font-size:80%; font-weight:normal; font-family:verdana, arial, sans-serif;}
h3 {font-size:80%; font-weight:normal; font-family:verdana, arial, sans-serif;}
p {margin:0px; font-family:verdana, arial, sans-serif;}

#wrap {width:986px; min-height:100%; background-image:url(images/background.jpg); display:inline-block; padding-bottom:2px;}

#main {width:960px; height:auto; float:left; padding-left:13px; margin-top:3px; padding-right:13px;}
#header {width:960px; height:164px;}
#menu {width:960px; height:24px; background-image:url(images/menubar.jpg); margin-top:1px;}
#menuoption {width:120px; height:24px; float:left;}
#menuoption2 {width:118px; height:24px; float:left;}
#menuoption3 {width:117px; height:24px; float:left;}
#whitebar {position:relative; top:2px; width:1px; height:20px; background-color:#FFF; float:left;}

#maincontent {width:960px; height:auto; float:left;}
#featuredproject {width:240px; height:auto; float:left;}
#feattop {width:240px; height:43px; float:left; margin-top:1px;}
#featinfo {width:240px; height:auto; float:left; background-color:#000000;}
#featback {position:relative; left:1px;width:238px; height:auto; float:left;  background-color:#bddacd;}
#featcontent {width:198px; height:auto; float:left; padding-top:20px; padding-left:20px; padding-bottom:20px;}
#featpic {width:198px; height:160px; float:left; padding-bottom:20px;}
#featfoot {width:240px; height:19px; float:left;}
#featwriting {width:198px; height:auto; float:left; text-align:left;}
#featwritinglink {width:198px; height:auto; float:left; text-align:left; font-size:12px; padding-top:20px;}

#mainsection {position:relative; left:1px; top:1px; width:479px; height:auto; float:left;}

#mainsectionheader {position:relative; top:1px; left:1px; width:479px; height:24px; float:left; background-image:url(images/headings.jpg);}
#mainsectionheaderwrap {width:481px; height:26px; float:left; background-color:#000000;}
#mainsectionheader2 {position:relative; top:1px; left:1px; width:479px; height:24px; float:left; background-image:url(images/headings.jpg);}
#mainsectionheaderwrap2 {width:481px; height:26px; float:left; background-color:#000000;}

#mainsectionheaderwriting {width:100px; height:22px; line-height:24px; float:left; position:relative; left:20px; font-size:15px; text-align:left; color:#FFFFFF;}

#mainsectionpicturewrap {width:481px; height:auto; float:left; background-color:#000000;}
#mainsectionpicture {position:relative; left:1px; top:0; width:439px; height:130px; float:left; padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:20px; background-color:#FFFFFF;}

#mainsectionwriting {position:relative; left:1px; width:439px; height:auto; float:left; text-align:left; padding-left:20px; padding-right:20px; padding-bottom:20px; background-color:#FFFFFF;}

#mainsectionwritingwrap {width:481px; height:auto; float:left; background-color:#000000;}
#mainsectionwritingwrap2 {width:481px; height:auto; float:left; background-color:#000000;}
#mainsectionnewswriting {position:relative; left:1px; width:439px; height:auto; float:left; text-align:left; padding-left:20px; padding-right:20px; padding-bottom:20px; padding-top:20px; background-color:#FFFFFF;}
#mainsectionnewswriting2 {position:relative; left:1px; width:439px; height:auto; float:left; text-align:left; padding-left:20px; padding-right:20px; padding-bottom:20px; background-color:#FFFFFF;}
#mainsectionnewswritingpic {position:relative; left:1px; width:439px; height:250px;; float:left; text-align:left; padding-left:20px; padding-right:20px; padding-bottom:20px; background-color:#FFFFFF;}
#mainsectionnewswritingpic2 {position:relative; left:1px; width:439px; height:350px;; float:left; text-align:left; padding-left:20px; padding-right:20px; padding-bottom:20px; background-color:#FFFFFF;}
#bottomblackline {width:481px; height:1px; float:left; background-color:#000000;}


#featuredproduct {width:237px; height:auto; float:left; margin-left:4px;}
#featprotop {width:237px; height:43px; float:left; margin-top:1px;}
#featproinfo {width:237px; height:auto; float:left; background-color:#000000;}
#featproback {position:relative; left:1px; width:235px; height:auto; float:left;  background-color:#CCC;}
#featprocontent {width:195px; height:auto; float:left; padding-top:20px; padding-left:20px; padding-bottom:20px;}
#featpropic {width:195px; height:120px; float:left; padding-bottom:20px;}
#featprofoot {position:relative; width:237px; height:19px; float:left;}
#featprowriting {width:195px; height:auto; float:left; text-align:left;}
#featprowritinglink {width:195px; height:auto; float:left; text-align:left; font-size:12px; padding-top:20px;}

#bottombar {width:986px; height:34px; float:none; background-image:url(images/bottombar.jpg)}
#cpright {position:relative; left:13px; width:auto; height:25px; float:left; padding-left:20px; color:#FFFFFF; font-size:12px; line-height:23px; margin-right:40px;}

#aboutsection {position:relative; top:1px; left:1px; width:719px; height:auto; float:left;}
#aboutsectionheader {position:relative;  width:719px; height:26px; float:left; background-image:url(images/everythingtop.jpg);}
#aboutsectionheaderwriting {width:400px; height:22px; line-height:24px; float:left; position:relative; top:1px; left:20px; font-size:15px; text-align:left; color:#FFFFFF;}
#aboutsectionwriting {position:relative; width:460px; height:auto; float:left; text-align:left; padding-left:5px; padding-top:20px; padding-bottom:20px; background-color:#FFFFFF;}
#aboutpeoplewrap {float:left; width:719px; height:auto; float:left; background-color:#000000; padding-bottom:1px;}
#aboutpeople {position:relative; left:1px; float:left; width:717px; height:auto; background-color:#FFFFFF; }
#aboutpicture {float:left; width:197px; height:150px; padding:20px; background-color:#FFFFFF;}
#linewrap {float:left; width:697px; height:1px; margin-left:20px;}
#line {float:left; width:677px; height:1px; background-color:#999; margin-left:20px;}



#servicesection {position:relative; top:1px; left:1px; width:719px; height:auto; float:left;}
#servicesectionheader {position:relative;  width:719px; height:26px; float:left; background-image:url(images/everythingtop.jpg);}
#servicesectionheaderwriting {width:500px; height:22px; line-height:24px; float:left; position:relative; top:1px; left:20px; font-size:15px; text-align:left; color:#FFFFFF;}
#servicewrap {float:left; width:719px; height:auto;  background-color:#000000; padding-bottom:1px;}
#servicewrap2 {float:left; width:717px; height:auto;  background-color:#FFFFFF; position:relative; left:1px; padding-top:20px;}
#servicewrap3 {float:left; width:717px; height:auto; }
#serviceoption {float:left; height:auto; width:239px;  background-color:#FFFFFF;}
#serviceoptionpic {height:150px; width:199px; float:left; padding-left:20px;}
#servicetitlewrap {float:left; width:239px; height:auto;}
#servicetitle {float:left; width:199px; height:auto; padding-top:20px; padding-left:20px; padding-bottom:20px;}
#serviceoption2 {float:left; height:auto; width:237px;  background-color:#FFFFFF;}
#serviceoptionpic2 {height:150px; width:197px; float:left; padding-left:20px;}
#servicetitlewrap2 {float:left; width:237px; height:auto;}
#servicetitle2 {float:left; width:197px; height:auto; padding-top:20px; padding-left:20px; padding-bottom:20px;}
#servicevertline { position:relative; float:left; height:200px; width:1px; background-color:#999;}
#servicehorlinewrap {float:left; height:1px; width:717px; padding-bottom:20px;}
#servicehorline {float:left; height:1px; width:677px; margin-left:20px; background-color:#999;}
#serviceoption3 {float:left; height:auto; width:717px;  background-color:#FFFFFF;}
#serviceoptionpic3 {height:150px; width:677px; float:left; padding-left:20px;}
#serviceoptionwriting3 {float:left; width:677px; height:auto; padding-top:20px; padding-left:20px; padding-bottom:20px; text-align:left;}
#serviceoptionwritinglink3 {float:left; width:677px; height:auto; padding-left:20px; padding-bottom:20px; text-align:left;}


#legalcontent { width:717px; height:auto; float:left;}
#legal1 { width:677px; height:auto; float:left; padding-left:20px; padding-bottom:20px; padding-right:20px;}

#contactcontent { width:717px; height:auto; float:left;}
#contactinfo {float:left; width:358px; height:auto; padding-bottom:20px;}
#contactwritten {float:left; width:318px; height:auto; padding-left:20px; padding-right:20px; text-align:left;}
#contactwritten1 {float:left; width:83px; height:auto; text-align:left;}
#contactwritten2 {float:left; width:235px; height:auto; text-align:left;}
#contactemail {float:left; width:338px; height:auto; padding-left:20px;}
#contactverline {float:left; width:1px; height:370px; background-color:#999; background-image:url(images/line.jpg);}
#contactmapwrap {float:left; padding:1px; background-color:#000; width:675px; height:400px; margin-left:20px; display:block;}
#contactmap {width:675px; height:400px; float:left; position:relative;}
#contactgap {float:left; height:20px; width:717px; background-color:#FFF;}

#linkscontent { width:717px; height:auto; float:left;}
#link {float:left; width:358px; height:auto;}
#linkpic {float:left; width:98px; height:98px; padding: 0 20px 20px 20px;}
#linkwritten {float:left; width:200px; height:auto; padding-right:20px; text-align:left;}
#linkverline {float:left; width:1px; height:98px; background-color:#999; background-image:url(images/line.jpg);}

#prodwritinglink {width:500px; height:auto; float:left; text-align:left; font-size:12px; padding-top:20px;}

.mainwriting1 a:link {position:relative;list-style:none;width:180px;height:auto; margin:0px; font-family:verdana, arial, sans-serif; color:#031a23;text-decoration: underline; text-align:left}
.mainwriting1 a:hover {color:#031a23; text-decoration:none; cursor:pointer;}

.mainwriting2 a:link {position:relative;list-style:none;width:199px;height:auto; margin:0px; font-family:verdana, arial, sans-serif; color:#031a23;text-decoration: underline; text-align:left}
.mainwriting2 a:hover {color:#031a23; text-decoration:none; cursor:pointer;}



.menubutton1 {position:relative; top:1px; float:left; list-style:none;width:120px;height:22px; z-index:2; padding:0 0 0 0; font-family:verdana, arial, sans-serif; font-size:13px;}
.menubutton1 ul {padding:0;margin:0;list-style-type:none;}
.menubutton1 ul li {position:relative;}
.menubutton1 ul li a, .menubutton ul li a:visited {display:block; text-decoration:none; line-height:22px; height:22px; color:#FFFFFF;}
.menubutton1 ul li a:hover {border:0; background-color:#e5e5e5; color:#031a23; cursor:pointer; margin:0; width:112px; float:none;}

.menubutton1 ul li ul {display: none;}
.menubutton1 table { display:block;margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;}
.menubutton1 ul li:hover ul {display:block;position:absolute; top:22px; left:-1px;width:260px; border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000;}
.menubutton1 ul li:hover ul li a {display:block;background:#FFFFFF;color:#000000;height:auto;line-height:19px; width:254px; height:20px; border-bottom:0;  border-bottom:1px solid #000000;  text-align:left; padding-left:6px;}
.menubutton1 ul li:hover ul li a:hover { background-color:#bddacd; color:#000000;}

.menubutton2 {position:relative; top:1px; float:left; list-style:none;width:118px;height:22px; z-index:2; padding:0 0 0 0; font-family:verdana, arial, sans-serif; font-size:13px;}
.menubutton2 ul {padding:0;margin:0;list-style-type:none;}
.menubutton2 ul li {position:relative;}
.menubutton2 ul li a, .menubutton ul li a:visited {display:block; text-decoration:none; line-height:22px; height:22px; color:#FFFFFF;}
.menubutton2 ul li a:hover {border:0; background-color:#e5e5e5; color:#031a23; cursor:pointer; margin:0; width:110px; float:none;}

.menubutton2 ul li ul {display: none;}
.menubutton2 table { display:block;margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;}
.menubutton2 ul li:hover ul {display:block;position:absolute; top:22px; left:-1px;width:260px; border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000;}
.menubutton2 ul li:hover ul li a {display:block;background:#FFFFFF;color:#000000;height:auto;line-height:19px; width:254px; height:20px; border-bottom:0;  border-bottom:1px solid #000000; text-align:left; padding-left:6px;}
.menubutton2 ul li:hover ul li a:hover { background-color:#bddacd; color:#000000;}

.menubutton3 {position:relative; top:1px; float:left; list-style:none;width:117px;height:22px; z-index:2; padding:0 0 0 0; font-family:verdana, arial, sans-serif; font-size:13px;}
.menubutton3 ul {padding:0;margin:0;list-style-type:none;}
.menubutton3 ul li {position:relative;}
.menubutton3 ul li a, .menubutton ul li a:visited {display:block; text-decoration:none; line-height:22px; height:22px; color:#FFFFFF;}
.menubutton3 ul li a:hover {border:0; background-color:#e5e5e5; color:#031a23; cursor:pointer; margin:0; width:109px; float:none;}


.bottombuttons {position:relative; right:30px; list-style:none;width:auto;height:25px; margin:0px; font-family:verdana, arial, sans-serif; color:#FFFFFF; float:right; line-height:23px; text-align:right;}
.bottombuttons { float:left; color:#FFFFFF;margin:0;}
.bottombuttons a { height:25px; text-decoration:underline; color: #FFFFFF; font-family:verdana, arial, sans-serif; margin:0;}
.bottombuttons b {float:left; height:25px; margin:0px;}
.bottombuttons a:hover, .bottombuttons a:hover b { color:#FFFFFF; cursor:pointer; margin:0; text-decoration:none;}