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

body, div, input, h1, h2, h3, h4, h5, h6, p, img, a, ul, li, form	{
	margin: 0;
	padding: 0;
}

a	{
	text-decoration: none;
}

body	{
	background-image:url(../images/bg.gif);
}

#wrapper	{

	width: 100%;
	height: 100%;
}

#bglines	{
	width: 657px;
	height: 690px;
	background-image: url(../images/bglines.gif);
	background-repeat: no-repeat;
	position: fixed;
	z-index: 10;
	bottom: 0;
	right: 0;
}

#top	{
	position: absolute;
	height: 50px;
	width: 100%;
	z-index: 12;
	
}

.logo	{
	float: left;
	width: 85px;
	height: 49px;
	margin-left: 50px;
}

.extra-nav	{
	position: absolute;
	float: left;
	width: 254px;
	height: 49px;
	right: 0;
	margin-right: 0;
}

.content	{
	width: 620px;
	height: 286px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -143px 0 0 -310px;
	z-index: 11;
	
}

.content-top	{
	width: 620px;
	height: 227px;
}

.nav-container	{
	float: left;
	width: 116px;
	height: 227px;
	position: relative;
}

.title-container	{
	float: left;
	width: 504px;
	height: 227px;
}

.content-bottom	{
	width: 620px;
	height: 59px;
}

/* web Style */

.webcontent	{
	width: 832px;
	height: 372px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -186px 0 0 -416px;
	z-index: 11;
}

.webcontent-top	{
	width: 400px;
	height: 80px;
}

.webnav-container	{
	float: left;
	width: 116px;
	height: 80px;
	position: relative;
}

.webtitle-container	{
	float: left;
	width: 400;
	height: 80px;
}

.webcontent-bottom	{
	width: 400px;
	height: 30px;
}

.webcontent-left	{
	float:left;
	width: 432px;
	height: 372px;
}

.webcontent-right	{
	margin-top: 145px;
	float:left;
	width: 400px;
	height: 110px;
}

/* print Style */

.printcontent	{
	width: 882px;
	height: 372px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -186px 0 0 -416px;
	z-index: 11;
}

.printcontent-top	{
	width: 450px;
	height: 80px;
}

.printnav-container	{
	float: left;
	width: 116px;
	height: 80px;
	position: relative;
}

.printtitle-container	{
	float: left;
	width: 450;
	height: 80px;
}

.printcontent-bottom	{
	width: 450px;
	height: 70px;
}

.printcontent-left	{
	float:left;
	width: 432px;
	height: 372px;
}

.printcontent-right	{
	margin-top: 145px;
	float:left;
	width: 450px;
	height: 150px;
}

/* Photo Style -186px 0 0 -416px; */

.photocontent	{
	width: 912px;
	height: 372px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -186px 0 0 -456px;
	z-index: 11;
}

.photocontent-left	{
	float:left;
	width: 432px;
	height: 372px;
}

.photocontent-right	{
	margin-top: 77px;
	float:left;
	width: 480px;
	height: 225px;
}

.photocontent-top	{
	width: 480px;
	height: 150px;
}

.photonav-container	{
	float: left;
	width: 116px;
	height: 148px;
	position: relative;
}

.phototitle-container	{
	float: left;
	width: 364;
	height: 140px;
}

.photocontent-bottom	{
	width: 480px;
	height: 70px;
}

/* about us style */

.aboutcontent	{
	width: 700px;
	height: 278px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -139px 0 0 -350px;
	z-index: 11;	
}

.aboutcontent-top	{
	width: 700px;
	height: 77px;
}

.aboutnav-container	{
	float: left;
	width: 116px;
	height: 77px;
	position: relative;
}

.abouttitle-container	{
	float: left;
	width: 584px;
	height: 77px;
}

.aboutcontent-bottom	{
	width: 700px;
	height: 200px;
}

/* Clients style */

.clientcontent	{
	width: 700px;
	height: 248px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -124px 0 0 -350px;
	z-index: 11;	
}

.clientcontent-top	{
	width: 700px;
	height: 77px;
}

.clientnav-container	{
	float: left;
	width: 116px;
	height: 77px;
	position: relative;
}

.clienttitle-container	{
	float: left;
	width: 584px;
	height: 77px;
}

.clientcontent-bottom	{
	width: 700px;
	height: 170px;
}

/* CONTACT US  style /.contactcontent: 372px; */

.contactcontent	{
	width: 962px;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -186px 0 0 -481px;
	z-index: 11;
}

.contactcontent-left	{
	float:left;
	width: 432px;
	height: autopx;
}

.contactcontent-right	{
	margin-top: 77px;
	float:left;
	width: 530px;
	height: 225px;
}

.contactcontent-top	{
	width: 530px;
	height: 77px;
}

.contactnav-container	{
	float: left;
	width: 116px;
	height: 72px;
	position: relative;
}

.contacttitle-container	{
	float: left;
	width: 414px;
	height: 77px;
}

.contactcontent-bottom	{
	width: 530px;
	height: 180px;
}

/* thumb style */

.thumb1	{
	float: left;
	width: 246px;
	height: 121px;
	margin-right: 4px;
}

.thumb2	{
	 float: left;
	width: 121px;
	height: 121px;
}

.thumb3	{
	float: left;
	width: 121px;
	height: 121px;
	margin-right: 4px;
	margin-top: 4px;
}

.thumb4	{
	float: left;
	width: 246px;
	height: 121px;
	margin-top: 4px;
}

.thumb5	{
	float: left;
	width: 121px;
	height: 121px;
	margin-right: 4px;
	margin-top: 4px;
}

.thumb6	{
	float: left;
	width: 121px;
	height: 121px;
	margin-right: 4px;
	margin-top: 4px;
}

.thumb7	{
	float: left;
	width: 121px;
	height: 121px;
	margin-top: 4px;
}

.thumb8	{
	float: left;
	width: 246px;
	height: 121px;
	margin-right: 4px;
}

.thumb9	{
	 float: left;
	width: 121px;
	height: 121px;
}

.thumb10	{
	float: left;
	width: 121px;
	height: 121px;
	margin-right: 4px;
	margin-top: 4px;
}

.thumb11	{
	float: left;
	width: 246px;
	height: 121px;
	margin-top: 4px;
}

.thumb12	{
	float: left;
	width: 121px;
	height: 121px;
	margin-right: 4px;
	margin-top: 4px;
}

.thumb13	{
	float: left;
	width: 121px;
	height: 121px;
	margin-right: 4px;
	margin-top: 4px;
}

.thumb14	{
	float: left;
	width: 121px;
	height: 121px;
	margin-top: 4px;
}

.thumb15	{
	float: left;
	width: 183px;
	height: 183px;
	margin-bottom: 4px;
	margin-right: 4px;
}

.thumb16	{
	float: left;
	width: 183px;
	height: 184px;
	margin-right: 4px;
}

.thumb17	{
	float: left;
	width: 184px;
	height: 184px;
}

.thumb18	{
	float: left;
	width: 184px;
	height: 183px;
	margin-bottom: 4px;
}

/* hover style*/

a .thumb1	{
	background: url(../images/web/item-1.jpg);
	background-repeat: no-repeat;
}

a:hover .thumb1	{
	background: url(../images/web/item-1.jpg);
	background-position:0 121px;
}

a .thumb2	{
	background: url(../images/web/item-2.jpg);
	background-repeat: no-repeat;
}

a:hover .thumb2	{
	background: url(../images/web/item-2.jpg);
	background-position:0 121px;
}

a .thumb3	{
	background: url(../images/web/item-3.jpg);
	background-repeat: no-repeat;
}

a:hover .thumb3	{
	background: url(../images/web/item-3.jpg);
	background-position:0 121px;
}

a .thumb4	{
	background: url(../images/web/item-4.jpg);
	background-repeat: no-repeat;
}

a:hover .thumb4	{
	background: url(../images/web/item-4.jpg);
	background-position:0 121px;
}

a .thumb5	{
	background: url(../images/web/item-5.jpg);
	background-repeat: no-repeat;
}

a:hover .thumb5	{
	background: url(../images/web/item-5.jpg);
	background-position:0 121px;
}

a .thumb6	{
	background: url(../images/web/item-6.jpg);
	background-repeat: no-repeat;
}

a:hover .thumb6	{
	background: url(../images/web/item-6.jpg);
	background-position:0 121px;
}

a .thumb7	{
	background: url(../images/web/item-7.jpg);
	background-repeat: no-repeat;
}

a:hover .thumb7	{
	background: url(../images/web/item-7.jpg);
	background-position:0 121px;
}

/* print thumb style */

a .thumb8	{
	background: url(../images/print/item-1.jpg);
	background-repeat: no-repeat;
}

a:hover .thumb8	{
	background: url(../images/print/item-1.jpg);
	background-position:0 121px;
}

a .thumb9	{
	background: url(../images/print/item-2.jpg);
	background-repeat: no-repeat;
}

a:hover .thumb9	{
	background: url(../images/print/item-2.jpg);
	background-position:0 121px;
}

a .thumb10	{
	background: url(../images/print/item-3.jpg);
	background-repeat: no-repeat;
}

a:hover .thumb10	{
	background: url(../images/print/item-3.jpg);
	background-position:0 121px;
}

a .thumb11	{
	background: url(../images/print/item-4.jpg);
	background-repeat: no-repeat;
}

a:hover .thumb11	{
	background: url(../images/print/item-4.jpg);
	background-position:0 121px;
}

a .thumb12	{
	background: url(../images/print/item-5.jpg);
	background-repeat: no-repeat;
}

a:hover .thumb12	{
	background: url(../images/print/item-5.jpg);
	background-position:0 121px;
}

a .thumb13	{
	background: url(../images/print/item-6.jpg);
	background-repeat: no-repeat;
}

a:hover .thumb13	{
	background: url(../images/print/item-6.jpg);
	background-position:0 121px;
}

a .thumb14	{
	background: url(../images/print/item-7.jpg);
	background-repeat: no-repeat;
}

a:hover .thumb14	{
	background: url(../images/print/item-7.jpg);
	background-position:0 121px;
}

a .thumb15	{
	background: url(../images/photography/item-1.jpg);
}

a:hover .thumb15	{
	background: url(../images/photography/item-1.jpg);
	background-position:0 183px;
}

a .thumb16	{
	background: url(../images/photography/item-3.jpg);
	background-repeat: no-repeat;
}

a:hover .thumb16	{
	background: url(../images/photography/item-3.jpg);
	background-position:0 184px;
}

a .thumb17	{
	background: url(../images/photography/item-4.jpg);
	background-repeat: no-repeat;
}

a:hover .thumb17	{
	background: url(../images/photography/item-4.jpg);
	background-position:0 184px;
}

a .thumb18	{
	background: url(../images/photography/item-2.jpg);
}

a:hover .thumb18	{
	background: url(../images/photography/item-2.jpg);
	background-position:0 183px;
}

/* IPHONE */

.iphone	{
	width: 320px;
	height: 480px; 
	background-image: url(../images/iphone/bglines.png);
	background-repeat: no-repeat;
}