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


body {margin:0; padding:0; background:url(images/teal_bg_repeat.jpg); font-family:"trebuchet MS", Arial, sans-serif; }

#topbar_holder {background:url(images/top_repeat.jpg) repeat-x; margin:0; padding:0; width:100%; height:60px;}
#topbar {width:980px; margin: 0 auto; padding:0; height:60px;}

#nav {margin:0; padding:0; float:right; width:660px; height:60px; text-align:left;}


#share {float:right; margin:25px 0 0 -15px; padding:0;}

#header_holder {margin:0; padding:0; background:url(images/header_bg.jpg) no-repeat top center; width:100%; height:249px;}

#header {width:980px; margin:0 auto; padding:0; }
#header_text {width:600px; float:right; margin:25px 15px 0 0; padding:0; font-size:14px; line-height:20px; color:#fff;}
#phone {width:268px; height:26px; font-size:16px; font-family:"Cambria", Arial, sans-serif; float:right; margin:0; padding:9px 0 0 0px; color:#fff;}

#web {width:980px; margin:0 auto; padding:20px 0 0 0; background:url(images/web_bg.jpg) no-repeat top center; position:relative;}
#web_slides {float:left; margin:0 0 0 40px; padding:0; position:relative;}
#web_text {float:left; margin:15px 0 0 50px; padding:0; text-align:center; width:335px;}
#web_text h1 {font-size:37px; font-family:"Georgia", Times New Roman, Times, serif; color:#fff; margin:0; padding:0;}
#web_text h2 {font-size:24px; font-family:"Cambria", Arial, sans-serif; color:#fff;margin:0 0 8px 0; padding:0;}
#web_text p {font-size:14px; color:#fff; line-height:20px; padding:0 17px 0 17px}

#fabric {width:100%; height:452px; margin:20px 0 0 0; padding:0; background:url(images/fabric_bg.jpg) repeat-x bottom;}
#print_holder {margin:0; padding:0; width:100%; background:url(images/paper_bg.png) no-repeat top center; height:451px;}
#print {width:980px; margin:0 auto; padding:65px 0 0 0;}

#copyright {width:980px; margin:0 auto; padding:10px 0 10px 0; color:#fff; font-size:12px;}

#dark_static {background:url(images/darkstatic_bg.jpg); width:100%; margin:0; }
#portfolio {width:980px; margin:0 auto; padding:0 0 0;}
#portfolio_left {width:300px; float:left; margin:15px 5px 0 0; padding:0; text-align:center; color:#fff;}
#portfolio_left h1 {font-family:"Georgia", Times New Roman, Times, serif; font-size:31px; margin:0; padding:0; font-weight:normal}
#portfolio_left h2 {font-family:"Cambria", Arial, sans-serif; font-size:23px; margin:0; padding:0;font-weight:normal}

#clients { margin:10px 5px 15px; padding:0; float:left;}
#clients ul {margin:0; padding:0;}
#clients ul li {font-size:16px; font-family:"trebuchet MS", Arial, sans-serif; margin:0; padding:0; list-style:none; color:#fff; line-height:20px; font-weight:normal;}
#clients ul li a {color:#fff; text-decoration:none; font-weight:normal;}
#clients ul li a:hover {color:#abdee9;}

#display_holder {width:100%; margin:0; padding:0; background:url(images/display_bg.jpg) no-repeat top center; height:481px;}
#display {width:885px; margin:0 auto 0 auto; padding:0; height:398px;}

#client_info_holder {background:#272727; margin:0; padding:0; width:100%; height:273px;}
#client_info {margin:0 auto; padding:0; width:980px;}
#client_name {float:left; margin:45px 0 0 0px; padding:0; width:414px; font-size:37px; color:#fff; text-align:center; line-height:40px; font-family:"Georgia", Times New Roman, Times, serif;}
#client_description {color:#fff; margin:45px 0 0 45px ; padding:0; float:left; width:415px; text-align:center; font-size:14px;}
#client_description h1 {font-size:20px; font-family:"Cambria", Arial, sans-serif; font-weight:normal; color:#65bdd0; margin:0 0 0px 0; padding:0;}

#print_slides {float:right; margin:0 40px 0 0; padding:0; }
#print_text {float:left; margin:15px 50px 0 0; padding:0; text-align:center; width:335px;}
#print_text h1 {font-size:37px; font-family:"Georgia", Times New Roman, Times, serif; color:#2c2d2d; margin:0; padding:0;}
#print_text h2 {font-size:24px; font-family:"Cambria", Arial, sans-serif; color:#2c2d2d;margin:0 0 8px 0; padding:0;}
#print_text p {font-size:14px; color:#000; line-height:20px; padding:0 17px 0 17px}

#bottom_holder {width:100%; margin:0; padding:0; background:url(images/bottom_bg.jpg) repeat-x; height:300px;}
#bottom {width:980px; margin:0 auto; padding:0;}

#bottom_list {float:left; text-align:left; float:left; margin:25px 0 0 10px;}
#bottom_list h1 {color:#57c8e0; font-size:18px; margin:0 0 5px 0; padding:0; font-weight:normal; text-decoration:none;}
#bottom_list h1 a {color:#57c8e0; text-decoration:none;}
#bottom_list ul {margin:0; padding:0;}
#bottom_list ul li {color:#bbbbbb; font-size:14px; line-height:20px; list-style:none;margin:0; padding:0; }
#bottom_list ul li a {color:#bbbbbb; text-decoration:none;}
#bottom_list ul li a:hover {color:#fff;}

#like_box {width:210px; margin:7px 0 0 70px; padding:0; float:left;}

#portfolio_btn_holder {width:970px; margin:0 auto 10px auto; padding:0;}
#portfolio_btn {width:222px; height:111px; margin:10px; padding:0; float:left; }
#portfolio_btn img:hover {border:1px solid #fff;}

#paper_bg {background:url(images/paper_repeating_bg.png) repeat-y; width:980px; margin:0 auto; padding:0;}
#paper_bottom {background:url(images/paper_bottom.jpg) no-repeat; width:980px; margin:0 auto 30px auto; padding:0; height:42px;}
#print_intro {width:490px; color:#000; float:right; margin:50px 50px 0 0; padding:20px; font-size:14px; line-height:20px; background:url(images/white_bg.png)}
#print_intro h2 {font-size:24px; font-family:"Cambria", Arial, sans-serif; color:#0a6372; margin:0 0 8px 0; padding:0;}

#icon_holder {width:860px; margin:30px auto 0 auto; padding:0;}
#icon_holder img {border:none;}

#facebook_btn {width:50px; height:19px; margin:0; padding:0; float:right; background:url(images/facebook_btn.jpg);}
#facebook_btn a {display:block; width:50px; height:19px;}
#facebook_btn a:hover {background:url(images/facebook_btn_b.jpg)}

#brochures {margin:20px 0 0 0; padding:0;}
#businesscards {margin:20px 0 0 15px; padding:0;}
#logos {margin:20px 0 0 40px; padding:0;}
#ads {margin:20px 0 0 80px; padding:0;}
#misc {margin:20px 0 0 0; padding:0;}

#category_description {width:440px; margin:0 0 15px 80px;  background:url(images/white_bg.png); padding:20px; font-size:14px; line-height:20px;}
#category_description h1 {font-size:30px; color:#0a6372; font-family:"Cambria", Arial, sans-serif; margin:10px 0 10px 0; }

#directions {float:left; margin:0; padding:0; height:300px;}


.logo {float:left; margin:17px 0 0 15px;}
.fb {float:right; margin:23px 35px 0 0; padding:0;}
.highlight {color:#b3eefb; font-size:16px; font-weight:bold;}
.highlight a, .highlight a:visited, .highlight a:hover, .highlight a:active {color:#b3eefb; font-size:16px; font-weight:bold; text-decoration: none; }
.highlight2 {color:#0a6372; font-size:16px; font-weight:bold;}
.clear {clear:both; margin:0; padding:0; height:0;}
.fltleft {float:left;}
.fltright {float:right;}
.bracket {float:left; margin:35px 0 0 0;}
.view_website {float:left; margin:10px 0 0 150px; padding:0;}
.anotherworld {margin:0 0 0 5px; float:left;}
.icon {float:left; margin:0 15px 0 15px;}
.spacer {display:none}
.thumbnail {margin:0 0 0 20px; border:0;}
.card_thumbnail {margin:5px 2px 0px 2px; border:0;}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 548px; /*Width of Carousel Viewer itself*/
height: 340px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}


.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0; /*margin around each panel*/
width: 548px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*Services */

#services_holder {width:980px; margin:0 auto; padding:0; height:390px;}
#services_text {width:440px; float:right; margin:65px 65px 0 0; background:url(images/light_grey.png); padding:20px;}
#services_text h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:40px; color:#747779; font-weight:normal; margin:0; padding:0;}
#services_text p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#000; line-height:20px; margin:0; padding:0;}

.view_our_work {float:right; margin:15px 10px 0 0;}

/* Lightbox */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;  border:10px solid #fff; }
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer{ padding:0;}

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; background: url(images/prevlabel.png) left 50% no-repeat; }
#nextLink { float: right; background: url(images/nextlabel.png) right 50% no-repeat;}

#imageDataContainer{margin: 10px auto 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; font-family:Cambria; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold; color:#000;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	


#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background:url(images/whitestatic.jpg); }


/* Contact Form */

#contact_form {width:550px; margin:0 0 0 15px; padding:25px 0 0 0; float:left;}
#contact_form h1 {color:#57c8e0; font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; margin:0; padding:0;}
#contact_form h2 {color:#fff; font-family:"Cambria", Arial, sans-serif; font-size:20px; margin:0 0 15px 0; padding:0;}

#contact_form input {display: block; float:left; width:180px; margin:0px 0 5px 0; padding:0; background:#fff; border:1px solid #fff; height:25px }
#contact_form input:focus, #contact_form textarea:focus {background:#b1dde6;}
#contact_form textarea {border: 1px solid #fff;}

#contact_form label {display: block; float: left; width: 60px; margin: 0px 10px 0px 15px; padding:0; font-family:"trebuchet MS", arial, sans-serif; font-size:16px; color:#fff; text-align:right;}

.submit { display: block; float: right; width: 77px; height: 33px; margin: 4px; padding:0;}
.errors {color:#fff;}

/*Drop Down */

.basictab ul{
margin: 20px 0 0 0;
padding: 3px 0;
margin-left: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
color:#fff;
}

.basictab li a{
text-decoration: none;
padding: 20px;
margin-right: 3px;
color: #fff;
}

.basictab li a:visited{
color: #fff;
}

.basictab li a:hover, .basictab li a.current{
background-color: #363535;
color: #00d2ff;
}

.basictab li a:active{
color: #00d2ff;
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
display:none;
background-color: #363535;
margin:15px 0 0 0;
position:relative;
z-index:1;
text-align:left;
}

.tabcontent a {color:#fff; font-size:14px; margin:0; padding:8px 8px 8px 20px; text-decoration:none; line-height:30px;}
.tabcontent a:hover {color: #fff; font-weight:bold;}


/* Drop Down Panel */

.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color: white;
background: black; /*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-right: 20px;
font: normal 12px Arial;
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: right;
color: white;
background: #000; /*background of toggle tab*/
text-decoration: none;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
padding: 1px 12px 4px 13px;
cursor: pointer;
font-size:14px;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 2px;
margin-left: 5px;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
color: #57c8e0; /*background of toggle tab onMouseover*/
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}

#angel_bg {background:url(images/angel_bg.jpg) no-repeat; width:100%; height:870px; margin:0; padding:0;}
#angel_text {margin:300px 0 0 550px; width:300px; color:#fff;}

#scotty_bg {background:url(images/scotty_bg.jpg) no-repeat; width:100%; height:870px; margin:0; padding:0;}
#scotty_text {margin:600px 0 0 290px; width:620px; height:235px;}


#kyle_bg {background:url(images/kyle_bg.jpg) no-repeat; width:100%; height:870px; margin:0; padding:0;}
#kyle_text {margin:350px 0 0 520px; width:300px; color:#fff;}

#jonathan_bg {background:url(images/jonathan_bg.jpg) no-repeat; width:100%; height:870px; margin:0; padding:0;}
#jonathan_text {margin:20px 0 0 20px; width:220px; }





#free_intro {width:980px; margin:0px auto 25px auto; padding:20px 0 0 0; color:#fff; font-family:"Cambria", Arial, sans-serif; font-size:27px; line-height:33px; }
.free {font-size:46px; color:#66cbe0; font-weight:bold;}
#free-info {width:932px; margin:0 auto; padding:0;}
#free-info h1 {font-size:40px; font-family:"Cambria", Arial, sans-serif; color:#147387; margin:0 0 10px 0; padding:0;}
#free-info p {font-size:14px; color:#515151; line-height:20px; margin:0 17px 0 17px; font-family:"trebuchet MS", arial, sans-serif; width:650px;}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; }
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/free-site/black-overlay.png);}

  
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}






#form_holder form{
	float: left;
	width: 540px;
	margin: 0 0 0 50px;
	border:none;
		}



#form_holder form a {color:#1384d3; text-decoration:none;}
#form_holder form a:hover {color:#37a1eb;}

#form_holder input, #form_holder select, #form_holder textarea{
	float: left;
	padding: 0px;
	margin: 0;
	height:25px;
	}
	
#form_holder input:focus , #form_holder select:focus , #form_holder textarea:focus {

}

.submit {
width: 100px;
}

#form_holder label{
	display: block;
	float: left;
	width: 250px;
	margin: 5px 6px 3px 0;
	*margin: -7px  0 0 0;
	line-height: 20px;
	padding: 0px;
	color:#424444;
	text-align:left;
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#form_holder fieldset{ border:none}

.errors{color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; background:#FF0000; padding:5px;  }

.reload {margin:5px 0 8px 0;}

.others {margin:10px 0 20px 0; border:none;}