@charset "UTF-8";

/** CSS Reset **/

body {
	padding: 0;
	margin: 0;
	background-image: url(images/maingradient2.png);
	background-repeat: repeat-x;
	background-color: #FFF;
}

h1, h2, h3, h4, h5, h6, ul, li, em, strong, pre, code {
padding: 0;
margin: 0;
line-height: 1em;
font-size: 100%;
font-weight: normal;
font-style: normal;
}

table {
font-size: inherit;
font: 100%;
}

ul {
list-style: none;
}

img {
border: 0;
}

p {
margin: 1em 0;
}

/** end CSS Reset **/

/** Font-face **/

/* For IE */

@font-face {
  font-family: 'MuseoSans500';
  src: url('menu/Museo/MuseoSans_500.eot');
}

@font-face {
  font-family: 'DejaBook';
  src: url('deja/DejaVuSansCondensed.eot');
}

@font-face {
  font-family: 'DejaOblique';
  src: url('deja/DejaVuSansCondensed-Oblique.eot');
}

@font-face {
  font-family: 'DejaBold';
  src: url('deja/DejaVuSansCondensed-Bold.eot');
}

/*Other Broswers*/

@font-face {
	font-family: 'MuseoSans500';
	src: url('menu/Museo/MuseoSans_500.eot');
	src: local('Museo Sans 500'), local('MuseoSans-500'), url('menu/Museo/MuseoSans_500.woff') format('woff'), url('menu/Museo/MuseoSans_500.otf') format('opentype');
}

@font-face {
	font-family: 'DejaBook';
	src: url('deja/DejaVuSansCondensed.eot');
	src: local('DejaVu Sans Condensed Book'), local('DejaVuSansCondensed'), url('deja/DejaVuSansCondensed.ttf') format('truetype');
}

@font-face {
	font-family: 'DejaOblique';
	src: url('deja/DejaVuSansCondensed-Oblique.eot');
	src: local('DejaVu Sans Condensed Oblique'), local('DejaVuSansCondensed-Oblique'), url('deja/DejaVuSansCondensed-Oblique.ttf') format('truetype');
}

@font-face {
	font-family: 'DejaBold';
	src: url('deja/DejaVuSansCondensed-Bold.eot');
	src: local('DejaVu Sans Condensed Bold'), local('DejaVuSansCondensed-Bold'), url('deja/DejaVuSansCondensed-Bold.ttf') format('truetype');
}

/** End Font Face **/

/** Text **/

h1 {
	font-family: MuseoSans500,  Helvetica, Arial, sans-serif;
	font-size: 71px;
	font-weight: normal;
	line-height: 130%;
	word-spacing: 1px;
}

h2 {
	font-family: DejaBook, Helvetica, Arial, sans-serif;
	font-size: 27px;
	font-weight: normal;
	line-height: 150%;
	color: #3f4040;
}

p {
	font-family: DejaBook, Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 165%;
	color: #3f4040;
	text-align: justify;
}

h3 {
	font-family: DejaBold, Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 100%;
	color: #a5a5a5;
}

h4 {
	font-family: DejaBook, Helvetica, Arial, sans-serif;
	font-size: 25px;
	font-weight: normal;
	line-height: 100%;
	color: #fff;
}

h5 {
	font-family: DejaBook, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 130%;
	color: #3f4040;
}

strong {
	font-family: DejaBold, Helvetica, Arial, sans-serif;
}

a.footerlink:link {
	color: #a5a5a5;
	text-decoration: none;
}

a.footerlink:visited {
    color: #a5a5a5;
	text-decoration: none;
}

a.footerlink:hover {
	text-decoration: none;
	color: #61cbec;
}

a.footerlink:active {
    color: #a5a5a5;
	text-decoration: none;
	outline: none;
}

a.bannerlink:link {
	color: #333;
	text-decoration: none;
}

a.bannerlink:visited {
    color:  #333;
	text-decoration: none;
}

a.bannerlink:hover {
	text-decoration: none;
	color: #61cbec;
}

a.bannerlink:active {
    color: #333;
	text-decoration: none;
	outline: none;
}

a:link {
	color: #00C3EA;
	text-decoration: none;
}

a:visited {
	color: #00C3EA;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #3f4040;
}

a:active {
	color: #00C3EA;
	text-decoration: none;
	outline: none;
}

.bluetext {
	color: #00C3EA;
}

.greytext {
	color:#a5a5a5;
}

/** End Text **/


#wrapper {
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	position: relative;
}

#homewrapper {
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: none;
	background-repeat: no-repeat;
	position: relative;
}

#bannerwrap {
	height: 70px;
	width: 950px;
	margin-top: 12px;
	margin-bottom: 5px;
}
#logo {
	float: left;
	height: 70px;
	width: 250px;
	margin-right: 150px;
}

.whitedotbreak {
	background-image: url(images/dashedwhiteline.png);
	background-repeat: repeat-x;
}

.whitedotbreakmain {
	background-image: url(images/dashedwhiteline.png);
	background-repeat: repeat-x;
	height: 1px;
	width: 950px;
	margin-top: 15px;
}


#bannertext {
	width: 950px;
	margin-top: 45px;
	margin-bottom: 45px;
	color: #FFF;
}

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
	
#slider, #slider li{
	width:950px;
	height:390px;
	overflow:hidden;
	margin-top: 30px;
	}

.dotbreak {
	background-image: url(images/graydottedline.png);
	background-repeat: repeat-x;
	height: 1px;
	width: 950px;
	margin-top: 40px;
	margin-bottom: 40px;
	clear: both;
	overflow: hidden;
}

.bottomcontactdotbreak {
	background-image: url(images/graydottedline.png);
	background-repeat: repeat-x;
	height: 1px;
	width: 950px;
	margin-top: 10px;
	margin-bottom: 40px;
	clear: both;
	overflow: hidden;
}

.subdotbreak {
	background-image: url(images/graydottedline.png);
	background-repeat: repeat-x;
	height: 1px;
	width: 950px;
	margin-top: 50px;
	margin-bottom: 40px;
	clear: both;
}

.hometext {
	width: 910px;
	padding-right: 15px;
	padding-left: 15px;
}

.homethumb {
	width: 286px;
	float: left;
	margin-top: 25px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}

.homethumbright {
	margin: 15px;
	height: 261px;
	width: 286px;
	float: left;
}

.homecaption {
	height: 80px;
	width: 280px;
	margin-top: 195px;
	float: left;
}

.blueline {
	background-color: #49c3e9;
	height: 2px;
	width: 286px;
}

.blogthumbtext {
	padding: 20px;
	height: 185px;
	width: 246px;
}

.hirebutton {
	height: 30px;
	width: 100px;
	position: absolute;
	left: 850px;
	top: 116px;
	z-index: 6;
}

#footer {
	width:900px;
	height:350px;
	background-image: url(images/footerimage.png);
	background-repeat: no-repeat;
	color: #FFF;
	padding: 25px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}

#footer_wrapper {
	width:100%;
	height:400px;
	background-color: #3c3e3e;
}

.footertext {
	width: 200px;
	font-family: DejaBook, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 150%;
	color: #a5a5a5;
	float: left;
}
.verticaldotbreak {
	background-image: url(images/verticalwhitedot.png);
	background-repeat: repeat-y;
	height: 325px;
	width: 1px;
	float: left;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 30px;
}

#leftcontent {
	float: left;
	width: 550px;
	min-height: 450px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

#portfoliocontent {
	float: left;
	width: 580px;
	min-height: 460px;
	padding-right: 30px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #A2A2A2;
}

#fullcontent {
	width: 950px;
}


#sidebar {
	padding: 20px;
	clear: right;
	float: right;
	width: 290px;
	min-height: 450px;
	border-left: 1px solid #3f4040;
}

#portsidebar {
	clear: right;
	float: right;
	width: 275px;
	min-height: 450px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}


#blogsidebar {
	padding: 20px;
	clear: right;
	float: right;
	width: 290px;
	min-height: 450px;
	border: 5px solid #a2a2a2;
}

.leafbulletwrap {
	background-image: url(images/leafbullet.png);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 31px;
}

.blogsubheader {
	height: 28px;
	width: 85px;
	position: absolute;
	left: 860px;
	top: 170px;
}

.blogpagetitle {
	width: 50px;
	margin-top: 2px;
	float: left;
}

.aboutsubheader {
	height: 28px;
	width: 148px;
	position: absolute;
	left: 804px;
	top: 170px;
}

.aboutpagetitle {
	width: 115px;
	margin-top: 2px;
	float: left;
}

.contactsubheader {
	height: 28px;
	width: 128px;
	position: absolute;
	left: 817px;
	top: 170px;
}

.contactpagetitle {
	width: 95px;
	margin-top: 2px;
	float: left;
}

.testimonialsubheader {
	height: 28px;
	width: 176px;
	position: absolute;
	left: 763px;
	top: 170px;
}

.testimonialpagetitle {
	width: 145px;
	margin-top: 2px;
	float: left;
}

.webdesignsubheader {
	height: 28px;
	width: 183px;
	position: absolute;
	left: 767px;
	top: 170px;
}

.webdesignpagetitle {
	width: 150px;
	margin-top: 2px;
	float: left;
}

.worksubheader {
	height: 28px;
	width: 150px;
	position: absolute;
	left: 800px;
	top: 170px;
}

.workpagetitle {
	width: 118px;
	margin-top: 2px;
	float: left;
}

.printsubheader {
	height: 28px;
	width: 90px;
	position: absolute;
	left: 852px;
	top: 170px;
}

.printpagetitle {
	width: 57px;
	margin-top: 2px;
	float: left;
}

.weddingsubheader {
	height: 28px;
	width: 148px;
	position: absolute;
	left: 795px;
	top: 170px;
}

.weddingpagetitle {
	width: 115px;
	margin-top: 2px;
	float: left;
}

.identitysubheader {
	height: 28px;
	width: 117px;
	position: absolute;
	left: 823px;
	top: 170px;
}

.identitypagetitle {
	width: 85px;
	margin-top: 2px;
	float: left;
}

.whysubheader {
	height: 28px;
	width: 240px;
	position: absolute;
	left: 715px;
	top: 170px;
}

.whypagetitle {
	width: 205px;
	margin-top: 2px;
	float: left;
}

.rssicon {
	margin-left: 20px;
	margin-right: 20px;
}

.sidebarimage {
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #a2a2a2;
}

.sidebarbreak {
	background-image: url(images/graydottedline.png);
	background-repeat: repeat-x;
	height: 1px;
	width: 290px;
	margin-top: 15px;
	margin-bottom: 15px;
	clear: both;
	
}.socialmediawrap {
	width: 284px;
	margin-top: 0px;
	height: 62px;
	margin-bottom: 25px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	background-color: #2f7cba;
	padding-left: 5px;
	border: 1px solid #a2a2a2;
	background-image: url(images/icons/socialgradient.png);
	background-repeat: repeat-x;
}

.leftdotbreak {
	background-image: url(images/graydottedline.png);
	background-repeat: repeat-x;
	height: 1px;
	width: 550px;
	margin-top: 15px;
	margin-bottom: 15px;
	clear: both;
}

.contactdotbreak {
	background-image: url(images/graydottedline.png);
	background-repeat: repeat-x;
	height: 1px;
	width: 43`px;
	clear: both;
	width: 405px;
	margin-top: 15px;
	margin-right: 30px;
	margin-bottom: 15px;
	margin-left: 30px;
}

.portdotbreak {
	background-image: url(images/graydottedline.png);
	background-repeat: repeat-x;
	height: 1px;
	width: 550px;
	margin-top: 40px;
	margin-bottom: 40px;
	clear: both;
}

.port2dotbreak {
	background-image: url(images/graydottedline.png);
	background-repeat: repeat-x;
	height: 1px;
	width: 275px;
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
}

#sideblognav a, #sideblognav a:visited, #sideblognav a:active {
	font-family: DejaBook, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 150%;
	color: #3f4040;
	display:block;
	padding:0; 
	margin: 12px;
	border-bottom: 1px solid #3f4040;
	list-style-type:none; 
}

#sideblognav a:hover {
	font-family: DejaBook, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 150%;
	color: #00C3EA;
	display:block;
	padding:0;
	margin: 12px;
	border-bottom: 1px solid #00C3EA;
	list-style-type:none;
}
	

#sideblognav li {
	font-family: DejaBook, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 150%;
	color: #3f4040;
	display:block;
	padding:0; 
    margin:12px; 
	list-style-type:none; 
}

.leftthumbwrap {
	float: left;
	height: 385px;
	width: 461px;
	margin-right: 25px;
}

.rightthumbwrap {
	float: right;
	height: 385px;
	width: 461px;
}

.bigthumb {
	height: 288px;
	width: 461px;
	margin-bottom: 25px;
}

.contactthumb {
	height: 288px;
	width: 461px;
	border: 1px solid #000;
	margin-bottom: 25px;
}

.leftcontactthumbwrap {
	float: left;
	height: 288px;
	width: 461px;
	margin-right: 25px;
	margin-bottom: 30px;
}

.rightcontactthumbwrap {
	float: right;
	height: 288px;
	width: 461px;
	margin-bottom: 30px;
}

.leftthumbcaption {
	width: 461px;
}

.testimonialwrap {
	width: 950px;
}

.leftinline {
	float: left;
	margin-right: 30px;
	margin-bottom: 15px;
}

.contactwrap {
	width: 461px;
	height: 115px;
}

.contacticon {
	float: left;
	height: 100px;
	width: 100px;
	margin: 15px;
}

.contacttext {
	width: 405px;
	margin: 30px;
}

.contacthead {
	width: 250px;
	margin-top: 47px;
	float: left;
}

.secondloop {
	float: left;
	width: 220px;
	padding: 20px;
	margin-right: 25px;
	border: 1px solid #a2a2a2;
	height: 300px;
	margin-bottom: 30px;
}

.thirdloop {
	float: right;
	width: 220px;
	padding: 20px;
	border: 1px solid #a2a2a2;
	height: 300px;
	margin-bottom: 30px;
}

#loopwrap {
	width: 550px;
	margin-top: 30px;
}

.smalldotbreak {
	background-image: url(images/graydottedline.png);
	background-repeat: repeat-x;
	height: 1px;
	width: 211px;
	margin-top: 15px;
	margin-bottom: 15px;
	clear: both;
}
.portfoliowrap {
	width: 550px;
}

.portborder {
	border: 1px solid #a2a2a2;
}

#mainloop {
	height: 500px;
	width: 550px;
}
.homethumbpic {
	height: 91px;
	width: 286px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	margin-top: 15px;
}
.heavyline {
	height: 2px;
	width: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #00C3EA;
}