@charset "UTF-8";
body {
	font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center;
	background-color:#FFFFFF;
	margin:0;
}
a img {border:none;}
#ew {
	display:block; position:absolute; left:0; top:0; width:100px; height:40px; 
	background-image:url(../images/backgrounds/transparent.gif); background-repeat: repeat;  
}
#ew:hover {}

/*------------------
 Layout
------------------*/
.center {text-align:center;}
.clear {clear:both;}

/*----------------------
 Form Layout
-----------------------*/
table.formlayout {
	width:100%;
	font-size:14px;
}
table.formlayout td.label {
	text-align:right; padding-right:10px;
}
table.formlayout td.input {
	text-align:left; 
}
h6.error {color:#FF0000; margin:0;}

/*------------------
 Wrappers
------------------*/
div.wrap-main{
	background-color: #ffffff;
	width:1000px; height:700px;
	margin:0 auto 25px auto;
	position:relative; 
}
div.wrap-talk{
	background-color: #f2f2f2;
	background-image:url(../images/backgrounds/contact_form.jpg); background-repeat:no-repeat;
	width:500px; height:528px;
	margin:0; padding: 0;
	position:relative;
}
div.wrap-thankyou{
	background-color: #f2f2f2;
	background-image:url(../images/backgrounds/thankyou_form.jpg); background-repeat:no-repeat;
	width:500px; height:528px;
	margin:0; padding: 0;
	position:relative; 
}

/* labels */
div.copyright{position: absolute; right: 0; bottom: 0; font-size: 10px; color: #bfbfbf;}

/*------------------
 Titles
------------------*/
#title_pom {
	background-image:url(../images/titles/pom_logo.jpg); background-repeat:no-repeat;
	background-position: 0 0; 
	width:291px; height: 74px; 
	position: absolute; top: 20px; left: 28px;
}
#title_pom a {display: block; width:291px; height: 74px; }


/*------------------
 Footer
------------------*/
div.footer {text-align: center;}
div.footer_inner { 
	font-size: 14px; margin:0 0 10px 0; position: relative;
	padding: 15px 0 0 0;
}
div.footer div.sitemap {margin: 15px 0 0 0;}

div.footer span.pom {font-size: 14px; color: #B32317;}
div.footer span.single {font-size: 11px; color: #B32317;}
div.footer span.text {font-size: 11px; color: #737373;}
div.footer a.contact {font-size: 11px; color: #737373; text-decoration: none;}
div.footer a.contact:hover {color: #B32317;}
div.footer a.smalltext {font-size: 9px; color: #808080; text-decoration: none;}
div.footer a.smalltext:hover {color: #4D4D4D;}
div.footer span.webdesign{font-size: 9px; color: #999999;}
div.footer a.webdesign {font-size: 9px; color: #6B90AF; text-decoration: none;}
div.footer div.webdesign {margin: 25px 0 0 0;}
div.footer a.webdesign:hover {color: #033A4F;}


/*------------------
 Top Navigation
------------------*/
#topnav {position:absolute; top:28px; left:464px; text-align: left;}
#topnav, #topnav ul, #topnav li{
	padding: 0; margin: 0; list-style: none; 
}
#topnav li ul {
	position: absolute; z-index: 10;
	left: -999em; background-color: #ffffff;
}
#topnav li:hover ul, #topnav li.sfhover ul, #topnav li ul.stick {
	left: auto; z-index: 100;
}

#topnav li ul.stick {
	left: auto; z-index: 1;
}

#topnav li {float:left; padding: 0; margin: 0; list-style: none; }
#topnav li ul li {
	float:left; font-size: 11px; text-align: left; 
	padding:7px 4px 10px 10px;  
}
#topnav li ul li.blocker {
	width:500px; left:-175px; z-index: -1;
	position: absolute; height: 25px; background-color: #ffffff;
}
#topnav li ul li a, #topnav li ul li a:visited  {text-decoration: none; color: #808080;}
#topnav li ul li a:hover {color: #333333;}
#topnav li ul li a.on {color: #84990A;}
#topnav li a{ 
	display:block; height:13px;
	background-image:url(../images/nav/topnav_sprite.gif); background-repeat:no-repeat;
}
#topnav li ul li a {
	background-image: none;
}

#nav_begin, #nav_begin a{
	width:74px;
	background-position:0 0;
}
#nav_begin a:hover {
	width:74px;
	background-position:0 -13px;
}
#nav_begin_on, #nav_begin_on a {
	width:74px;
	background-position:0 -26px;
}


#nav_check, #nav_check a.baselink {
	width:110px;
	background-position:-74px 0;
}
#nav_check a.baselink:hover {
	width:110px;
	background-position:-74px -13px;
}
#nav_check_on, #nav_check_on a.baselink {
	width:110px;
	background-position:-74px -26px;
}


#nav_what, #nav_what a.baselink {
	width:134px;
	background-position:-184px 0;
}
#nav_what a.baselink:hover {
	width:134px;
	background-position:-184px -13px;
}
#nav_what_on, #nav_what_on a.baselink  {
	width:134px;
	background-position:-184px -26px;
}

#nav_mingle, #nav_mingle a {
	width:67px;
	background-position:-318px 0;
}
#nav_mingle a:hover {
	width:67px;
	background-position:-318px -13px;
}
#nav_mingle_on, #nav_mingle_on a {
	width:67px;
	background-position:-318px -26px;
}

#nav_talk, #nav_talk a {
	width:83px;
	background-position:-385px 0;
}
#nav_talk a:hover {
	width:83px;
	background-position:-385px -13px;
}
#nav_talk_on, #nav_talk_on a {
	width:83px;
	background-position:-385px -26px;
}

#nav_blog, #nav_blog a {
	width:62px;
	background-position:-468px 0;
}
#nav_blog a:hover {
	width:62px;
	background-position:-468px -13px;
}
#nav_blog_on, #nav_blog_on a {
	width:62px;
	background-position:-468px -26px;
}

/*------------------
 Top Subnav
------------------*/




/*------------------
 Homepage
------------------*/
/*Images*/
div.circleimg{ position: absolute; }
div.circleimg a.circlehover{background-image:url(../images/backgrounds/transparent.gif); background-repeat: repeat; }
a.circlehover {display:block;}
#redcircle_1 {
	display:block; position: absolute; width:165px; height:165px;  
	background-color: transparent;
}
#redcircle_1:hover {
	background-image:url(../images/masks/redcircle165.png); background-repeat:no-repeat;
	background-position: 0 0; z-index: 10; text-decoration: underline;
}
#redcircle_2 {display:block; width:132px; height:132px; background-color: transparent; position: absolute;}
#redcircle_2:hover {
	background-image:url(../images/masks/redcircle132.png); background-repeat:no-repeat;
	background-position: 0 0;
}
#redcircle_3 {display:block; width:165px; height:165px; background-color: transparent; position: absolute;}
#redcircle_3:hover {
	background-image:url(../images/masks/redcircle165.png); background-repeat:no-repeat;
	background-position: 0 0;
}
#redcircle_4 {display:block; width:132px; height:132px; background-color: transparent; position: absolute;}
#redcircle_4:hover {
	background-image:url(../images/masks/redcircle132.png); background-repeat:no-repeat;
	background-position: 0 0;
}
#redcircle_5 {display:block; width:165px; height:165px; background-color: transparent; position: absolute;}
#redcircle_5:hover {
	background-image:url(../images/masks/redcircle165.png); background-repeat:no-repeat;
	background-position: 0 0;
}
#redcircle_6 {display:block; width:132px; height:132px; background-color: transparent; position: absolute;}
#redcircle_6:hover {
	background-image:url(../images/masks/redcircle132.png); background-repeat:no-repeat;
	background-position: 0 0;
}

#img_1 {width:165px; height:165px; top: 88px; left: 726px;}
#img_2 {width:132px; height:132px; top: 195px; left: 507px;}
#img_3 {width:165px; height:165px; top: 291px; left: 382px;}
#img_4 {width:132px; height:132px; top: 348px; left: 155px;}
#img_5 {width:165px; height:165px; top: 504px; left: 303px;}
#img_6 {width:132px; height:132px; top: 431px; left: 573px;}
#img_7 {width:66px; height:66px; top: 164px; left: 348px;}
#img_8 {width:66px; height:66px; top: 152px; left: 583px;}
#img_9 {width:66px; height:66px; top: 221px; left: 395px;}
#img_10 {width:46px; height:46px; top: 220px; left: 649px;}
#img_11 {width:66px; height:66px; top: 200px; left: 744px;}
#img_12 {width:66px; height:66px; top: 258px; left: 684px;}
#img_13 {width:44px; height:44px; top: 300px; left: 344px;}
#img_14 {width:66px; height:66px; top: 276px; left: 626px;}
#img_15 {width:66px; height:66px; top: 281px; left: 741px;}
#img_16 {width:46px; height:46px; top: 262px; left: 814px;}
#img_17 {width:46px; height:46px; top: 373px; left: 286px;}
#img_18 {width:44px; height:44px; top: 382px; left: 618px;}
#img_19 {width:66px; height:66px; top: 345px; left: 684px;}
#img_20 {width:66px; height:66px; top: 435px; left: 328px;}
#img_21 {width:64px; height:64px; top: 423px; left: 521px;}
#img_22 {width:46px; height:46px; top: 496px; left: 192px;}
#img_23 {width:46px; height:46px; top: 497px; left: 285px;}
#img_24 {width:46px; height:46px; top: 494px; left: 492px;}
#img_25 {width:66px; height:66px; top: 601px; left: 217px;}
#img_26 {width:66px; height:66px; top: 605px; left: 438px;}
#img_27 {width:66px; height:66px; top: 191px; left: 674px;}
#img_28 {width:66px; height:66px; top: 258px; left: 684px;}
#img_29 {width:96px; height:96px; top: 322px; left: 530px;}
#img_30 {width:66px; height:66px; top: 338px; left: 745px;}
#img_31 {width:66px; height:66px; top: 404px; left: 299px;}
#img_32 {width:66px; height:66px; top: 399px; left: 370px;}
#img_33 {width:66px; height:66px; top: 516px; left: 235px;}
#img_34 {width:96px; height:96px; top: 463px; left: 400px;}


/*------------------
 Portfolio
------------------*/
#project {
	position: absolute; left: 0; top:94px; 
	width: 804px; height: 606px;
}
#frame {position: absolute; top:0; left:81px; width: 720px; height: 506px;}
#media_info {position: absolute; top:506px; left:81px;  width: 720px;}
#media_info div.caption {
	text-align: right;
	font-size: 9px; color: #A6A6A6; font-style: italic; padding: 5px 0 0 0;
	height: 10px;
}
#media_info div.title {text-align: left; font-size: 12px; color: #808080; padding: 0 0 5px 0;}
#media_info div.description {text-align: left; font-size: 11px; color: #595959;}

#right_side{position: absolute; left: 814px; top: 120px; width: 178px; text-align: left;}
div.category {
	font-size: 18px; color: #545454; 
	padding: 0 0 5px 10px;
	border-bottom: 1px dashed #545454;
}
ul.projectlist {
	margin: 12px 0 0 0; padding: 0; list-style: none;
}
ul.projectlist li{margin: 0 0 20px 0; padding: 0; list-style: none; padding: 0 0 0 10px; line-height: 11px;}
ul.projectlist li a{text-decoration: none; font-size: 10px; color: #808080;}
ul.projectlist li a:hover{color: #404040;}
ul.projectlist li.on a{color: #84990A;}
span.projtitle {font-size: 11px;}
ul.projectlist li.arrows a {display: block;float:left;  height:15px; width:12px; background-image:url(../images/icons/arrows_sprite.gif); background-repeat:no-repeat;}
ul.projectlist li.arrows a.left { 
	padding: 0; margin: 0; 
	background-position: 0 -30px; 
}
ul.projectlist li.arrows a.left:hover {background-position: 0 -45px;}
ul.projectlist li.arrows a.right {
	padding: 0; margin: 0; 
	background-position: 0 0; 
}
ul.projectlist li.arrows a.right:hover {background-position: 0 -15px;}

/*------------------
 Thumbnails
------------------*/
#left_side {position: absolute; left: 0; width: 84px; height: 506px; top:0; text-align: center; }
#left_side div.thumb{height: 42px; width: 42px;}
#left_side img.thumbmask {position: absolute; z-index: 100;}
#left_side img.thumb, #left_side img.thumb_selected {position: absolute; z-index: 1;}
#thumb_1 {position: absolute; bottom: 0; left: 0px;}
#thumb_2 {position: absolute; bottom: 44px; left: 0px;}
#thumb_3 {position: absolute; bottom: 88px; left: 0px;}
#thumb_4 {position: absolute; bottom: 132px; left: 0px;}
#thumb_5 {position: absolute; bottom: 176px; left: 0px;}
#thumb_6 {position: absolute; bottom: 220px; left: 0px;}
#thumb_7 {position: absolute; bottom: 264px; left: 0px;}
#thumb_8 {position: absolute; bottom: 308px; left: 0px;}
#thumb_9 {position: absolute; bottom: 352px; left: 0px;}
#thumb_10 {position: absolute; bottom: 396px; left: 0px;}
#thumb_11 {position: absolute; bottom: 440px; left: 0px;}

/*------------------
 What about us
------------------*/
#content_services {position: absolute; top: 115px; width: 1000px; left: 0;}

#content_services div.left{float:left; width: 180px; }
#content_services div.mid{float:left; width: 600px; }
#content_services div.right {float:left; width: 200px; padding: 0 0 0 20px;}

#content_services div.label_whatabout {text-align:right; font-size:11px; color:#000000;}
#content_services div.text_whatabout {text-align:right; text-align:left; font-size:12px; color:#B32317;}
#content_services div.name {text-align:left; font-size:11px; color:#333333;}
#content_services div.position {text-align:left; font-size:11px; color:#333333; font-style: italic;}
#content_services div.description {text-align:left; font-size:10px; color:#737373;}
#content_services div.text_services {text-align:right; text-align:left; font-size:12px; color:#595959;}


#content_clients {position: absolute; top: 115px; width: 1000px; left: 0;}
#content_clients div.left{float:left; width: 180px; }
#content_clients div.mid{float:left; width: 390px; }
#content_clients div.right {float:left; width: 400px; padding-left: 10px;}

#content_clients div.label_clients {text-align:right; font-size:11px; color:#000000;}
#content_clients div.text_clients {text-align:left; font-size:12px; color:#B32317;}
#content_clients div.text_clients_bottom {text-align:left; font-size:12px; color:#595959; margin-bottom: 15px;}
#content_clients div.mid,  #content_clients div.right {text-align:left; font-size:12px;}


/*------------------
 Mingle
------------------*/
#content_mingle {position: absolute; top: 115px; width: 1000px;  left: 0;}
#content_mingle div.left{float:left; width: 180px; }
#content_mingle div.mid{float:left; width: 612px; }

#content_mingle div.label_mingle {text-align:right; font-size:11px; color:#000000;}
#content_mingle div.description {text-align:left; font-size:12px; color:#595959; margin-bottom: 30px;}
#content_mingle div.links a {text-align:left; font-size:12px; color:#B32317; text-decoration: none;}
#content_mingle div.links a:hover {color:#66140D;}
#content_mingle div.links {text-align:left; font-size:12px; color:#595959;}
#content_mingle div.links br {margin-bottom: 5px;}


/*------------------
 Paging
------------------*/
div.paging {
	position:absolute; text-align:center;
	bottom:0; left:-40px; height:56px; width:580px;
	font-size:11px; font-weight:bold;
}
div.paging a.page {display:none;}
div.paging a.pnlink {position:relative; height:37px; width:36px; top:13px; background-position:0 0;  display:block;}
div.paging a.pnlink span {display:none;}
div.paging #pnlink-prev {
	float:left; left:-10px;
	background-image:url(../images/navigation/arrow_prev_sprite.gif);
	background-repeat:no-repeat;
}
div.paging #pnlink-prev:hover { background-position:0 -37px;}
div.paging #pnlink-next{
	float:right; right:-13px;  display:block; 
	background-image:url(../images/navigation/arrow_next_sprite.gif);
	background-repeat:no-repeat;
}
div.paging #pnlink-next:hover { background-position:0 -37px;}
div.paging span.records{display:none;}
#pg-1{
	background-image:none; display:none;
	padding-left:14px; padding-right:7px;
}
div.paging .onpage {
	color:#333333;display:none;
	background-image:url(../images/navigation/pagespacer.gif);
	background-repeat:no-repeat; background-position:0 -3px;
	padding-left:14px; padding-right:7px;
}
div.paging a {
	text-decoration:none; color:#999999;
	background-image:url(../images/navigation/pagespacer.gif);
	background-repeat:no-repeat; background-position:0 -3px;
	padding-left:14px; padding-right:7px;
}
div.paging a:visited {color:#999999;}
div.paging a:hover {color:#84990A;}
div.paging a:active {color:#84990A;}



/*------------------
 Contact
------------------*/
#form-contact{text-align:left; font-size:14px; position: absolute; width: 456px; top:278px; left: 23px; margin:0; padding: 0;}
#form-contact textarea{border:1px solid #351A06; width: 453px; height: 185px; padding:3px 0 0 3px; color: #666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#form-contact input {border:1px solid #351A06; width: 250px; position: absolute; left: 0; top:-20px; color: #666666;}
#email {height: 35px; width: 326px; position: absolute; top: 487px; left: 158px;}
#email a{
	display: block; height: 35px; width: 326px; text-decoration: none;
	background-image:url(../images/icons/email_sprite.gif);
	background-repeat:no-repeat; background-position:0 0;	
}
#email a:hover{background-position:0 -35px;}