@charset "UTF-8";
/* CSS Document */


/* Pallette
5096e5 - soft blue
*/



/* GENERAL STYLES -------------------------------------------------------*/
html {
height: 100%;
}
body {
margin: 0px;
padding: 0px;
background-color: #000;
font-family: Helvetica, Arial, Sans-serif;
font-size: 11px;
line-height: 15px;
height: 100%;
color: #666;
}
a {
color: #666;
}
a:hover {
color: #09f;
}






/* BOX STYLES -------------------------------------------------------*/
#topper {
background-image: url(images/new/BKGD_top.jpg);
background-repeat: repeat-x;
background-color: #42494f;
min-width: 957px;
}
#main_wrapper {
width: 957px;
margin: 0 auto;
padding-top: 70px;
}
#main_content_wrapper {
background: none;
width: 654px;
float: right;
}
#whitebox {
min-height: 300px;
height: auto !important;
height: 300px;
}
#whitebox_content {
display: none;
}
#whitebox_content2 {
display: none;
}
div.project {
float: left;
margin: 33px 37px 0px 0px;
}
div.project_end {
float: left;
margin: 33px 0px 0px 0px;
}
div.project a img, div.project_end a img {
border: 2px solid #f0f0f0;
}
div.project a:hover img, div.project_end a:hover img {
border: 2px solid #ccc;
}
#intro_paragraph {
width: 380px;
float: left;
}
#contact_paragraph {
width: 180px;
float: right;
}




/* FOOTER STYLES -------------------------------------------------------*/
#footer_wrapper {
position: relative;
min-height: 250px;
height: auto !important;
height: 250px;
min-width: 957px;
background-image: url(images/new/BKGD_bot.jpg);
background-repeat: repeat-x;
}
#business_card {
background-image: url(images/new/GFK_business_card.png);
width: 301px;
min-height: 224px;
height: auto !important;
height: 224px;
position: absolute;
top: -130px;
left: 400px;
margin-left: 75px;
}
#footer_contents {
width: 1020px;
min-width: 1020px;
margin: 0 auto;
min-height: 80px;
height: auto !important;
height: 80px;
}
#footer_copyright {
display: none;
}
#footer_copyright a {
color: #2b3034;
}
#footer_copyright a:hover {
color: #09f;
}





/* TITLES -------------------------------------------------------*/
h2.TTL_web_design_and_development2 {
background-image: url(images/new/TTL_web_design_and_development2.gif);
background-repeat: no-repeat;
text-indent: -9999px;
font-size: 1px;
height: 14px;
width: 265px;
margin: 0px;
padding: 0px;
}
h2.TTL_contact_me {
background-image: url(images/new/TTL_contact_me.gif);
background-repeat: no-repeat;
text-indent: -9999px;
font-size: 1px;
height: 12px;
width: 111px;
margin: 0px;
padding: 0px;
}
h3.contact_information {
text-indent: -9999px;
}
h4 {
font-family: "Century Gothic", Helvetica, Arial, Sans-serif;
text-transform: uppercase;
font-weight: normal;
font-size: 15px;
margin: 0px;
padding: 0px;
color: #5096e5;
}



/* NAVIGATION STYLES -------------------------------------------------------*/
#nav_wrapper {
display: none;
}
#nav_wrapper {
position: relative;
}
#navigation {
position: absolute;
bottom: 0px;
right: 0px;
min-height: 32px;
height: 27px;
}
#navigation ul li {
display: inline;
padding: 0px;
margin: 0px 0px 0px 10px;
font-size: 12px;
font-family: "Century Gothic", Helvetica, Arial, Sans-serif;
}
#navigation ul li a {
text-decoration: none;
vertical-align: bottom;
color: #fff;
}
#navigation ul li a:hover {
color: #09f;
}





/* SPRY COLLAPSIBLE PANNEL STYLES -------------------------------------------------------*/
.CollapsiblePanel {
margin: 0px;
padding: 0px;
}
.CollapsiblePanelTab {
font: bold 0.7em sans-serif;
background-image: url(images/new/BTN_work_samples_f2.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
text-indent: -9999px;
min-height: 22px;
height: auto !important;
height: 22px;
}
.CollapsiblePanelContent {
margin: 0px;
padding: 0px 30px 30px 30px;
background-image: url(images/new/BKGD_grey_fade.jpg);
background-repeat: no-repeat;
}
.CollapsiblePanelTab a {
color: black;
text-decoration: none;
}
.CollapsiblePanelOpen .CollapsiblePanelTab {
background-image: url(images/new/BTN_hide_samples_f2.gif);
background-repeat: no-repeat;
border-bottom: 1px solid #ccc;
}
.CollapsiblePanelTabHover {
background-image: url(images/new/BTN_work_samples.gif);
background-repeat: no-repeat;
}
.CollapsiblePanelOpen .CollapsiblePanelTabHover {
background-image: url(images/new/BTN_hide_samples.gif);
background-repeat: no-repeat;
border-bottom: 1px solid #ccc;
}
b.hover_title {
font-size: 12px;
color: #09f;
font-family: Century Gothic, Helvetica, Sans-serif;
font-weight: normal;
}




/* CLIENT VIEW (viewer.php) STYLES -------------------------------------------------------*/
#view_changer {
background: #000;
color: #f0f0f0;
font-family: Century Gothic, Helvetica, Sans-Serif;
font-size: 12px;
padding: 3px;
}