/* CSS Document */
body {
margin-top:0;
width:980px;
margin-left:auto;
margin-right:auto;
background-color:#a8b1ae;
background-image:url(images/BG.jpg);
background-repeat:repeat-x
}

#header {
width:980px;
height:250px;
background-image:url(images/s_header_2.jpg)
}

#headnav a {
text-decoration:none;
position:relative;
left:500px;
top:5px;
color:#FFF;
font-weight:700;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:0 15px
}

#headnav a#client {
color:red
}

#headnav a#client:hover {
color:#FFF;
background-color:red;
border:none
}

#headnav a:hover {
border-bottom:1px solid red;
padding:15px 15px 10px
}

#topnav {
height:50px;
width:980px
}

#topnav ul {
position:relative;
top:16px;
list-style:none
}

#topnav ul li {
display:inline
}

#topnav_end {
width:980px;
height:83px;
background-image:url(images/top_nav_end.jpg)
}

#main {
width:980px;
background-color:#eaeaea
}

#main_top {
width:980px;
height:50px;
background-image:url(images/main_topper_shadow.jpg)
}

#rightnavigation {
float:right;
width:300px;
margin-right:10px
}

#ad_container img {
margin-left:6px;
border:3px solid #FFF
}

#ad_container {
margin-top:20px;
padding-top:10px;
padding-bottom:10px;
border-top:1px dotted #CCC;
background-color:#f3f3f3
}

#home_mod_1 {
width:620px;
margin-top:10px;
margin-left:10px;
position:relative;
top:10px;
clear:left;
padding:1px 10px 5px
}

#home_mod_1_foot {
width:620px;
height:19px;
background-image:url(images/rotating_images_shadow.jpg);
position:relative;
top:5px;
left:20px
}

#home_mod_1_foot a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-decoration:none;
position:relative;
top:20px;
color:#666
}

#home_mod_1_foot a:hover {
color:#000
}

.contents {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000
}

.contents hr {
size:1px;
color:#000
}

.contents strong {
color:#0093dd
}

#home_mod_2 {
width:290px;
margin-top:10px;
float:left;
margin-left:10px;
padding:0 10px 15px
}

#home_mod_2 a {
background-color:#000;
color:#FFF;
text-decoration:none;
font-size:14px;
position:relative;
top:20px;
padding:15px 30px
}

#quote {
height:50px;
width:650px;
background-color:#666;
margin-left:10px;
margin-top:10px
}

#footer {
clear:both;
background-color:#343f3b;
height:100%;
position:relative;
top:10px;
padding-bottom:10px
}

h1#who_am_i {
width:173px;
height:58px;
background-image:url(images/who_am_i.jpg);
background-repeat:no-repeat
}

h1#whats_cuking_head {
background-image:url(images/whats_cooking.jpg);
width:181px;
height:32px;
margin-left:10px
}

h1#blog_updates {
background-image:url(images/blog_updates.jpg);
width:148px;
height:31px;
margin-left:10px
}

h1#people_told {
background-image:url(images/people_told.jpg);
width:128px;
height:31px;
margin-left:10px
}

h1#store_have {
background-image:url(images/stores_have.jpg);
width:131px;
height:26px;
margin-left:10px
}

h1#tehcnically_me {
background-image:url(images/technically_me.jpg);
width:162px;
height:31px;
margin-left:10px
}

h1#follow_me {
background-image:url(images/follow_me.jpg);
width:118px;
height:31px;
margin-left:10px
}

h1#portfolio_head {
width:97px;
height:31px;
background-image:url(images/portfolio.jpg);
margin-left:10px
}

h1#categories_mult {
width:113px;
height:32px;
background-image:url(images/categories.jpg);
margin-left:10px
}

h1#videos {
width:113px;
height:32px;
background-image:url(images/videos.jpg);
margin-left:10px
}

h2 {
background-image:url(images/h2.jpg);
background-repeat:no-repeat;
font-weight:lighter;
color:#FFF;
padding:20px 10px
}

ul#cukinglist li {
height:25px;
list-style-image:url(images/ul.png)
}

ul#cukinglist li a {
color:#999;
text-decoration:none;
font-weight:700
}

ul#cukinglist li a:hover {
color:#333
}

ul#services_ul li {
height:20px;
list-style-image:url(images/ul.png)
}

ul#quotes li {
margin-left:10px;
list-style-image:url(images/quote.png)
}

#whats_cuking {
border-top:1px dotted #CCC;
background-color:#f3f3f3
}

#whats_cuking p {
margin-left:10px;
color:#666
}

#whats_cuking a {
text-decoration:none;
font-weight:700;
color:#666
}

#portfolio_gallery {
width:290px
}

#box_start {
height:1px;
width:270px;
background-color:#f3f3f3
}

#box_end {
height:46px;
width:300px;
background-image:url(images/box_end.jpg);
clear:both
}

ul#toc {
height:34px;
list-style:none;
margin:0;
padding:0
}

ul#toc a {
background-image:url(images/a_link_long.jpg);
display:block;
float:left;
height:34px;
padding-left:25px;
margin-right:5px;
background-position:0 -34px
}

ul#toc span {
background:url(images/a_link_long.jpg) 100% 0;
display:block;
line-height:34px;
padding-right:25px;
background-position:100% -34px
}

ul#toc a:hover {
background-color:#3af;
background-position:0 0
}

ul#toc a:hover span {
background-position:100% 0
}

#home ul#toc li.home a,#service ul#toc li.service a,#portfolio ul#toc li.portfolio a,#multimedia ul#toc li.multimedia a,#store ul#toc li.store a,#tutorials ul#toc li.tutorials a,#about ul#toc li.about a,#guestbook ul#toc li.guestbook a,#contact ul#toc li.contact a,#advertise ul#toc li.advertise a {
background-image:url(images/a_link_long.jpg);
background-position:0 0;
color:#11a0e3
}

#home ul#toc li.home a span,#service ul#toc li.service a span,#portfolio ul#toc li.portfolio a span,#multimedia ul#toc li.multimedia a span,#store ul#toc li.store a span,#tutorials ul#toc li.tutorials a span,#about ul#toc li.about a span,#guestbook ul#toc li.guestbook a span,#contact ul#toc li.contact a span,#advertise ul#toc li.advertise a span {
background-image:url(images/a_link_long.jpg);
background-position:100% 0;
color:#11a0e3
}

ul#toc li.blog a {
background-image:url(images/a_link_long_blog.jpg);
background-position:0 -34px;
color:#933
}

ul#toc li.blog a span {
background-image:url(images/a_link_long_blog.jpg);
background-position:100% -34px;
color:#933
}

.topnav_links a {
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
color:#FFF
}

ul#toc li ul.subnav {
list-style:none;
position:absolute;
left:5px;
top:47px;
display:none;
float:left;
width:100%;
margin:0;
padding:0
}

ul#toc li ul.subnav li {
border-top:1px solid #252525;
border-bottom:1px solid #444;
width:170px;
margin:0;
padding:0
}

html ul#toc li ul.subnav li a {
float:left;
background-image:none;
padding-top:15px;
padding-left:20px;
padding-right:20px;
color:#999
}

html ul#toc li ul.subnav li a:hover {
background:none;
color:#333
}

ul#toc li ul.subnav li a.close_sub_nav:hover {
background-image:url(images/close_hover.jpg);
background-repeat:no-repeat;
background-position:100% 0;
height:40px;
width:40px;
background-color:none:
}

#footer_mods {
float:left;
position:relative;
top:10px;
margin-left:10px;
padding-left:20px;
width:200px
}

#footer_mods a {
color:#eaeaea;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
text-decoration:none
}

ul#friends li {
list-style-image:url(images/friend_list_style.jpg);
border-bottom:1px dotted #CCC;
height:25px;
list-style-position:inside
}

ul#quick_links li {
list-style-image:url(images/quicklink_list_style.jpg);
list-style-position:inside;
border-bottom:1px dotted #CCC;
height:25px
}

ul#useful li {
list-style-image:url(images/useful_list_style.jpg);
list-style-position:inside;
border-bottom:1px dotted #CCC;
height:25px
}

#footer_mods h1 {
height:40px
}

h1#webservice {
background-image:url(images/web_design_&_development.jpg);
background-repeat:no-repeat;
width:306px;
height:32px
}

h1#graphicservice {
background-image:url(images/graphic_design.jpg);
background-repeat:no-repeat;
width:163px;
height:32px
}

h1#friends_head {
background-image:url(images/friends_footer_head.jpg);
background-repeat:no-repeat;
width:152px
}

h1#quick_links_head {
background-image:url(images/quick_links.jpg);
background-repeat:no-repeat;
width:237px
}

h1#useful_head {
background-image:url(images/useful.jpg);
background-repeat:no-repeat;
width:132px
}

#footer_end {
clear:both;
height:20px
}

#copyrights {
width:980px;
height:100px;
background-image:url(images/footer_end.jpg)
}

#copyrights span {
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
position:relative;
top:10px
}

#follow_me a {
position:relative;
top:40px;
left:23px;
background-image:url(images/follow_me_a.jpg);
padding:45px 30px 60px
}

#follow_me a:hover {
background-image:url(images/follow_me_a_hover.jpg)
}

#kit {
width:250px;
height:250px;
background-image:url(images/kit.jpeg);
float:right;
margin-right:10px;
margin-top:10px
}

#kit input {
position:relative;
top:120px;
left:40px;
border:none;
color:#666
}

#thumb_nails {
width:620px;
height:150px;
padding-left:20px;
padding-right:10px
}

ul.gallery {
width:620px;
list-style:none;
margin:0;
padding:0
}

ul.gallery li {
float:left;
text-align:center;
border:1px solid #ccc;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
display:inline;
margin:10px;
padding:0
}

ul.gallery li a.thumb {
width:80px;
height:80px;
border-bottom:1px solid #ccc;
cursor:pointer;
padding:0
}

ul.gallery li span {
width:80px;
height:80px;
overflow:hidden;
display:block;
padding:0
}

ul.gallery li a.thumb:hover {
background:#333
}

ul.gallery li h2 {
font-size:11px;
font-weight:400;
text-transform:uppercase;
background:#f0f0f0;
border-top:1px solid #fff;
margin:0;
padding:10px
}

ul.gallery li a {
text-decoration:none;
color:#777;
display:block
}

.gallery .block {
display:none
}

ul#portfolio_thumb {
list-style:none;
margin-top:10px;
margin-left:15px;
padding:0
}

ul#portfolio_thumb li {
float:left
}

ul#portfolio_thumb li img {
margin-right:10px;
border:1px solid #ccc
}

.main_image {
overflow:hidden;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif
}

.main_image h2 {
font-size:12px;
font-weight:700;
background:none;
margin:0 0 5px;
padding:10px
}

.main_image p {
font-size:10px;
line-height:1.6em;
margin:0;
padding:10px
}

.block small {
font-size:9px;
background:url(images/icon_calendar.gif) no-repeat 0 center;
padding:0 0 0 20px
}

.main_image .desc {
position:absolute;
bottom:15px;
left:20px;
width:600px;
display:none
}

.main_image .block {
width:100%;
background:#111;
border-top:1px solid #000
}

.main_image a.collapse {
background:url(images/btn_collapse.gif) no-repeat left bottom;
height:27px;
width:93px;
text-indent:-99999px;
position:absolute;
top:-27px;
right:20px
}

.main_image a.show {
background-position:left top
}

h2.trigger {
background:url(images/trigger.jpg) no-repeat;
height:30px;
line-height:30px;
width:600px;
font-size:16px;
font-weight:400;
float:left;
margin:0 0 5px;
padding:0 0 0 50px
}

h2.trigger a {
color:#fff;
text-decoration:none;
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif
}

h2.active {
background-position:left bottom
}

.toggle_container {
border-top:1px solid #d6d6d6;
background:#ddd url(images/toggle_block_stretch.gif) repeat-y left top;
overflow:hidden;
font-size:11px;
width:620px;
float:left;
margin:0 0 5px;
padding:0
}

.toggle_container .block {
background:url(images/toggle_block_btm.gif) no-repeat left bottom;
padding:20px
}

.portfolio_contents {
font-family:Verdana, Arial, Helvetica, sans-serif
}

.portfolio_contents h2 {
background:none;
color:#999;
font-size:20px;
padding:0
}

.portfolio_contents span {
color:#11a0e3;
font-size:14px
}

.portfolio_contents p {
font-size:12px
}

.portfolio_contents ul {
font-size:11px
}

#musicplayer {
width:600px;
height:250px;
background-color:#000;
border:10px solid #fff
}

.flashunit {
background:#fff;
border:10px solid #fff;
width:600px;
padding:4px
}

.flashunit h2 {
border:1px solid #ddd;
background:#f0f0f0;
color:#111;
text-align:center;
margin:0;
padding:10px
}

.flashunit h2 a {
color:#11a0e3;
text-decoration:none;
font:18px normal Verdana, Arial, Helvetica, sans-serif
}

.flashunit p {
font:12px normal Arial, Helvetica, sans-serif;
border:1px solid #ddd;
background:#f0f0f0;
color:#000;
margin:0;
padding:10px
}

object.flashvideo {
width:100%;
height:350px
}

#comments {
width:100%;
background-color:#ddd;
margin-bottom:10px;
border-bottom:1px solid #CCC
}

#comments p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:70px;
padding-right:10px;
padding-bottom:10px
}

#comments h2 {
font:normal 20px Verdana, Arial, Helvetica, sans-serif;
height:70px;
line-height:70px;
color:#11a0e3;
background:none;
border-bottom:1px solid #CCC;
margin:0;
padding:0 25px 0 10px
}

#comments img {
float:right;
position:relative;
top:10px;
right:10px
}

.date {
background:url(images/comment_date.jpg) no-repeat;
width:60px;
height:100px;
float:left;
text-align:center;
font-size:1.8em;
padding:10px 5px 3px 0
}

.date strong,.date small {
font-size:0.5em;
text-transform:uppercase;
display:block;
padding:0
}

form#comment_form label {
display:block;
font-weight:400;
color:#11a0e3
}

#comment_form input[type="text"],#comment_form textarea {
background:#CCC;
color:#fff;
border:0;
font-size:16px;
width:570px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0 0 18px;
padding:4px
}

#comment_form fieldset {
border:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0
}

.container {
border-top:1px solid #d6d6d6;
background:#ddd;
overflow:hidden;
font-size:11px;
width:620px;
margin:0 0 5px;
padding:0
}

.container p {
padding-left:10px;
padding-right:10px
}

.block p a {
color:#999
}

#license {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFF
}

#loading {
font:bold 12px Verdana;
color:red;
background-color:#FFF
}

#home_mod_2 img,.main_image .block small {
margin-left:10px
}

#multimedia #topnav ul#toc li ul.subnav li a,#service #topnav ul#toc li ul.subnav li a {
background:none
}

#multimedia #topnav ul#toc li ul.subnav li a:hover,#service #topnav ul#toc li ul.subnav li a:hover {
color:#000;
background:none
}

#multimedia #topnav ul#toc li ul.subnav li a.close_sub_nav:hover,#service #topnav ul#toc li ul.subnav li a.close_sub_nav:hover {
background-image:url(images/close_hover.jpg)
}

#multimedia #topnav ul#toc li ul.subnav li a.close_sub_nav,#service #topnav ul#toc li ul.subnav li a.close_sub_nav,ul#toc li ul.subnav li a.close_sub_nav {
height:40px;
width:40px;
background-image:url(images/close.jpg);
background-repeat:no-repeat;
background-position:100% 0;
padding:0
}

.topnav_links a:hover,h2.trigger a:hover {
color:#11a0e3
}

#footer_mods a:hover,#license a {
color:#CCC
}

ul#friends,ul#quick_links,ul#useful {
padding:0
}