/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

body {
   font-family:Arial, Helvetica, sans-serif;
   margin:0;
   text-align:center;
}
  

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin: 0; padding: 0 }

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	
h2{
	background: url(../images/romb.jpg) no-repeat 7px 0px;;
	height:30px;
	width:160px;
	font-size:14px;
	padding-top:12px;
	padding-left:20px;
	font-weight:bold;
	color:#0e558b;
}
h3{
	background:url(../images/blue-square.jpg) no-repeat top left;
	font-size:16px;
	height:41px;
	color:#003399;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:20px;
	padding-left:20px;
	padding-top:10px;
	font-weight:normal;
}

/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	
a:link, a:visited {
	text-decoration:none;}

a:hover, a:active {
}

a img{
 vertical-align:bottom;} 
a{
	outline:none;
}

/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	
hr { 
	display: none; }

img {
	border: none;
}	

input{
 vertical-align:middle;
}

input.text{
}

/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}
	
.clearfix:after { /* clear floats */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

.noborder{
 border:none !important;}

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
body{
	background: #1AABFF url(../images/bg.gif) top left repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.wrapper{
	margin:0 auto;
	text-align:left;
	width:983px;
	position:relative;
}
img.logo{
	position:absolute;
	left:99px;
	top:52px;
}
.header{
	background:	url(../images/header_princ.png) no-repeat top left;
	height:199px;
	width:983px;
	position:relative;
}
.content,
.content2,
.content3,
.content4{
	background:url(../images/main-content.png) no-repeat top left;
	width:800px;
	position:relative;
	padding-top:12px;
	padding-left:87px;
	padding-right:110px;
	height:633px;
}
.content2{
	background:url(../images/main-content2.png) no-repeat top left;
	height:1185px;
}
.content3{
	background:url(../images/main-content3.png) no-repeat top left;
	height:1200px;
}
.content4 { 
	background:url(../images/main-content4.png) no-repeat top left;
	height:983px;
}
.main-content{
	float:right;
	width:600px;
	position:relative;
	padding-top:13px;
	height:538px;
}
.pictures{
	float:left;
	width:374px;
	padding-left:10px;
}
.text{
	float:left;
	width:175px;
	padding-left:24px;
}
p{
	color:#0e558b;
	line-height:16px;
}
img.shopping{
	position:absolute;
	right:8px;
	bottom:10px;	
}
img.shopping2{
	position:absolute;
	right:55px;
	bottom:45px;	
}
.gallery{
	margin-top:18px;
	margin-left:0px;
	width:400px;
	height:180px;
	position:relative;
}

.menu-princ{
	height:190px;
	width:172px;
	position:absolute;
	top:-1px;
	left:288px;
}
.menu-princ a{
	background:url(../images/menu-bg.jpg) no-repeat top left;
	height:190px;
	display:inline-block;
	float:left;
	margin-right:0px;
}
.menu-princ a.home{
	background-position:0px 0px;
	width:32px;
}

.menu-princ a:hover.home, .menu-princ a.home-active{
	background-position:0px -190px;
	width:32px;
}
.menu-princ a.about{
	background-position:-32px 0px;
	width:32px;
}
.menu-princ a:hover.about, .menu-princ a.about-active{
	background-position:-32px -190px;
	width:32px;
}
.menu-princ a.serv{
	background-position:-64px 0px;
	width:32px;
}
.menu-princ a:hover.serv, .menu-princ a.serv-active{
	background-position:-64px -190px;
	width:32px;
}
.menu-princ a.port{
	background-position:-96px 0px;
	width:32px;
}
.menu-princ a:hover.port, .menu-princ a.port-active{
	background-position:-96px -190px;
	width:32px;
}
.menu-princ a.contact{
	background-position:-128px 0px;
	width:43px;
}
.menu-princ a:hover.contact, .menu-princ a.contact-active{
	background-position:-128px -190px;
	width:43px;
}
img.up{
	position:absolute;
	top:-4px;
	left:300px;
}
.services{
	float:left;
	width:177px;
	padding-top:13px;
}
.services a{
	background:url(../images/secondary-menu.gif) top left no-repeat;
	display:block;
	width:181px;
	height:25px;
	margin-right:0px;
}
.services a.serv{
	background-position:0px 0px;
	width:181px;
}
.services a:hover.serv{
	background-position:-181px 0px;
	width:181px;
}
.services a.web-design{
	background-position:0px -25px;
	width:181px;
}
.services a:hover.web-design{
	background-position:-181px -25px;
	width:181px;
}
.services a.graphic-design{
	background-position:0px -50px;
	width:181px;
}
.services a:hover.graphic-design{
	background-position:-181px -50px;
	width:181px;
}
.services a.photography{
	background-position:0px -75px;
	width:181px;
}
.services a:hover.photography{
	background-position:-181px -75px;
	width:181px;
}
.services a.cd-presentation{
	background-position:0px -100px;
	width:181px;
}
.services a:hover.cd-presentation{
	background-position:-181px -100px;
	width:181px;
}
.services a.modeling{
	background-position:0px -125px;
	width:181px;
}
.services a:hover.modeling{
	background-position:-181px -125px;
	width:181px;
}
.services a.video{
	background-position:0px -150px;
	width:181px;
}
.services a:hover.video{
	background-position:-181px -150px;
	width:181px;
}
.footer,
.footer2,
.footer3{
	clear: both;
	height:50px;
	color:#FFFFFF;
	text-align:center;
	/*background:url(../images/wrap.png) repeat-y top left;*/
	position:relative;
	z-index:1000;
	margin-top:-35px;
}
.footer a,
.footer2 a,
.footer3 a{
	color:#FFFFFF;
}
.footer a:hover,
.footer2 a:hover,
.footer3 a:hover{
	color:#000099;
}

.contact-details{
	width:399px;
	float:right;
}
p.bb{
	color:#003399;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:15px;
	padding-left:10px;
}
p.bb-b{
	color:#003399;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
img.store{
	position:absolute;
	top:406px;
	left:50px;
}
a img.amber{
	margin-left:10px;
}
a img.amber2{
	margin-top:8px;
	margin-left:10px;
}
img.lft-pic{
	position:absolute;
	top:10px;
	left:10px;
}
a.pic-over{
	position:absolute;
	top:10px;
	left:10px;
	height:348px;
	width:182px;
	background:url(../images/products_images.jpg) no-repeat top left;	
	margin-right:0px;
	display:block;
}
a:hover.pic-over{
	background-position:-182px 0px;
	width:182px;
}
a.pic-over2{
	float:left;
	margin-left:13px;
	height:348px;
	width:174px;
	background:url(../images/events_images.jpg) no-repeat top left;	
	margin-right:0px;
	display:block;
}
a:hover.pic-over2{
	background-position:-174px 0px;
	width:174px;
}
a.pic-over3{
	float:left;
	height:348px;
	width:182px;
	background:url(../images/fashion_images.jpg) no-repeat top left;	
	margin-right:0px;
	margin-left:8px;
	display:block;
}
a:hover.pic-over3{
	background-position:-182px 0px;
	width:182px;
}
.services2{
	float:left;
	width:177px;
	padding-top:13px;
}
.services2 a{
	background:url(../images/secondary-web-design.gif) top left no-repeat;
	display:block;
	width:181px;
	height:25px;
	margin-right:0px;
}
.services2 a.web-design{
	background-position:0px 0px;
	width:181px;
}
.services2 a:hover.web-design, .services2 a.web-design-active{
	background-position:-181px 0px;
	width:181px;
}
.services2 a.graphic-design{
	background-position:0px -25px;
	width:181px;
}
.services2 a:hover.graphic-design, .services2 a.graphic-design-active{
	background-position:-181px -25px;
	width:181px;
}
.services2 a.photography{
	background-position:0px -50px;
	width:181px;
}
.services2 a:hover.photography, .services2 a.photography-active{
	background-position:-181px -50px;
	width:181px;
}
.services2 a.cd-presentation{
	background-position:0px -75px;
	width:181px;
}
.services2 a:hover.cd-presentation, .services2 a.cd-presentation-active{
	background-position:-181px -75px;
	width:181px;
}
.services2 a.modeling{
	background-position:0px -100px;
	width:181px;
}
.services2 a:hover.modeling, .services2 a.modeling-active{
	background-position:-181px -100px;
	width:181px;
}
.services2 a.video{
	background-position:0px -125px;
	width:181px;
}
.services2 a:hover.video, .services2 a.video-active{
	background-position:-181px -125px;
	width:181px;
}
a.back-to-serv, a.back, a.back2{
	position:absolute;
	top:250px;
	left:124px;
	color:#fff;
	text-decoration:underline;
}
a.back{
	top:350px;
	left:113px;
}
a.back2{
	top:370px;
	left:128px;
}
span.red{
	color:#FF0000;
	font-weight:bold;
}
p.under-cntr{
	font-size:20px;
	color:#0033CC;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	line-height:35px;
	text-align:center;
	padding-top:70px;
	width:403px;
}
p.under-cntr a{
	color:#FF9900;
	text-decoration:underline;
}
.services3{
	float:left;
	width:177px;
	padding-top:13px;
	margin-left:1px;
}
.services3 a{
	background:url(../images/secondary-menu3.gif) top left no-repeat;
	display:block;
	width:181px;
	height:25px;
	margin-right:0px;
}
.services3 a.web-design{
	background-position:0px 0px;
	width:181px;
}
.services3 a:hover.web-design, .services3 a.web-design-active{
	background-position:-181px 0px;
	width:181px;
}
.services3 a.graphic-design{
	background-position:0px -25px;
	width:181px;
}
.services3 a:hover.graphic-design, .services3 a.graphic-design-active{
	background-position:-181px -25px;
	width:181px;
}
.services3 a.logod{
	background-position:0px -50px;
	width:181px;
}
.services3 a:hover.logod, .services3 a.logod-active{
	background-position:-181px -50px;
	width:181px;
}
.services3 a.station{
	background-position:0px -75px;
	width:181px;
}
.services3 a:hover.station, a.station-active{
	background-position:-181px -75px;
	width:181px;
}
.services3 a.webdesign{
	background-position:0px -100px;
	width:181px;
}
.services3 a:hover.webdesign, .services3 a.webdesign-active{
	background-position:-181px -100px;
	width:181px;
}
.services3 a.print{
	background-position:0px -125px;
	width:181px;
}
.services3 a:hover.print, .services3 a.print-active{
	background-position:-181px -125px;
	width:181px;
}
.services3 a.cards{
	background-position:0px -150px;
	width:181px;
}
.services3 a:hover.cards, .services3 a.cards-active{	
	background-position:-181px -150px;
	width:181px;
}
.services3 a.composition{
	background-position:0px -175px;
	width:181px;
}
.services3 a:hover.composition, .services3 a.composition-active{
	background-position:-181px -175px;
	width:181px;
}
.services3 a.photography{
	background-position:0px -200px;
	width:181px;
}
.services3 a:hover.photography, .services3 a.photography-active{
	background-position:-181px -200px;
	width:181px;
}
.services3 a.cd-presentation{
	background-position:0px -225px;
	width:181px;
}
.services3 a:hover.cd-presentation, .services3 a.cd-presentation-active{
	background-position:-181px -225px;
	width:181px;
}
.services3 a.modeling{
	background-position:0px -250px;
	width:181px;
}
.services3 a:hover.modeling, .services3 a.modeling-active{
	background-position:-181px -250px;
	width:181px;
}
.services3 a.video{
	background-position:0px -275px;
	width:181px;
}
.services3 a:hover.video, .services3 a.video-active{
	background-position:-181px -275px;
	width:181px;
}
p.bb2{
	font-size:14px;
	color:#003399;
	padding-left:10px;
}
ul.somel{
	list-style-type:none;
}
ul.somel li{
	text-align:center;
	color:#003399;
}
p.smllp{
	line-height:14px;
	text-align:center;
}
p.centrr{
	text-align:center;
}
.services4{
	float:left;
	width:177px;
	padding-top:13px;
}
.services4 a{
	background:url(../images/secondary-menu4.gif) top left no-repeat;
	display:block;
	width:181px;
	height:25px;
	margin-right:0px;
}
.services4 a.web-design{
	background-position:0px 0px;
	width:181px;
}
.services4 a:hover.web-design, .services4 a.web-design-active{
	background-position:-181px 0px;
	width:181px;
}
.services4 a.graphic-design{
	background-position:0px -25px;
	width:181px;
}
.services4 a:hover.graphic-design, .services4 a.graphic-design-active{
	background-position:-181px -25px;
	width:181px;
}
.services4 a.photography{
	background-position:0px -50px;
	width:181px;
}
.services4 a:hover.photography, .services4 a.photography-active{
	background-position:-181px -50px;
	width:181px;
}
.services4 a.advertising{
	background-position:0px -75px;
	width:181px;
}
.services4 a:hover.advertising, .services4 a.advertising-active{
	background-position:-181px -75px;
	width:181px;
}
.services4 a.products{
	background-position:0px -100px;
	width:181px;
}
.services4 a:hover.products, .services4 a.products-active{
	background-position:-181px -100px;
	width:181px;
}
.services4 a.events{
	background-position:0px -125px;
	width:181px;
}
.services4 a:hover.events, .services4 a.events-active{
	background-position:-181px -125px;
	width:181px;
}
.services4 a.fashion{
	background-position:0px -150px;
	width:181px;
}
.services4 a:hover.fashion, .services4 a.fashion-active{	
	background-position:-181px -150px;
	width:181px;
}
.services4 a.portrait{
	background-position:0px -175px;
	width:181px;
}
.services4 a:hover.portrait, .services4 a.portrait-active{
	background-position:-181px -175px;
	width:181px;
}
.services4 a.photocomp{
	background-position:0px -200px;
	width:181px;
}
.services4 a:hover.photocomp, .services4 a.photocomp-active{
	background-position:-181px -200px;
	width:181px;
}
.services4 a.cdpresentation{
	background-position:0px -225px;
	width:181px;
}
.services4 a:hover.cdpresentation, .services4 a.cdpresentation-active{
	background-position:-181px -225px;
	width:181px;
}
.services4 a.modeling{
	background-position:0px -250px;
	width:181px;
}
.services4 a:hover.modeling, .services4 a.modeling-active{
	background-position:-181px -250px;
	width:181px;
}
.services4 a.video{
	background-position:0px -275px;
	width:181px;
}
.services4 a:hover.video, .services4 a.video-active{
	background-position:-181px -275px;
	width:181px;
}
.long-page{
	padding-left:208px;
	width:390px;
	padding-top:20px;
	height:605px;
	clear:both;
	float:left;
	position:relative;
}
img.store2{
	position:absolute;
	top:620px;
	left:50px;
}
p a.top{
	position:absolute;
	right:50px;
	text-decoration:underline;
	bottom:-100px;
	color:#FF9900;
}
a.logodesign-hov{
	font-weight:bold;
}
a:hover.logodesign-hov{ 
	text-decoration:underline;
	color:#5c2442;
	font-weight:bold;
}
a.logohover{ background:url(../images/logodesign-large.jpg) no-repeat left top;}
a.stationaryhover { background:url(../images/stationary-large.jpg) no-repeat left top; }
a.webdesignhover { background:url(../images/web-design-large.jpg) no-repeat left top;}
a.printhover { background:url(../images/printmedia-large.jpg) no-repeat left top;}
a.cardshover { background:url(../images/cards-large.jpg) no-repeat left top;}
a.photocomphover { background:url(../images/photo-composition-large.jpg) no-repeat left top;}
a.cdpresentationhover { background:url(../images/cdpresentation-large.jpg) no-repeat left top;}
a.portraithover { background:url(../images/portrait-large.jpg) no-repeat left top;}
a.advertisinghover { background:url(../images/advertising-large.jpg) no-repeat left top;}

a.pic-hover,a.pic-hover2{
	position:absolute;
	top:10px;
	left:10px;
	height:165px;
	width:182px;	
	margin-right:0px;
	display:block;
}
a:hover.pic-hover{
	background-position:-182px 0px;
	width:182px;
}
a:hover.pic-hover2{
	background-position:-188px 0px;
	width:188px;
}
a.webde-sq{ background:url(../images/webdesign-square.jpg) no-repeat left top;}
a.graphde-sq { background:url(../images/grapgicde-square.jpg) no-repeat left top; left:203px; width:188px;}
a.photo-sq { background:url(../images/photo-square.jpg) no-repeat left top; left:407px;}
a.cd-sq { background:url(../images/cd-present-square.jpg) no-repeat left top; top:185px; left:10px; height:171px; width:182px;}
a.modeling-sq { background:url(../images/modeling-sq.jpg) no-repeat left top; top:185px; left:203px;width:188px;height:171px;}
a.video-sq { background:url(../images/video-sq.jpg) no-repeat left top; top:185px; left:407px; height:171px;}
a.logo-sq { background:url(../images/logo-sq.jpg) no-repeat left top;}
a.station-sq { background:url(../images/stationary-sq.jpg) no-repeat left top; left:203px; width:188px;}
a.webde-sq2 { background:url(../images/webdesign-square.jpg) no-repeat left top; left:407px; }
a.print-sq { background:url(../images/printmedia-sq.jpg) no-repeat left top; top:185px; left:10px; height:171px; width:182px;}
a.cao-sq { background:url(../images/cao-sq.jpg) no-repeat left top; top:185px; left:203px; width:188px; height:171px;}
a.photo-comp-sq { background:url(../images/photo-comp-sq.jpg) no-repeat left top; top:185px; left:407px; height:171px;}
a.adver-sq { background:url(../images/advertising-sq.jpg) no-repeat left top;}
a.prod-sq { background:url(../images/product-sq.jpg) no-repeat left top; left:203px; width:188px; }
a.events-sq { background:url(../images/events-sq.jpg) no-repeat left top; left:407px;}
a.fashion-sq { background:url(../images/fashion-sq.jpg) no-repeat left top; top:185px; left:10px; height:171px; width:182px;}
a.portrait-sq { background:url(../images/portrait-sq.jpg) no-repeat left top; top:185px; left:203px; width:188px; height:171px;}
a.photo-comp2-sq { background:url(../images/photocomp2-sq.jpg) no-repeat left top; top:185px; left:407px; height:171px;}
.box { 
	margin-top:35px;
	width:140px;
	padding-left:20px;
	padding-right:20px;
	max-height:300px;
}
.box p { 
	color:#FFFFCC;
}