/************************************************************************ 
Lunchbox Design - Graphic Design Studio Presentation
Gainesville, Florida

©Copyright Brent Ferraro 2004-Present
Design By Brent Ferraro

                                          ..,:;rssiiiiiiiissr;:,..                                          
                                     .:rSSSsr:,              ,;ri52ir:.                                     
                                .;59&XSr,                         .:riX&35r,                                
                             :5&G2;.                                    .;2GA5;                             
                          ;2A9r.                 .,,::::,..                 .r3A9;                          
                       :2A3;            .:s3H@@@@@@@@@@@@@@@@@@H3s:             ;9A2:                       
                     ;AAs           :5#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@M5:           rAAr                     
                   sH9:         ,i#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@5,         :GMi                   
                 rM3,        ,3@@@@@@@@@@@@####################@@@@@@@@@@@@@@X,        ,hMs                 
               :B9.        i@@@@@@@@@################################@@@@@@@@@@@s        .A#;               
              3B:       .3@@@@@@@########################################@@@@@@@@@3.       ;#G.             
            ;#5       .h@@@@@@##############################################@@@@@@@@h        S#r            
           2#,       X@@@@@####################################################@@@@@@@2       ,#G           
         .H3       ;@@@@@########################################################@@@@@@@;       G#.         
        ,#s       A@@@@############################################################@@@@@@A       s@:        
       ,#;      :@@@@#############################################@##################@@@@@@,      ;@:       
      ,#;      r@@@@##################@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@###############@@@@@@r      ;@;      
     .#;      i@@@################@@@#h2222222222222222222222222X2X22A@@@@##############@@@@@S      ;@,     
     Ms      i@@@#################&A@#                                #@Ah@##############@@@@@i      r@     
    X3      r@@@######@@@@@@@@@@@@si@@i,,:::::::::::::::::::::::::::,r@@S;@@@@@@@@@@@@@###@@@@@r      XB    
   ;#      :@@@#####@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@###@@@@:      #r   
   #:      @@@######M,                 .............................                  ,#@####@@@@      ,@.  
  i&      9@@@#####@#                                                                  M@@####@@@&      93  
  M.     ,@@@######@@                                                                  #@@#####@@@:      @, 
 r&      A@@#######@@,                                                                 #@#####@@@@#      h2 
 9;     .@@########@@,                                                                 #@#######@@@,     :@ 
:9      S@@########@@,                                                                 #@#######@@@X      #:
ss      B@@########@@,                                                                 #@########@@@      9;
5:     .@@#########@@,                                                                 #@########@@@      rr
X.     :@@#########@@.      ,:,                                              ,:.       #@#########@@;     ,s
X      :@@#########@@,     :@@@S                                            2@@@.      #@#########@@s     .i
X      ;@@#########@@AGBMMH#@@@@hBMM##MMMMMM###MM###MM###MMM##MMM##MM#####MA@@@@H&M#M&3@@#########@@r      i
X      :@@#########@@,     ,@@@i                                            i@@@.      #@#########@@r      i
3      :@@#########@@       :rr                                              ;r;       #@#########@@r     .i
X.     .@@#########@@.                                                                 #@#########@@:     ,s
5;      @@#########@@,                                                                 #@#########@@      rr
rS      A@@########@@,                                                                 #@#########@#      X;
,A.     ;@@########@@,                                                                 #@########@@i      H,
 Gs      @@########@@,                                                                 #@########@@      :A 
 ;M      S@@#######@@,                                                                 #@########@X      &i 
  #;      @@@######@@,                                                                 #@#######@@      .#. 
  r#      r@@@#####@@,                                                                 @@#######@r      Gi  
   #r      h@@#####@@,                                                                 @@######@G      :#   
   ,@.      #@@####@@,                                                                 #@#####@#       M:   
    SM       @@@###@@.                                                                 #@####@@.      G2    
     BG       @@@##@@:                                                                 #@@##@@,      SA     
      #2       @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@##@#.      rB      
       #S       H@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@##@H       r#       
       .#2       5@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@##@@2       s#        
         #&       :@@@@###############################################################@@#:       2B         
          h#.       2@@@#############################################################@@2       .H9          
           s@s        A@@@########################################################@@@A.       ;#s           
            .B&.       ,H@@@@###################################################@@@A,       .hH.            
              S@s        .h@@@@##############################################@@@@9.        rHi              
                9#;         s#@@@@@#######################################@@@@Mr         ;AX.               
                 ,AHr         .iM@@@@@@@##############################@@@@@#i.         ;AG,                 
                   :hHs           ;G@@@@@@@@#@##################@@@@@@@@9;           rA&,                   
                     .2BX:            ;2A#@@@@@@@@@@@@@@@@@@@@@@@@#A5;            :2H2,                     
                        rAHS,              .:ri3AH#######MH&3ir:.              ,i&&r                        
                          .s&A5;                                           .;5&hi.                          
                             .rX&Gi;,                                  .;ih&X;.                             
                                 ,rXAGXS;,                        ,;iXG&Xr,                                 
                                      .,:;;;;;:::,,,....,,,:::;;;;;:,.  
                                      
************************************************************************/
                                   

/************************************************************************ 
CSS Reset via http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/************************************************************************ 
Global
************************************************************************/
body{
font-family:Helvetica, Arial, sans-serif;
	background-color: #fff;
	background-image: url(../images/body_background.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

p, ul, ol, li, dl, blockquote{font-size: 1em; line-height: 1.5em;color:#fff;}

h1{font-size: 2em; line-height: 3em; color:#fff;}
h2{font-size: 1.6em; line-height: 3em; color:#fff;}
h3{font-size: 1.1em; line-height: .5em; padding-top:10px;color:#ccc;}
h4{font-size: 1em; line-height: 1.2em; color:#fff;}
h5{font-size: .8em; line-height: 1em; color:#fff;}
h6{font-size: .7em; line-height: 2em; color:#fff;}

a:link {
	color: #ccc;
	text-decoration: none;
} 
a:visited {
	color: #ccc;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #2580a2;
	text-decoration: none;
}
a:active {
}

#showNone{display: none;}

img{max-width: 100%;}

img, div, a { behavior: url(/styles/iepngfix.htc) }

/************************************************************************ 
Structure
************************************************************************/
#wrap{
	width: 960px;
	margin: 0 auto;
}
#innerWrap{
	width: 960px;
	margin: 0 auto;
	float: left;
}

#header{
	width: 960px;
	height:140px;
	display: block;
}
#portfolioContent{
	margin-top: 5px;
	width: 960px;
	margin-left:5px;
	float: left;
}

#aboutContent{
	margin-top: 25px;
	width: 960px;
	margin-left:5px;
	float: left;
}

#leftColumn{
	width: 720px;
	float:left;
	margin-bottom:25px;
	min-height: 500px;
}
#rightColumn{
	width: 240px;
	float:left;
	margin-bottom:25px;
}

/************************************************************************ 
header
************************************************************************/
a#logo{
	width: 365px;
	height: 58px;
	display: block;
	background-image: url('../images/lb-rewind-3.png');
	background-repeat: no-repeat;
	text-indent: -5000px;
	margin-top: 40px;
	float:left; 
}

a#logo:hover{
	background-image: url('../images/lb-rewind-3.png');
	background-position: left -57px;	
}
#header ul{
	float:left;
	margin-top: 60px;
	float:right;
	color: #fff;

}
/************************************************************************ 
Global Navigation
************************************************************************/
#menu {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 363px;
}
#menu li {
	float: left;
	font: .8em "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu a {
	color: #ccc;
	display: block;
	float: left;
	margin: 0;
	padding: 5px 10px;
	text-decoration: none;
}
#menu a:hover {
	background: #2580a2 url("../images/hover.gif") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}

/************************************************************************ 
portfolio sorting links
************************************************************************/
#portfolioSorting{
	width:950px;
	display: block;
	margin-top: 35px; 
	padding: 5px 0 5px 10px;
}

#portfolioSorting a{
	display: block;
	float: left;
	font-size: .8em;
	line-height: 10px;
	padding: 5px;
	margin-right: 8px;
}

#portfolioSorting a:active, #portfolioSorting a:hover {
	background: #ccc;
	overflow:hidden;
}

#portfolioSorting a, #portfolioSorting a:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
			
.awesome:hover { background-color: #111; color: #fff; }
.awesome:active { top: 1px; }
		
#portfolioSorting a.blue, #portfolioSorting a.blue:visited{ background-color: #007d9a; }
#portfolioSorting a.blue:hover	{ background-color: #cf6701; }


/************************************************************************ 
portfolio content
************************************************************************/
a.portPieceWeb, a.portPiecePrint{
	width: 219px;
	height: 162px;
	display: block;
	margin: 5px 11px 10px 2px;
	float: left;
	position: relative;
	border: 4px solid #f2f3f4;
	overflow:hidden;
}

a.portPieceWeb:hover, a.portPiecePrint:hover{
	border: 4px solid rgba(37,128,162,.7);
}

a.portPieceWeb span, a.portPiecePrint span {
	display:block;
	position:absolute;
	width: 205px;
	bottom:0;
	left: 0;
	background-color: #ccc;
	margin-left:0;
	padding: 7px 7px 0 7px;
	background-color: #2580a2;
	background: rgba(37,128,162,.7);			
}

a.portPieceWeb strong, a.portPiecePrint strong{
	display: block;
	padding: 5px 10px 0 0;
	font-weight: normal;
	font-style: normal;
	font-size: .75em;
	color: #fff;
	
}

a.portPieceWeb em, a.portPiecePrint em{
	display: block;
	padding: 2px 10px 10px 0;
	font-style: normal;
	color: rgba(256,256,256,.7);
	font-size: .55em;

}


/************************************************************************ 
about content
************************************************************************/
#leftColumn h2, #rightColumn h2{
	margin: 15px 0 0 0;
	padding: 0 0 6px 0;
	line-height: 1em;
	color: #333;
	letter-spacing: -.06em;
}

#leftColumn p{font-size: .8em;}

#leftColumn img{
	border: 10px solid #f2f3f4;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius:3px;
	float:left;
	margin: 10px 10px 10px 0;
}

#leftColumn p{
	margin: 6px 55px 18px 0px;
	line-height: 1.7em;
	color: #333;
}

 #rightColumn p, #rightColumn dl{
 	margin: 6px 15px 18px 0px;
	line-height: 1.7em;
	color: #333;
 }

#testimonials{
	width: 720px;
	display: block;
}

#testimonials p {border-bottom: 1px dotted #ccc;padding-bottom: 25px;}

#testimonials p span{
	color:rgba(37,128,162,.9);
	display: block;
	font-size: .75em;
	line-height: 1em;
	padding-top: 15px;
}
#testimonials p span a:hover{	color:rgba(37,128,162,.4);} 

#rightColumn h2{margin-bottom: 0;line-height: .6em;}
#rightColumn dl{margin-top: 0;}
#rightColumn dt{color: #333;padding-top:10px;font-size: .9em;}
#rightColumn dd{color: #ccc; font-size: .8em;line-height: 1.3em;}

#rightColumn dd a{color: #2580a2;}
#rightColumn dd a:active, #rightColumn dd a:hover{color: #ccc;}

#rightColumnUl ul li{line-height: 1.4em;font-size: .7em; border-bottom: 1px solid white;display:block;}

.list-left,.list-right
{
	font-size: .7em;
	letter-spacing: .05em;
	line-height: 1.4em;
	list-style-type: none;
	margin: 0 25px 10px 0;
	padding: 0 0 10px;
	width: 335px;
}
.list-left li ,.list-right li
{
	border-bottom: 1px dotted #ccc;
	padding: 3px;
	width: 298px;
	color: #333;
}
.list-right li a, .list-left li a{color: #333;}
.list-right li a:hover, .list-left li a:hover{color:rgba(37,128,162,.4);}
.list-left { float: left; }
.list-right { float: right; }

/************************************************************************ 
footer Styles
************************************************************************/
#footer{
	width: 100%;
	background-position: center top;
	background-repeat: repeat-y;
	background-color:#2d2d2d;
	background-image: url(../images/footer.jpg);
	float:left;
}

#footerInner{
	width: 960px;
	margin: 0 auto 25px auto;
}

.column {width:240px; float:left; margin-bottom: 18px;}

.column h2{font-size: 1em;line-height:1em; padding:0 0 6px 10px; margin-top:18px;color:#2580a2; }

.column p, .column ul li{font-size: .68em; line-height: 1.8em; color:#ccc; padding:0 18px 0 10px;}

.column ul li a{display:block;}

.column a{text-decoration: none;}

/************************************************************************ 
copyright
************************************************************************/
#copyright{
	width: 100%;
	height: 35px;
	background-image: url(../images/body_background.jpg);
	background-repeat: no-repeat;
	background-position: center -118px;
	border-top:1px solid #666;

	float:left;
}

#copyrightInner{
	width: 960px;
	margin: 0 auto;}
	
#copyrightInner	p{
	font-size: .6em;
	padding-top: 10px;
	color: #ccc;
	text-align: center;
}