/* CSS Document */

/*GLOBAL*/
html{margin:0px; padding:0px; width:100%; height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#B3E9EC;}
body{margin:0px; padding:0px; width:100%; height:100%; min-height:784px; min-width:960px; text-align:center; background:#035d78 url(img/bg-dot2.gif) repeat-x top;}

a, a:visited{text-decoration:none;color:#006699;} 
a:hover, a:active{text-decoration:underline; }
p{margin:0px; padding:0px; border:none;}
/*h1 a{font-size: 20px; font-weight: bolder; margin: 0 0 0 0; padding: 0; color:#330000; text-transform: capitalize;}*/


/* MAIN LAYOUT */
#background{width:100%; height:100%;}
#container1{margin:auto; padding:0px; width:960px; height:784px; position:relative; text-align:left;}
#logo{margin:0px; padding:0px; width:255px; height:183px; position:absolute; background:url(img/mylogo2.gif) no-repeat; top:112px; left:80px; z-index:4;}
#wood{margin:0px; padding:0px; width:854px; height:184px; position:absolute; top:100px; left:53px; background:url(img/wood1.jpg) no-repeat; z-index:2;}
#main_menu{margin:0px; padding:0px; width:703px; height:84px; position:absolute; top:244px; left:325px; z-index:5;}

#main_box{margin:0px; padding:0px; width:854px; position:absolute; top:100px; left:53px; z-index:1;}
#main_flashbox{margin:0px; padding:0px; width:854px; position:absolute; top:100px; left:53px; z-index:1;}
#box_top{margin:0px; padding:0px; width:854px; height:6px; position:relative; background:url(img/box_top.gif) no-repeat;}
#box_content{margin:0px; padding:200px 0px 8px 0px; width:854px; min-height:120px; _height:120px; position:relative; background:url(img/box_bg.gif) repeat-y;}
#box_content_white{margin:0px; padding:0 100px 0px 100px; width:654px; min-height:120px; _height:120px; position:relative; background:url(img/box_bg.gif) repeat-y;}
#box_bottom{margin:0px; padding:0px; width:854px; height:274px; position:relative; background:url(img/box_bottom2.jpg) no-repeat;}

#bottom_menu{margin:0px; padding:26px 0px 0px 0px; width:854px; position:relative; text-align:center; color:#E1F1F4;}
#bottom_menu a{color:#E1F1F4;}

#copyright{margin:0px; padding:2px 0px 60px 0px; width:854px; position:relative; text-align:center; color:#B7DFE5; line-height:1.6em; font-size:.95em;}
#copyright a{color:#B7DFE5;}

#flash{margin:0px; padding:0px; width:590px; height:360px; position:absolute; top:176px; left:342px; background:url(img/flash_bg.jpg) no-repeat; z-index:2;}

#sections{margin:0px; padding-left:1px; width:811px; min-height:146px;  position:relative; background:url(img/mypage_body.gif) repeat-y 1px 0px;}
#sections_bottom{margin:0px; padding:0 0 30px 0; width:811px; min-height:146px;  position:relative; background:url(img/mypage_bottom.gif) no-repeat bottom;}

#section_body{margin:0px; padding:0px; width:811px; min-height:220px; position:relative; background:url(img/mypage_top.gif) no-repeat top left; float:left; overflow: hidden;}
#section_text{margin:0px; padding:25px 20px 14px 26px; text-indent:0px;}


/* HIDDEN ELEMENTS */
hr{display:none;}
.clear{clear:both;}






/* CSS Menu Document */

/*MAIN MENU*/
#main_menu ul{margin:auto; padding:0px; display:block; width:703px; list-style:none;}
#main_menu li{margin:0px; padding:0px;  position:absolute;}
#main_menu ul li, #main_menu ul a {margin:0px; padding:0px; display:block; height:41px;}

/*MENU ITEMS*/
#menu_about, #menu_about_on{left:0px;}
#menu_web, #menu_web_on{left:109px;}
#menu_graphic, #menu_graphic_on{left:220px;}
#menu_portfolio, #menu_portfolio_on{left:331px;}
#menu_contact, #menu_contact_on{left:442px;}

#menu_about a, #menu_about a:visited{display:block; text-indent:-9999px; width:109px; background: url(img/menu2.gif) no-repeat 0px 0px;}
#menu_web a, #menu_web a:visited{display:block; text-indent:-9999px; width:112px; background: url(img/menu2.gif) no-repeat -109px 0px;}
#menu_graphic a, #menu_graphic a:visited{display:block; text-indent:-9999px; width:112px; background: url(img/menu2.gif) no-repeat -220px 0px;}
#menu_portfolio a, #menu_portfolio a:visited{display:block; text-indent:-9999px; width:112px; background: url(img/menu2.gif) no-repeat -331px 0px;}
#menu_contact a, #menu_contact a:visited{display:block; text-indent:-9999px; width:112px; background: url(img/menu2.gif) no-repeat -442px 0px;}

#menu_about_on a, #menu_about_on a:visited{display:block; text-indent:-9999px; width:109px; background: url(img/menu2.gif) no-repeat 0px -82px;}
#menu_web_on a, #menu_web_on a:visited{display:block; text-indent:-9999px; width:112px; background: url(img/menu2.gif) no-repeat -109px -82px;}
#menu_graphic_on a, #menu_graphic_on a:visited{display:block; text-indent:-9999px; width:112px; background: url(img/menu2.gif) no-repeat -220px -82px;}
#menu_portfolio_on a, #menu_portfolio_on a:visited{display:block; text-indent:-9999px; width:112px; background: url(img/menu2.gif) no-repeat -331px -82px;}
#menu_contact_on a, #menu_contact_on a:visited{display:block; text-indent:-9999px; width:112px; background: url(img/menu2.gif) no-repeat -442px -82px;}

/*MENU ROLLOVERS*/
#menu_about a:hover, #menu_about a:active, #main_menu ul li:hover a#about, #main_menu ul li.over a#about{background: url(img/menu2.gif) no-repeat 0px -41px;}
#menu_web a:hover, #menu_web a:active, #main_menu ul li:hover a#web, #main_menu ul li.over a#web{background: url(img/menu2.gif) no-repeat -109px -41px;}
#menu_graphic a:hover, #menu_graphic a:active, #main_menu ul li:hover a#graphic, #main_menu ul li.over a#graphic{background: url(img/menu2.gif) no-repeat -220px -41px;}
#menu_portfolio a:hover, #menu_portfolio a:active, #main_menu ul li:hover a#portfolio, #main_menu ul li.over a#portfolio{background: url(img/menu2.gif) no-repeat -331px -41px;}
#menu_contact a:hover, #menu_contact a:active, #main_menu ul li:hover a#contact, #main_menu ul li.over a#contact{background: url(img/menu2.gif) no-repeat -442px -41px;}

#menu_about_on a:hover, #menu_about_on a:active{background: url(img/menu2.gif) no-repeat 0px -41px;}
#menu_web_on a:hover, #menu_web_on a:active{background: url(img/menu2.gif) no-repeat -109px -41px;}
#menu_graphic_on a:hover, #menu_graphic_on a:active{background: url(img/menu2.gif) no-repeat -220px -41px;}
#menu_portfolio_on a:hover, #menu_portfolio_on a:active{background: url(img/menu2.gif) no-repeat -331px -41px;}
#menu_contact_on a:hover, #menu_contact_on a:active{background: url(img/menu2.gif) no-repeat -442px -41px;}

/* KEEP 2nd LEVEL NAV ON IF CURRENT */ 
#main_menu ul li#menu_web_on ul{margin:0 0px 0 50px; padding:0 250px 0 0px; display:inline; visibility:visible; position:absolute;}
#main_menu ul li#menu_graphic_on ul{margin:0 0px 0 -50px; padding:0 130px 0 100px; display:inline; visibility:visible; position:absolute;}
#main_menu ul li#menu_portfolio_on ul{margin:0 -50px 0 -200px; padding:0 25px 0 250px; display:inline; visibility:visible; position:absolute;}
#main_menu ul li:hover#menu_web ul{margin:0 0px 0 50px; padding:0 250px 0 0px; display:inline; visibility:visible; position:absolute;}
#main_menu ul li:hover#menu_graphic ul{margin:0 0px 0 -50px; padding:0 130px 0 100px; display:inline; visibility:visible; position:absolute;}
#main_menu ul li:hover#menu_portfolio ul{margin:0 -50px 0 -200px; padding:0 25px 0 250px; display:inline; visibility:visible; position:absolute;}

/*MENU 2nd LEVEL*/
#main_menu ul li ul{display:none; margin:0px; padding:0px; width:300px; left:-150px; text-align:center;}
#main_menu ul li:hover ul{margin:0px; padding:0px; display:inline; visibility:visible; position:absolute; z-index:100; background:#FFFFFF;}
#main_menu ul li ul li{display:inline; margin:0px; padding:0px; width:100px; height:20px; overflow:hidden; position:relative; top:0px;}

/*2nd LEVEL ITEMS*/
#main_menu ul li ul li a, #main_menu ul li ul li a:visited{
display:inline;
background:none;/*#00FFFF;/*blue*/
text-indent:0px;
margin:0 0 0 20px;
padding:0;
color:#330000;
text-align:center;
font-weight:bold;
text-decoration:none;
}

/*2nd LEVEL ROLLOVERS*/
#main_menu ul li ul li a:hover, #main_menu ul li ul li a:active{background: #E1F4FF; font-weight:bold;}


/* My Little Page */
.mypagetitle {margin: 0px; padding: 0px;}
.mypagetitle a {font-size: 20px; font-weight: bolder; margin: 0; padding: 0; color:#330000; text-transform:uppercase; display:inline;}
.mypagesubtitle{color:#B3E9EC; font-size:16px; font-weight:normal; padding: 0 0 0 10px;}
.mypagephoto {float:right; margin: 0px; padding: 0px;}
.mypagecontent {margin: 0px; padding: 0px;}
.mypageprevious {margin: 0px; padding: 0 0 0 20px; text-align:left; font-weight:bold; }
.mypagenext {margin: 0px; padding: 0 40px 0 0; text-align:right; float:right; font-weight:bold;}

#box_content p {text-transform: none; padding:10px 0 0 0;}
#box_content p a{color: #FFFFFF; text-decoration: none; border-bottom:1px dotted #94d5d7;}
#box_content p a:hover{color:#006699;}

#box_content_white {color:#006699;}
#box_content_white p {text-transform: none; padding:10px 0 0 0;}
#box_content_white p a{color: #FFFFFF; text-decoration: none; border-bottom:1px dotted #94d5d7;}
#box_content_white p a:hover{color:#006699;}

h1.mypagetitle1{font-size: 20px; font-weight: bolder; margin: 0; padding: 0; color:#330000; text-transform:uppercase; display:inline;}
h1.mypagetitle2{font-size: 20px; font-weight: bolder; margin: 0; padding: 0; color:#99FFFF; text-transform:uppercase; display:inline;}
h1.mypagesubtitle{font-size: 15px; font-weight: bolder; margin: 0; padding:0 0 0 10px; color:#FFFFFF; text-transform:uppercase;}
h2 {color:#330000;text-transform:uppercase; display:inline;}
h3.thank you{font-size: 16px; font-weight: bolder; margin: 0; padding: 0; color:#006699; border-bottom:0px; text-transform:capitalize; text-align:center;}
h3 {border-bottom:1px dotted #94d5d7; color:#FFFFFF}

.contactform{
	font-size:11px;
	border:1px solid #94d5d7;
}


.webthumb {float:left; margin:5px;}