@charset "utf-8";

/*

-----------------------------------------------

Style Sheet



Site: 2gDesigns

Author:   Garth Gower  www.2gDesigns.com

----------------------------------------------- */

* {

padding: 0px;

margin: 0px;

}



html{

background: url(images/cardboardtop.jpg) top center repeat-x #89963d;

}



body{

margin: 0px;

padding: 0px;

font-family: Verdana, Arial, Helvetica, sans-serif;

text-align: center; 

font-size: 62.5%;

color: #00498a;

line-height: 1.4em;

}



p{

padding-top: 1.1em;

}



/* default links */

a { outline:none

}



a:link {

text-decoration: underline;

color: #89963d;

}



a:hover {

text-decoration: underline;

color: #89963d;

}



a:visited {

text-decoration: underline;

color: #89963d;

}



/* Layout */



#container{

margin: 0px auto;

padding: 0px;

width: 682px;

text-align: left;

font-size: 1.1em;

background: url(images/top_backback.jpg) no-repeat top left;
}



#header{

position: relative;

margin-bottom: 10px;

}



#header #logo{

background: url(images/2gd_logo.jpg) no-repeat;

top: 0px;

height: 202px;

position: relative;

padding: 0px;

margin: 0px;

}



#header #logo p{

text-indent: -9000px;

}



#header #logo a{

display: block;

background: url(images/2gd_logo.jpg);

text-indent: -9000px;

top: 0px;

width: 170px;

height: 150px;

padding-top: 30px;

margin: 0px;

}



#header #logo em {

background: url(images/label_home.gif) no-repeat;

width: 105px;

height: 69px;

position: absolute;

top: 40px;

left: 175px;

font-style: normal;

font-weight: bold;

font-size: 11px;

text-align: center;

padding-top: 18px;

padding-left: 33px;

padding-right: 12px;

z-index: 4;

display: none;

}



#header #title{

position: absolute;

top: 188px;

right: 28px;

}



#imageheader{

padding-left: 9px;

background: #FFFFFF;

margin-left: 34px;

margin-right: 10px;

margin-bottom: 0px;

padding-bottom: 15px;

}



#titleheader{

padding-top: 10px;

padding-left: 24px;

padding-bottom: 1.1em;

background: #FFFFFF;

margin-left: 34px;

margin-right: 10px;

margin-bottom: 0px;

}









#topcontent{

position: relative;

background: url(images/topcontent_background_tile.gif) repeat-y #FFFFFF;

margin-left: 34px;

margin-right: 10px;

}



#topcontent #topleftcontent{

width: 350px;

padding-left: 24px;

}



#topcontent #toprightcontent{

position: absolute;

top: 0px;

left: 447px;

width: 176px;

}	



#middlecontent{

position: relative;

background: url(images/middletear.gif) top no-repeat #ffffff;

width: 638px;

height: 150px;

margin-left: 34px;

}



#middlecontent h1 {

position: absolute;

bottom: 8px;

right: 25px;

}



#bottomcontent{

background: url(images/bottomcontent_background_tile.gif) #FFFFFF repeat-y;

margin-left: 34px;

margin-right: 10px;

min-height: 100px;

_height: 140px; /* IE 6 Hack */



}

#bottomcontent #bottomleftcontent{

float: left;

background: #FFFFFF;

width: 300px;

padding-left: 24px;

}



#bottomcontent #bottomleftcontentvisitgraphics{

float: left;

background: url(images/visitgraphicsportfolio_background.jpg) no-repeat;

width: 343px;

height: 98px;

padding-left: 20px;

padding-top: 48px;

}



#bottomcontent #bottomleftcontentvisitweb{

float: left;

background: url(images/visitwebportfolio_background.jpg) no-repeat;

width: 343px;

height: 98px;

padding-left: 20px;

padding-top: 48px;

}



#bottomcontent #bottomrightcontent{

float: right;

width: 220px;

padding-right: 25px;

}



#footer{

position: relative;

background: url(images/bottom.gif) top no-repeat;

width: 638px;

height: 75px;

margin-left: 34px;

margin-bottom: 12px;

}



#bottomcardboard{

background: url(images/cardboardbottom.jpg) bottom center no-repeat;

height: 143px;  

}



/* Layout Portfolio */



#topcontentportfolio{

position: relative;

background: url(images/topcontent_background_tile_portfolio.gif) repeat-y #FFFFFF;

margin-left: 34px;

margin-right: 10px;

height: 440px;

}



#topleftcontentportfolio{

position: realtive;

width: 200px;

padding-top: 10px;

padding-left: 24px;

margin: 0px;

height: 330px;

overflow: none;



}



#toprightcontentportfolio{

position: absolute;

text-align: center;

top: 0px;

left: 210px;

width: 410px;





}

em {

	font-style: normal;

	font-weight: normal;

}



#largeImg {

	border: 0px;

	width: 375px;

	height: 358px;

	padding-left: 0px;

	padding-bottom: 20px;

	}

.thumbs img {

	display: inline;

	width: 66px;

	height: 66px;

	padding-bottom: 8px;

	padding-right: 8px;

	border: 0;

}



.thumbs2 img {

	display: inline;

	width: 66px;

	height: 66px;

	padding-bottom: 8px;

	padding-right: 8px;

	border: 0;

	}

.carousel{

    position: relative;

    visibility: hidden; 

    left: -5000px;

}



h5{

font-size: 1.3em;

font-weight: bold;

text-align: center;

padding-right: 16px;

padding-bottom: 5px;

padding-top: 0px;

}



.web{

position: absolute;

left: 47px;

display:block;

line-height: 20px;

width: 44px;

padding-right: 5px;

text-decoration: none;

text-indent: -9000px;

cursor: pointer;

background: url(images/button_potrtfolio_web.jpg) no-repeat top left;

}





.web:hover{

line-height: 20px;

text-indent: -9000px;

background: url(images/button_potrtfolio_web.jpg) no-repeat bottom left;

}





.print{

position: absolute;

left: 102px;

display: block;

line-height: 20px;

width: 44px;

text-decoration: none;

text-indent: -9000px;

background: url(images/button_potrtfolio_print.jpg) no-repeat top left;

cursor: pointer; 

}





.print:hover{

line-height: 20px;

text-indent: -9000px;

background: url(images/button_potrtfolio_print.jpg) no-repeat bottom left;

}











/* Layout Privacy Policy */



#topcontentprivacypolicy{

padding-left: 24px;

padding-right: 20px;

background: #FFFFFF;

margin-left: 34px;

margin-right: 10px;

width: 594px;

}



#bottomcontentprivacypolicy{

padding-left: 24px;

padding-right: 20px;

background: #FFFFFF;

margin-left: 34px;

margin-right: 10px;

width: 594px;

}



/* Layout Awards_News, Recent */



#topcontentawards{

position: relative;

background: url(images/topcontent_background_tile.gif) repeat-y #FFFFFF;

margin-left: 34px;

margin-right: 10px;

height: 350px;

}



#topcontentrecent{

position: relative;

background: url(images/topcontent_background_tile.gif) repeat-y #FFFFFF;

margin-left: 34px;

margin-right: 10px;

height: 295px;

}



#topleftcontentimageright{

background: url(images/topcontent_background_tile2.gif) repeat-y;

width: 220px;

padding-left: 24px;

padding-right: 60px;

}



#topleftcontentcontact{

width: 300px;

height: 271px;

padding-left: 24px;

padding-right: 60px;

}



#middlecontent #imagerightawards{

position: absolute;

bottom: 85px ;

left: 300px;

width: 317px;

height: 449px;

}



#middlecontent #imagerightrecent{

position: absolute;

bottom: 85px ;

left: 300px;

width: 317px;

height: 376px;

}



#services{

float: left;

padding-top: 15px;

width: 180px;

line-height: 1.5em;

}



#technology{

float: right;

background: url(images/technology_background.gif) repeat-y left;

margin-top: 15px;

width: 130px;

margin-right: 10px;

padding-left: 30px;

line-height: 1.5em;

}



ul{

padding-left: 17px;

list-style-type: square;

}



/* Layout Menu */



#header #menu {

list-style: none;

padding: 0;

margin: 0;

width: 292px;

height: 46px;

position: absolute;

top: 49px;

right: 2px;



}



#header #menu span {

display: none;

position: absolute;

}



#menu a {

display: block;

text-indent: -8000px;

position: absolute;

outline: none;

}



#menu a:hover {

background-position: left bottom;

}



#menu a:hover span {

display: block;

}



#menu .services {

width: 72px;

height: 46px;

background: url(images/services_button.jpg) no-repeat;

top: 0px;

}



#menu .portfolio {

width: 72px;

height: 46px;

position: absolute;

background: url(images/portfolio_button.jpg) no-repeat;

left: 72px;

top: 0px; 

}



#menu .about {

width: 83px;

height: 46px;

position: absolute;

background: url(images/about_button.jpg) no-repeat;

left: 143px;

top: 0px; 

}



#menu .contact {

width: 72px;

height: 46px;

position: absolute;

background: url(images/contact_button.jpg) no-repeat;

left: 224px;

top: 0px; 

}



/* Layout Menu */

#subnav{

margin-top: 5px;

line-height: 1.3em;

}



#subnav a:link{

display: block;

line-height: 10px;

text-decoration: underline;

padding-left: 15px;

background: url(images/greenarrow.gif) no-repeat;

color: #00498a;

}



#subnav a:visited{

display: block;

line-height: 10px;

text-decoration: underline;

padding-left: 15px;

background: url(images/greenarrow.gif) no-repeat;

color: #00498a;

}



#subnav a:hover{

display: block;

line-height: 10px;

text-decoration: underline;

padding-left: 15px;

background: url(images/greenarrow.gif) no-repeat;

color: #89963d;

}





/* Layout: Form */

#topcontent #toprightcontentform{

position: absolute;

top: 0px;

left: 435px;

width: 176px;

}	



form p{

padding: 0px;

margin: 0px;

}



form input{

margin-top: 3px;

margin-bottom: 10px;

padding:0px;

border: 1px solid #89963d;

background: #fcffea;

width: 176px;

}



textarea:focus{ 

background: #9ea95d; 

color: #FFFFFF;

}



.submitbuta{

height: 20px;

width: 130px;

text-indent: -9000px;

margin-top: 13px;

margin-left: 46px;

background: url(images/submit_button.gif) no-repeat top left;

background-color: transparent;

border-style: none;

cursor: pointer;

}



.submitbutb{

background: url(images/submit_button.gif) no-repeat bottom left;

text-indent: -9000px;

height: 20px;

width: 130px;

margin-top: 13px;

margin-left: 46px;

background-color: transparent;

border-style: none;

cursor: pointer;

}







/* Text */



#title{

font-family: Georgia, Times New Roman, Times, serif;

font-weight: normal;

font-size: 1.6em;

}



h1 {

font-family: Georgia, Times New Roman, Times, serif;

font-weight: normal;

font-size: 25px;

line-height: 1.1em;



}

h2 {

font-size: 1.2em;

color: #89963d;

padding-bottom: 9px;

}



h3 {

font-size: 1.2em;

padding-bottom: 7px;

}



h4 {

font-size: 1.2em;

padding-top: 10px;

padding-bottom: 10px;

}



.greenbold{

color: #89963d;

font-weight: bold;

}



#topcontent #toprightcontent{

padding: 0px;

font-weight: bold;



}



.toprightcontentspacing{

line-height: 1.8em;

}



#bottomleftcontent a:link{

display: block;

line-height: 10px;

text-decoration: underline;

padding-left: 15px;

background: url(images/greenarrow.gif) no-repeat;

color: #00498a;

padding-bottom: 21px;

}



#bottomleftcontent a:visited{

display: block;

line-height: 10px;

text-decoration: underline;

padding-left: 15px;

background: url(images/greenarrow.gif) no-repeat;

color: #00498a;

padding-bottom: 21px;

}



#bottomleftcontent a:hover{

display: block;

line-height: 10px;

text-decoration: underline;

padding-left: 15px;

background: url(images/greenarrow.gif) no-repeat;

padding-bottom: 21px;

color: #89963d;

}



.contentblack{

color: #000000;

padding-top: 0px;

}



.testimonialby{

text-align: right;

margin-top: -8px;

padding-bottom: 12px;

}



.more{

font-size: 1.2em;

}



#bottomrightcontent .more{

float:right;

}



.more a:link{

display:block;

line-height: 20px;

text-decoration: none;

padding-left: 30px;

background: url(images/button_more.gif) no-repeat top left;

color: #89963d;

}



.more a:visited{

display:block;

line-height: 20px;

text-decoration: none;

padding-left: 30px;

background: url(images/button_more.gif) no-repeat top left;

color: #89963d;

}



.more a:hover{

background: url(images/button_more.gif) no-repeat bottom left;

text-decoration: underline;

color: #00498a;

}





.visitportfolio a{

display: block;

text-indent: -9020px;

margin-left: 9px;

background:  url(images/viewportfolio_button.gif) no-repeat top left;

height: 20px;

width: 140px;

}



.visitportfolio a:visited{

display: block;

text-indent: -9020px;

margin-left: 9px;

background:  url(images/viewportfolio_button.gif) no-repeat top left;

height: 20px;

width: 140px;

}



.visitportfolio a:hover{

background: url(images/viewportfolio_button.gif) no-repeat bottom left;

height: 20px;

width: 140px;

}



#footer #caption{

position: absolute;

text-align: right;

top: 32px;

right: 19px; 

font-size: 0.8em;

}



#footer #bottomnav{

position: absolute;

color: #d7d7d7;

top: 45px;

left: 24px;

}



#bottomnav a:link{

text-decoration: none;

color: #00498a;

}



#bottomnav a:visited{

text-decoration: none;

color: #00498a;

}



#bottomnav a:hover{

text-decoration: underline;

color: #89963d;

}



#footer #bottomnav2{

position: absolute;

text-align: right;

top: 83px;

right: 19px;

color: #FFFFFF;

}



#bottomnav2 a:link{

text-decoration: none;

color: #FFFFFF;

}



#bottomnav2 a:visited{

text-decoration: none;

color: #FFFFFF;

}



#bottomnav2 a:hover{

color: #FFFFFF;

text-decoration: underline;

}