@charset "utf-8";
/* CSS Document */

h1 {
	font-size: 80%;
	margin-bottom: 15px;
	padding: 0;
	margin-top: 0;
	line-height: 20px;
}
h2 {
	padding: 0;
	margin: 0;
	font-size: 120%;
	font-weight: bold;
}
h3 {
	padding: 0;
	margin-top: 4px;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 0;
}
body {
	font-family: Verdana, Geneva, sans-serif;
	background-color: #5d351b;
}
#wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
#top {
	display: block;
	background-image: url(assets/topbg.png);
	background-repeat: repeat-x;
	width: auto;
	height: 774px;
}
#top1 {
	display: block;
	background-image: url(assets/topbg.png);
	background-attachment: fixed;
	overflow: scroll;
	background-repeat: repeat-x;
	width: auto;
	height: 774px;
}
#topcenter {
	display: block;
	width: 864px;
	height: 774px;
	margin-left: auto;
	margin-right: auto;
}
#topcenter1 {
	display: block;
	overflow: hidden;
	width: 864px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#logo {
	background-image: url(assets/logo.png);
	width: 444px;
	height: 52px;
	display: inline;
	float: left;
	margin-left: 15px;
	margin-top: 20px;
}
#navbox {
	display: block;
	width: 813px;
	height: 100px;
	float: left;
}
#navbox ul {
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 0px;
	margin-left: 15px;
}
#navbox li {
	list-style-type: none;
	display: block;
	float: left;
	width: 170px;
}
#navbox a {
	width: 138px;
	height: 69px;
	display: block;
}
#navbox a:link, #nav a:visited {
	color: #FFF;
	text-decoration: none;
}
#navbox a:hover, #nav a:focus, #nav a:active {
	color: #FFF;
}
#navbutton {
	background: url(assets/homebutton.png) no-repeat 0 0;
	height: 69px;
	width: 138px;
	margin-top: 30px;
	display: block;
}
#servicesbutton {
	background: url(assets/servicesbutton.png) no-repeat 0 0;
	height: 69px;
	width: 138px;
	margin-top: 30px;
	display: block;
}
#portfoliobutton {
	background: url(assets/portfoliobutton.png) no-repeat 0 0;
	height: 69px;
	width: 138px;
	margin-top: 30px;
	display: block;
}
#contactbutton {
	background: url(assets/contactbutton.png) no-repeat 0 0;
	height: 69px;
	width: 138px;
	margin-top: 30px;
	display: block;
}
#navbutton:hover {
	background-position: 0 -69px;
}
#servicesbutton:hover {
	background-position: 0 -69px;
}
#portfoliobutton:hover {
	background-position: 0 -69px;
}
#contactbutton:hover {
	background-position: 0 -69px;
}
#mainbox {
	background-image: url(assets/mainbox.png);
	background-repeat: no-repeat;
	width: 864px;
	height: 565px;
	display: block;
	float: left;
}
#textbox {
	display: inline;
	width: 590px;
	height: 340px;
	float: left;
	margin-top: 127px;
	margin-bottom: 6px;
	margin-left: 32px;
	overflow: hidden;
}
#textbox a {
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
#textbox1 {
	display: inline;
	width: 590px;
	height: 520px;
	float: left;
	margin-top: 30px;
	margin-bottom: 6px;
	margin-left: 20px;
	font-size: 82%;
	text-align: justify;
	line-height: 20px;
	overflow: hidden;
}
#contactheader {
	width: auto;
	height: auto;
	float: left;
	display: block;
}
#contactinfo {
	width: auto;
	height: auto;
	float: left;
	display: block;
}
#phone {
	background-image: url(assets/mob.png);
	width: 50px;
	height: 50px;
	float: left;
	margin-top: 20px;
	display: inline;
	margin-left: 8px;
}
#contacttexta {
	width: 500px;
	height: 50px;
	display: inline;
	margin-left: 25px;
	margin-top: 20px;
	float: left;
}
#contacttextb {
	width: 450px;
	height: 56px;
	display: inline;
	margin-left: 20px;
	margin-top: 20px;
	float: left;
}
#contacttextb a {
	text-decoration: none;
	color: #000;
}
#contacttextc {
	width: 450px;
	height: 40px;
	display: inline;
	margin-top: 30px;
	float: left;
	margin-left: 10px;
	overflow: auto;
}
#contacttextd {
	width: 450px;
	height: 53px;
	display: inline;
	margin-top: 20px;
	float: left;
	margin-left: 16px;
	line-height: 25px;
	overflow: hidden;
}
#email {
	background-image: url(assets/emailicon.png);
	width: 56px;
	height: 56px;
	display: inline;
	float: left;
	margin-top: 20px;
	margin-left: 8px;
}
#skype {
	width: 70px;
	height: 23px;
	display: block;
	float: left;
	margin-top: 30px;
}
#write {
	background-image: url(assets/write.png);
	width: 58px;
	height: 53px;
	display: inline;
	float: left;
	margin-top: 20px;
	margin-left: 8px;
}
#contactsocial {
	display: block;
	float: left;
	width: 280px;
	height: 48px;
	margin-top: 30px;
	margin-left: -15px;
}
#contactsocial li {
	text-decoration: none;
	list-style-type: none;
}
#contactsocial ul {
	padding: 0px;
	margin: 0px;
}
#socialbookmarks {
	display: block;
	float: right;
	width: 280px;
	height: 48px;
	clear: right;
	margin-right: 200px;
	margin-top: 13px;
}
#socialbookmarks li {
	text-decoration: none;
	list-style-type: none;
}
#socialbookmarks ul {
	padding: 0px;
	margin: 0px;
}
#facebook {
	background-image: url(assets/facebookicon.png);
	background-repeat: no-repeat;
	width: 48px;
	height: 48px;
	display: inline;
	float: left;
	margin-right: 10px;
	margin-left: 23px;
}
#twitter {
	background-image: url(assets/twittericon.png);
	background-repeat: no-repeat;
	width: 48px;
	height: 48px;
	display: inline;
	float: left;
	margin-right: 10px;
}
#myspace {
	background-image: url(assets/myspaceicon.png);
	background-repeat: no-repeat;
	width: 48px;
	height: 48px;
	display: inline;
	margin-right: 10px;
	float: left;
}
#linkedin {
	background-image: url(assets/linkedinicon.png);
	background-repeat: no-repeat;
	width: 48px;
	height: 48px;
	display: inline;
	margin-right: 10px;
	float: left;
}
#bottom {
	background-image: url(assets/bottomslice.png);
	background-repeat: repeat-x;
	height: 530px;
	width: auto;
}
#bottomsmall {
	background-image: url(assets/bottomslicesmall.png);
	background-repeat: repeat;
	height: 123px;
	width: auto;
}
#bottomheader {
	display: block;
	width: auto;
	height: 80px;
}
#headerbox {
	display: block;
	width: 864px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
}
#headerleft {
	display: block;
	width: 406px;
	height: 80px;
	float: left;
}
#headerright {
	display: block;
	width: 412px;
	height: 80px;
	float: right;
}
#mywork {
	background-image: url(assets/myworktext.png);
	width: 187px;
	height: 37px;
	display: block;
	margin-left: 5px;
	margin-top: 30px;
}
#standardfeatures {
	background-image: url(assets/standardfeatures.png);
	width: 236px;
	height: 38px;
	display: block;
	margin-left: 25px;
	margin-top: 30px;
}
#bottombanner {
	background-repeat: repeat-x;
	width: 930px;
	height: 275px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#bottomwrapper {
	background-image: url(assets/bottomwrapper.png);
	width: 930px;
	height: 530px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#bottombannercenter {
	display: block;
	width: 864px;
	height: 275px;
	margin-left: auto;
	margin-right: auto;
}
#bottombannerleft {
	display: block;
	width: 422px;
	height: 275px;
	float: left;
}
#bottombannerleft li {
	text-decoration: none;
	list-style-type: none;
}
#bottombannerleft ul {
	padding: 0px;
	margin: 0px;
}
#vicclip {
	background-image: url(assets/victoryclip.png);
	width: 422px;
	height: 70px;
	display: block;
	margin-top: 23px;
}
#hycclip {
	background-image: url(assets/hycclip.png);
	width: 422px;
	height: 70px;
	display: block;
	margin-top: 10px;
}
#marineclip {
	background-image: url(assets/marinedriveclip.png);
	width: 422px;
	height: 70px;
	display: block;
	margin-top: 10px;
}
#bottombannerright {
	display: block;
	width: 412px;
	height: 275px;
	float: right;
}
#bottomcenter {
	display: block;
	width: 864px;
	height: 172px;
	margin-left: auto;
	margin-right: auto;
}
#contactbox {
	display: inline;
	margin-left: 5px;
	height: 30px;
	width: 750px;
	float: left;
	color: #FFF;
	overflow: hidden;
	text-align: left;
}
#contactbox a:hover {
	color: #FF4f00;
}
#contactbox a {
	text-decoration: none;
	color: #FFF;
	list-style-type: none;
}
#bottomleft {
	display: inline;
	float: left;
	margin-left: 5px;
	width: 561px;
	height: 170px;
	color: #FFF;
	text-align: justify;
	font-size: 75%;
	line-height: 25px;
	overflow: hidden;
}
#bottomright {
	display: block;
	float: right;
	width: 90px;
	height: 287px;
}
#sticker {
	background-image: url(assets/sticker.png);
	width: 170px;
	height: 170px;
	display: block;
	float: right;
	margin-right: 60px;
}
#columna {
	width: 56px;
	height: 275px;
	display: inline;
	float: left;
	margin-left: 20px;
}
#columnb {
	width: 130px;
	height: 275px;
	display: block;
	float: left;
	margin-left: 10px;
}
#columnc {
	width: 56px;
	height: 275px;
	display: block;
	float: left
}
#columnd {
	width: 130px;
	height: 275px;
	display: block;
	float: left;
	margin-left: 10px;
}
#coinsicon {
	background-image: url(assets/coinsicon.png);
	width: 56px;
	height: 56px;
	margin-top: 30px;
}
#coinstext {
	display: block;
	width: 130px;
	height: 26px;
	margin-top: 50px;
}
#painticon {
	background-image: url(assets/paintbucket.png);
	width: 56px;
	height: 56px;
	margin-top: 25px;
}
#painttext {
	display: block;
	width: 130px;
	height: 26px;
	margin-top: 50px;
}
#servericon {
	background-image: url(assets/servericon.png);
	width: 56px;
	height: 56px;
	margin-top: 25px;
}
#servertext {
	display: block;
	width: 130px;
	height: 36px;
	margin-top: 50px;
}
#charticon {
	background-image: url(assets/charticon.png);
	width: 56px;
	height: 56px;
	margin-top: 30px;
}
#charttext {
	display: block;
	width: 130px;
	height: 26px;
	margin-top: 50px;
}
#emailicon {
	background-image: url(assets/emailicon.png);
	width: 56px;
	height: 56px;
	margin-top: 25px;
}
#emailtext {
	display: block;
	width: 130px;
	height: 26px;
	margin-top: 50px;
}
#searchicon {
	background-image: url(assets/searchicon.png);
	width: 56px;
	height: 56px;
	margin-top: 25px;
}
#searchtext {
	display: block;
	width: 130px;
	height: 36px;
	margin-top: 50px;
}
#footerright {
	display: block;
	float: right;
	width: 100px;
	height: 30px;
	margin-top: 9px;
}
#socialsmall {
	display: inline;
	margin-left: 5px;
	height: 40px;
	width: 440px;
	float: left;
	overflow: hidden;
	color: #FFF;
}
#socialsmall li {
	text-decoration: none;
	list-style-type: none;
}
#socialsmall ul {
	padding: 0px;
	margin: 0px;
}
#facebooksmall {
	background-image: url(assets/facebookiconsmall.png);
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	display: inline;
	float: left;
}
#twittersmall {
	background-image: url(assets/twittericonsmall.png);
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	display: inline;
	float: left;
}
#myspacesmall {
	background-image: url(assets/myspaceiconsmall.png);
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	display: inline;
	float: left;
}
#servicestop {
	width: 864px;
	height: 600px;
	display: block;
	float: left;
}
#servicesa {
	width: 864px;
	height: 290px;
	display: block;
	float: left;
}
#servicestext {
	font-size: 80%;
	width: 520px;
	height: 265px;
	float: left;
	display: inline;
	margin-top: 20px;
	margin-left: 20px;
	line-height: 20px;
}
#servicesbox {
	background-image: url(assets/servicesbox.png);
	display: block;
	width: 308px;
	height: 257px;
	float: right;
}
#servicesb{
	width: 864px;
	height: 310px;
	display: block;
	float: left;
	font-size: 70%;
}
#servicescola {
	width: 56px;
	height: 310px;
	float: left;
}
#servicescolb {
	width: 350px;
	height: 310px;
	float: left;
}
.servicetext1 {
	margin-left: 10px;
	margin-top: 25px;
	width: 315px;
	height: 70px;
	display: block;
}
.servicetext2 {
	margin-left: 10px;
	margin-top: 10px;
	width: 315px;
	height: 90px;
	display: block;
}
.servicetext3 {
	margin-left: 10px;
	width: 315px;
	height: 70px;
	display: block;
}
#servicescolc {
	width: 56px;
	height: 310px;
	float: left;
}
#servicescold {
	width: 350px;
	height: 310px;
	float: left;
}
#contactboxmain {
	background-image: url(assets/contactboxnew.png);
	width: 864px;
	height: 565px;
	display: block;
	float: left;
}
#contactchap {
	background-image: url(assets/contactchap.png);
	width: 193px;
	height: 554px;
	float: right;
}
#bottomcenter1 {
	display: block;
	width: 864px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
#contactbox1 {
	display: inline;
	margin-left: 5px;
	height: 30px;
	width: 760px;
	float: left;
	color: #FFF;
	overflow: hidden;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 0;
}
#validator {
	margin-top: 9px;
	margin-bottom: 0;
	width: auto;
	height: auto;
	display: block;
	float: left;
	overflow: hidden;
}
#contactbox1 a:hover {
	color: #FF4f00;
}
#contactbox1 a {
	text-decoration: none;
	color: #FFF;
	list-style-type: none;
}
#portfoliobannerbox {
	width: 864px;
	height: 600px;
	display: block;
	float: left;
}
#viclogo {
	background-image: url(assets/vicportfolio.png);
	width: 145px;
	height: 43px;
	display: inline;
	float: left;
	margin-top: 55px;
	margin-left: 30px;
}
#vicbanner {
	background-image: url(assets/victoryclipportfolio.png);
	width: 540px;
	height: 87px;
	display: block;
	float: left;
	margin-top: 30px;
	margin-left: 90px;
}
#hyclogo {
	background-image: url(assets/hyclogo.png);
	width: 115px;
	height: 62px;
	display: inline;
	float: left;
	margin-top: 45px;
	margin-left: 50px;
}
#hycbanner {
	background-image: url(assets/hycclipportfolio.png);
	width: 540px;
	height: 87px;
	display: block;
	float: left;
	margin-top: 30px;
	margin-left: 100px;
}
#marinedrivelogo {
	background-image: url(assets/marinedrivelogo.png);
	width: 145px;
	height: 43px;
	display: inline;
	float: left;
	margin-top: 55px;
	margin-left: 30px;
}
#marinedrivebanner {
	background-image: url(assets/marinedriveclipportfolio.png);
	width: 540px;
	height: 87px;
	display: block;
	float: left;
	margin-top: 30px;
	margin-left: 90px;
}
.headport {
	width: 864px;
	height: 40px;
	display: block;
	float: left;
}
.portfoliosec {
	width: 864px;
	height: 289px;
	display: block;
	float: left;
}
#portpicvic {
	background-image: url(assets/portpicvic.png);
	width: 266px;
	height: 289px;
	display: block;
	float: left;
}
#portpichyc {
	background-image: url(assets/portpichyc.png);
	width: 266px;
	height: 289px;
	display: inline;
	float: left;
	margin-left: 30px;
	margin-right: 30px;
}
#portpicmarine {
	background-image: url(assets/portpicmarine.png);
	width: 266px;
	height: 289px;
	display: block;
	float: left;
}
#portpicroger {
	background-image: url(assets/portpicroger.png);
	width: 266px;
	height: 289px;
	display: block;
	float: left;
}
#portpichamp {
	background-image: url(assets/portpichamp.png);
	width: 266px;
	height: 289px;
	display: block;
	float: left;
}
#portpicboom {
	background-image: url(assets/portpicboom.png);
	width: 266px;
	height: 289px;
	display: inline;
	float: left;
	margin-left: 30px;
	margin-right: 30px;
}
#portpicnjm {
	background-image: url(assets/portpicnjm.png);
	width: 266px;
	height: 289px;
	display: block;
	float: left;
}
#portpiccinn {
	background-image: url(assets/portpic6.png);
	width: 266px;
	height: 289px;
	display: block;
	float: left;
}
#portpicaqua {
	background-image: url(assets/portpicaqua.png);
	width: 266px;
	height: 289px;
	display: inline;
	float: left;
	margin-left: 30px;
	margin-right: 30px;
}
#portpicdolce {
	background-image: url(assets/portpicdolce.png);
	width: 266px;
	height: 289px;
	display: block;
	float: left;
}
#portpicrefix {
	background-image: url(assets/portpicrefix.png);
	width: 266px;
	height: 289px;
	display: inline;
	float: left;
	margin-left: 30px;
	margin-right: 30px;
}
#portpicsmc {
	background-image: url(assets/portpicsmc.png);
	width: 266px;
	height: 289px;
	display: block;
	float: left;
}
#portpicjohnsons {
	background-image: url(assets/portpicjohnsons.png);
	width: 266px;
	height: 289px;
	display: block;
	float: left;
}
#portpicmcm {
	background-image: url(assets/portpicmcm.png);
	width: 266px;
	height: 289px;
	display: inline;
	float: left;
	margin-left: 30px;
	margin-right: 30px;
}
#portpicetiquette {
	background-image: url(assets/portpicetiquette_flair.png);
	width: 266px;
	height: 289px;
	display: block;
	float: left;
}
#portpicweston {
	background-image: url(assets/portpicweston.png);
	width: 266px;
	height: 289px;
	display: block;
	float: left;
}
.porttextbox {
	display: block;
	height: 40px;
	width: 210px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 218px;
}
#portpicjustin {
	background-image: url(assets/portpicjustin.png);
	width: 266px;
	height: 289px;
	display: inline;
	float: left;
	margin-left: 30px;
	margin-right: 30px;
}
.bannerbox1 {
	background-image: url(assets/portfoliobanner.png);
	width: 864px;
	height: 150px;
	display: block;
	float: left;
	margin-top: 30px;
}
.icontext {
	font-size: 70%;
	font-weight: bold;
	color: #FFF;
	padding: 0;
	margin: 0;
}
.footertext {
	font-size: 70%;
	text-align: left;
}
.maintext {
	font-size: 82%;
	margin-bottom: 20px;
	padding: 0;
	margin-top: 0;
}
.maintext1 {
	font-size: 100%;
	line-height: 20px;
	margin-bottom: 20px;
	padding: 0;
	margin-top: 0;
}
.maintext2 {
	font-size: 100%;
	line-height: 20px;
	margin-bottom: 20px;
	padding: 0;
	margin-top: 20px;
}
.links {
	padding: 0;
	margin: 0;
	font-size: 110%;
	font-weight: bold;
}
.bullettext {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 13px;
}
.headertext {
	font-weight: bold;
	margin: 0;
	padding-top: 15px;
	padding-left: 18px;
	padding-bottom: 0;
}
#link {
	display: block;
	width: 700px;
	height: 20px;
	margin: auto;
}
#link a{
	color: #00C;
	text-decoration: none;
}
.linktext {
	padding: 0;
	margin: 0;
	font-size: 76%;
	color: #FFF;
}
.porttext {
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: #FFF;
}
.porttext2 {
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 90%;
	color: #FFF;
}
.porttextbox a {
	color: #FFF;
	text-decoration: none;
}
.porttext1 {
	margin: 0;
	padding: 0;
	font-size: 70%;
	color: #FFF;
}
.porttext1a {
	margin: 0;
	padding: 0;
	font-size: 62%;
	color: #FFF;
}