body { margin:0px; padding:0px; background:#fcfcfc url('bg_abs.jpg') no-repeat top center; }


* { 
	font-family:Arial, Tahoma, Verdana, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#666666;
}

p { margin-top:10px; margin-bottom:12px;padding:0px; text-align:left; line-height:18px; }

p strong { font-weight:bold; color:#666666; }

p span.yellow { color:#ddd30b; }
p span.green-bold { color:#039228; font-weight:bold; }


em {font-style:italic; }
.underline { text-decoration:underline; }

img {margin:0px; padding:0px; border:none; display:block; }


form, input, textarea, select {margin:0px; padding:0px;}

h2, h1, h3 {margin:0px; padding:0px }
h2 {font-size:16px; text-align:left; margin-bottom:4px; margin-top:10px; font-weight:bold; padding:0px; }


h2.h_print { width:32px; height:30px; background:url('headers/h_print.png') no-repeat; text-align:left; text-indent:-9999px;overflow:hidden; margin:0px; padding:1px 0 0 0px; }
h2.h_web-design { width:88px; height:30px; background:url('headers/h_web-design.png') no-repeat; text-align:left; text-indent:-9999px;overflow:hidden; margin:0px; padding:1px 0 0 0px; }
h2.h_contact { width:54px; height:30px; background:url('headers/h_contact.png') no-repeat; text-align:left; text-indent:-9999px;overflow:hidden; margin:0px; padding:1px 0 0 0px; }
h2.h_flash-applications { width:130px; height:30px; background:url('headers/h_flash-applications.png') no-repeat; text-align:left; text-indent:-9999px;overflow:hidden; margin:0px; padding:1px 0 0 0px; }
h2.h_photography { width:92px; height:30px; background:url('headers/h_photography.png') no-repeat; text-align:left; text-indent:-9999px;overflow:hidden; margin:0px; padding:1px 0 0 0px; }
h2.h_examples { width:214px; height:30px; background:url('headers/h_examples.png') no-repeat; text-align:left; text-indent:-9999px;overflow:hidden; margin:0px; padding:1px 0 0 0px; }
h2.h_photography-sub { width:238px; height:30px; background:url('headers/h_photography-sub.png') no-repeat; text-align:left; text-indent:-9999px;overflow:hidden; margin:0px; padding:1px 0 0 0px; }
h2.h_about { width:43px; height:30px; background:url('headers/h_about.png') no-repeat; text-align:left; text-indent:-9999px;overflow:hidden; margin:0px; padding:1px 0 0 0px; }
h2.h_examples_o { width:69px; height:30px; background:url('headers/h_examples_o.png') no-repeat; text-align:left; text-indent:-9999px;overflow:hidden; margin:0px; padding:1px 0 0 0px; }
h2.h_php-and-mysql { width:120px; height:30px; background:url('headers/h_php-and-mysql.png') no-repeat; text-align:left; text-indent:-9999px;overflow:hidden; margin:0px; padding:1px 0 0 0px; }





ul.ul_main { padding:0px; margin:0px; list-style:none; margin-bottom:16px; display:block; width:760px; }
	ul.ul_main li { background:url('arrow_ul.gif') no-repeat 0 3px; padding:0 0 0 18px; margin:0 0 6px 8px; line-height:18px;  }

.btn_read-more { width:91px; height:26px; background:url('btn-read-more.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; display:block; margin:18px 0 0 0; padding:0;  }
.btn_read-more:hover { background-position:0 -26px; }

.link { color:#0abafb; }
.link:hover {text-decoration:underline; }

#wrap { width:872px; margin:0px auto 0px auto; text-align:left; padding:0; background:none; display:block; border:0; position:relative;}	

/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
x
x   Menu
x
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */
#menu-level { width:857px; margin:0 0 0 7px; height:59px; overflow:hidden; background:url('menu/bg.jpg') no-repeat; display:block; z-index:1; position:relative; text-align:left; }
#menu-level ul { display:block; width:832px; height:38px; margin:0; padding:0; list-style:none; overflow:hidden; background:none; position:absolute; top:11px; left:32px; }
#menu-level ul li { height:38px; border:0; margin:0 15px; line-height:37px; outline:none; float:left; display:inline; }
#menu-level ul li a { display:block; text-align:left; text-indent:-9999px; outline:none; height:38px; }
#menu-level ul li a:hover { background-position:0 -38px; }
a#m-home { width:45px; background:url('menu/home.png') no-repeat; }
a#m-about { width:50px; background:url('menu/about.png') no-repeat; }
a#m-web-design { width:81px; background:url('menu/web-design.png') no-repeat; }
a#m-php-and-mysql { width:98px; background:url('menu/php-and-mysql.png') no-repeat; }
a#m-print { width:44px; background:url('menu/print.png') no-repeat; }
a#m-flash-apps { width:76px; background:url('menu/flash-apps.png') no-repeat; }
a#m-photography { width:92px; background:url('menu/photography.png') no-repeat; }
a#m-contact { width:60px; background:url('menu/contact.png') no-repeat; }
a#m-blog { width:42px; background:url('menu/blog.png') no-repeat; }
#menu-level ul li a.m-active { background-position:0 -38px; }

/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
x
x   Header styles
x
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */	
#header { width:857px; height:238px; background:url('bg_header.jpg') no-repeat; display:block; position:relative; overflow:hidden; margin:0 0 0 7px; }
#floral { width:363px; height:278px; display:block; background:url('floral.png') no-repeat; overflow:hidden; position:absolute; margin:0; padding:0; top:-36px; left:-68px; text-align:left; text-indent:-9999px; }
#slogan { width:374px; height:109px; display:block; background:url('slogan.png') no-repeat; overflow:hidden; position:absolute; margin:0; padding:0; top:50px; left:310px; text-align:left; text-indent:-9999px; }


/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
x
x   content
x
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */	
#content { width:872px; height:420px; display:block; background:url('bg_content_2.jpg') no-repeat; overflow:hidden; margin:0; padding:0; }
#content .allWidth { width:818px; margin:30px auto 0 auto; padding:0 0 0 14px; display:block; overflow:hidden; text-align:left; background:none; }
#content #c-left { width:468px; float:left; background:url('border.gif') repeat-y right; display:inline; text-align:left; overflow:hidden; margin:30px 0 0 45px; padding:0 30px 0 0; }
#content #c-right { width:260px; height:370px; float:right; background:none; overflow:hidden; display:inline; text-align:left; margin:30px 36px 0 0; position:relative;}

#content .allWidth .itemBorder { width:222px; height:350px; float:left; display:inline; background:url('border.gif') repeat-y right; outline:none; overflow:hidden; padding:0 24px 0 0; margin:0 22px 0 14px;  }
#content .allWidth .itemNoBorder { width:218px; height:350px; float:left; display:inline; background:none; outline:none; overflow:hidden; padding:0; margin:0 22px 0 14px;  }

#content .allWidth .allWidth-text { width:778px; margin:0 auto; padding:0; overflow:hidden; display:block; background:none;  }

#content img.img_png { display:block; margin:10px 0; outline:none; border:0; }

#content #c-right .mycarousel { width:194px; height:284px; display:block; overflow:hidden; margin:10px 0 0 0; background:none; }
/*
#content #c-right .mycarousel ul.base { width:194px; margin:0; padding:0; display:block; list-style:none; border:0; outline:none; overflow:hidden; }
#content #c-right .mycarousel ul.base li { display:block; border:0; outline:none; height:80px; width:194px; overflow:hidden;}


#content #c-right .mycarousel ul { width:194px; height:300px; margin:0; padding:0; display:block; list-style:none; border:0; outline:none; overflow:hidden; background:none; }
#content #c-right .mycarousel ul li { display:block; border:0; outline:none; height:100px; width:194px; overflow:hidden;}
#content #c-right .mycarousel ul li a img { display:block; outline:none; border:0; padding:3px; border:1px solid #d1e1ec;}
*/
#content #c-right .mycarousel ul { width:194px; height:284px; margin:0; padding:0; display:block; list-style:none; border:0; outline:none; overflow:hidden; background:none; }
#content #c-right .mycarousel ul li { display:block; background:none; border:0; outline:none; height:98px!important; width:194px; overflow:hidden; padding:0; border:0; }
#content #c-right .mycarousel ul li a { display:block; overflow:hidden; width:194px; height:98px!important; background:none; }
#content #c-right .mycarousel ul li a img { display:block; outline:none; border:0; padding:3px; border:1px solid #d1e1ec;}

/*
#content #c-right .mycarousel ul li ul { width:194px; height:300px; margin:0; padding:0; display:block; list-style:none; border:0; outline:none; overflow:hidden; background:none; }
#content #c-right .mycarousel ul li ul li{ display:block; border:0; outline:none; height:100px; width:194px; overflow:hidden;}
#content #c-right .mycarousel ul li ul li a img { display:block; outline:none; border:0; padding:3px; border:1px solid #d1e1ec;}
*/
.menuScroll-vertical { width:51px; height:67px; background:url('bg_menuscroll-vertical.png') no-repeat; position:absolute; top:260px; left:212px; overflow:hidden; display:block; }
#position { position:relative; overflow:hidden; margin:0; padding:0; background:none; }
.menuScroll-vertical .up { width:11px; height:9px; display:block; background:url('btn_up.gif') no-repeat; position:absolute; top:16px; left:12px; text-align:left; text-indent:-9999px; outline:none;  }
.menuScroll-vertical .down { width:11px; height:9px; display:block; background:url('btn_down.gif') no-repeat; position:absolute; top:42px; left:12px; text-align:left; text-indent:-9999px; outline:none;  }

#lightbox-pos { width:75px; height:31px; background:url('bg_menuscroll-page-no-ho.png') no-repeat; position:absolute; top:315px; left:55px; overflow:hidden; display:block; text-align:center; padding:20px 0 0 0; }
#lightbox-pos p { text-align:center; font-weight:bold; line-height:25px; margin:0; color:#039228;}




/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
x
x   Photography
x
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */	
#photography-box { width:818px; height:248px; margin:15px auto 0 auto; padding:0; display:block; overflow:hidden; background:none; position:relative;}
#photography-box #gallery-box { width:760px; height:200px; margin:0 auto; padding:0; display:block; overflow:hidden; background:none; }
#photography-box #gallery-box .mycarousel { float:left; width:760px; display:block; height:200px; background:url('bg_photography-x.gif') repeat-x;  margin:0 auto; padding:0; overflow:hidden; position:absolute; top:0; left:29px; }
#photography-box #gallery-box ul { width:760px; display:block; height:200px; background:none; list-style:none; margin:0 auto; padding:0; overflow:hidden; }
#photography-box #gallery-box ul li { float:left; width:243px; margin:0 6px; display:inline; overflow:hidden; list-style:none; }
#photography-box #gallery-box ul li.last { float:left; width:238px; margin:0 6px; display:inline; overflow:hidden; list-style:none; }
#photography-box #gallery-box ul li a { display:block; overflow:hidden; width:238px; height:180px!important; background:none; padding:10px 0px 0 0; }
#photography-box #gallery-box ul li a img { display:block; outline:none; border:0; padding:3px; border:1px solid #d1e1ec; }


#photography-box #gallery-box img.img_left-png { display:block; position:absolute; top:0; left:19px; margin:0; outline:none; border:0; width:10px; height:200px; }
#photography-box #gallery-box img.img_right-png { display:block; position:absolute; top:0; left:789px; margin:0; outline:none; border:0; width:10px; height:200px; }

.menuScroll-horizontal { width:67px; height:51px; background:url('bg_menuscroll-horizontal.png') no-repeat; position:absolute; top:198px; left:710px; overflow:hidden; display:block; }
.menuScroll-horizontal .prev { width:11px; height:9px; display:block; background:url('btn_left.gif') no-repeat; position:absolute; top:12px; left:16px; text-align:left; text-indent:-9999px; outline:none;  }
.menuScroll-horizontal .next { width:11px; height:9px; display:block; background:url('btn_right.gif') no-repeat; position:absolute; top:12px; left:42px; text-align:left; text-indent:-9999px; outline:none;  }


.externalControl  { width:300px; height:10px; background:none; position:absolute; top:212px; left:30px; overflow:hidden!important; display:block; }
.externalControl a{ display:block; width:9px; height:7px; float:left; background:url('dot-blue.gif') no-repeat; line-height:0; text-indent:-9999px; margin:0 2px; outline:none;  }
.externalControl a.dissactive { display:block; width:9px; height:7px; float:left; background:url('dot-blue.gif') no-repeat; line-height:0; text-indent:-9999px; margin:0 2px; outline:none; overflow:hidden;  }
.externalControl a#active {background:url('dot-blue-light.gif') no-repeat; overflow:hidden; }


/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
x
x   Web Design
x
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */

#photography-box #webdesign-box { width:760px; height:200px; margin:0 auto; padding:0; display:block; overflow:hidden; background:none; }
#photography-box #webdesign-box .mycarousel { float:left; width:760px; display:block; height:200px; background:url('bg_webdesign-x.gif') repeat-x;  margin:0 auto; padding:0; overflow:hidden; position:absolute; top:0; left:29px; }
#photography-box #webdesign-box ul { width:760px; display:block; height:200px; background:none; list-style:none; margin:0 auto; padding:0; overflow:hidden; }
#photography-box #webdesign-box ul li { float:left; width:760px; margin:0; display:inline; overflow:hidden; list-style:none; }
#photography-box #webdesign-box ul li a { display:block; overflow:hidden; width:481px; height:180px!important; background:none; padding:10px 0px 0 0; }
#photography-box #webdesign-box ul li a img { display:block; outline:none; border:0; padding:3px; background:#f2fafc; }

#photography-box #webdesign-box ul li ul.ul_webdesign { width:760px; display:block; height:200px; background:none; list-style:none; margin:0 auto; padding:0; overflow:hidden; }
#photography-box #webdesign-box ul li ul.ul_webdesign li { float:left; width:481px; margin:0 6px; display:inline; overflow:hidden; list-style:none; }
#photography-box #webdesign-box ul li ul.ul_webdesign li.li-desc { float:left; width:243px; margin:0 6px; display:inline; overflow:hidden; list-style:none; padding:12px 0 0 0;}
#photography-box #webdesign-box ul li ul.ul_webdesign li.li-desc h4 { font-size:12px; color:#f9f9f9; margin:0 0 15px 0; font-weight:bold; }
#photography-box #webdesign-box ul li ul.ul_webdesign li.li-desc p { font-size:11px; line-height:15px; margin:8px 0 10px 0; color:#d9d9d9; }
#photography-box #webdesign-box ul li ul.ul_webdesign li.li-desc p span.yellow { font-size:11px; line-height:15px; font-weight:normal; }

.port-hide { visibility:hidden; overflow:hidden; display:none; }
#photography-box #webdesign-box ul li ul.ul_webdesign li.li-desc a.link { color:#0abafb; display:inline; font-size:11px; margin:0; padding:0; outline:none; }

#photography-box #webdesign-box img.img_left-png { display:block; position:absolute; top:0; left:19px; margin:0; outline:none; border:0; width:10px; height:200px; }
#photography-box #webdesign-box img.img_right-png { display:block; position:absolute; top:0; left:789px; margin:0; outline:none; border:0; width:10px; height:200px; }


/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
x
x   Contact
x
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */	

/* Forms
--------------------------------------------------------------------------------------- */


.panel_form_box { width:640px; padding:0; margin:24px 0 0 0; text-align:left; background:none; }

ul.panel_form { width:640px; overflow:hidden; margin:0; padding:0; list-style:none;  } /* Width must match panel_form_box */
ul.panel_form li { float:left; margin:6px 0; display:inline; }

ul.panel_form li label { text-transform:uppercase; color:#555555; font-weight:bold; padding-left:4px; }

ul.panel_form li input { color:#666666; padding:6px 8px; border:1px solid #d3e4ee; margin-top:3px; background:#fff; }
ul.panel_form li input.text_field_left { width: 268px; margin-right:10px; color:#666666;} /* Width equals UL minus 46px then divided by 2 */
ul.panel_form li input.text_field_right { width: 268px; color:#666666;} /* Width equals UL minus 46px then divided by 2 */
ul.panel_form li input.text_field_left-er { width: 268px; margin-right:10px; color:#ff0000;} /* Width equals UL minus 46px then divided by 2 */
ul.panel_form li input.text_field_right-er { width: 268px; color:#ff0000;} /* Width equals UL minus 46px then divided by 2 */
ul.panel_form li input.text_field_full { width: 568px;} 

ul.panel_form li textarea { color:#000000; border:1px solid #d3e4ee; padding:6px 8px; margin-top:3px; background:#fff;}
ul.panel_form li textarea.comments { width:568px;} 

ul.verification { width:586px; height:42px; overflow:hidden; padding-top:6px; margin-top:12px; margin:0; padding:0; list-style:none; background:none; } /* Width must match panel_form_box */
ul.verification li { float:left; margin:3px 0 0 0; display:inline; }
ul.verification li.submit { margin-top:6px; margin-right:0; background:none; float:right; overflow:hidden; }
ul.verification li input.btn_submit { width:120px; height:32px; display:inline; border:0; color:#ffffff; font-size:1.1em; line-height:32px; text-align:center; background:#000000; cursor:hand!important; }





/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
x
x   Footer styles
x
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */
#footer { width:872px; height:121px; display:block; background:url('bg_footer.jpg') no-repeat; overflow:hidden; margin:0; padding:0; color:#63c4ea; }
#footer #f-menu { width:680px; height:20px; display:block; padding:0; color:#c5e8f7; margin:20px auto 0 auto; text-align:center; }
#footer #f-menu a { margin:0 10px; color:#009ede; }
#footer #f-menu a:hover { text-decoration:underline; }
#footer p { color:#63c4ea; text-align:center; margin:20px 0 0 0; font-size:11px; }
	
	
.cl{clear:both;line-height:1px;height:1px;font-size:1px; margin:0px; padding:0px;}