/* CSS Document */

* { margin: 0px; padding: 0px; }
body { margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#161616 url(../images/diagonal-line2.png) bottom left no-repeat;}
h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:27px; font-weight:normal; line-height:45px; color:#fff;}
h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:normal; line-height:42px; color:#363636;}
h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:normal; line-height:42px; color:#363636; }
h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:normal; line-height:27px; color:#363636;}

h1 a { font-family:Georgia, "Times New Roman", Times, serif; color:#363636; text-decoration:none;}
h1 a:hover { color:#00a7e5;}

h2 a { font-family:Georgia, "Times New Roman", Times, serif; color:#363636; text-decoration:none;}
h3 a { font-family:Arial, Helvetica, sans-serif; color:#363636; text-decoration:none;}
h2 a:hover, h3 a:hover { color:#00a7e5;}

p { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#676768; line-height:20px; margin-bottom:10px;}
p a { font-family:Arial, Helvetica, sans-serif; Times, serif; color:#fff; text-decoration:none; background:#ff5f57; padding:2px 6px; -webkit-border-radius: .3em;
-moz-border-radius: .3em;
border-radius: .3em;}
p a:hover { text-decoration:none; color:#fff; background:#666;}
p.hr {border-bottom:1px dotted #c4c4c4; padding-bottom:15px; margin-bottom:10px;}
h3.hr {border-bottom:1px dotted #c4c4c4; padding-bottom:5px; margin-bottom:10px;}
p.hr2 {border-bottom:3px solid #e2e2e2; padding-bottom:20px; margin-bottom:10px;}
p.hr3 {border-bottom:1px dotted #c4c4c4; padding-bottom:25px; margin-bottom:10px;}
p.hr4 {border-bottom:1px dotted #c4c4c4; padding-bottom:20px; margin-bottom:25px;}
p.hr5 {border-bottom:1px dotted #c4c4c4; padding-bottom:10px; margin-bottom:10px; width:200px;}
h3.hr5 {border-bottom:1px dotted #c4c4c4; padding-bottom:5px; margin-bottom:10px; width:200px;}
p.hr6 {border-bottom:1px dotted #6f6f6f; padding-bottom:15px; margin-bottom:10px;}
h2.hr {border-bottom:1px dotted #c4c4c4; border-top:1px dotted #c4c4c4; padding:8px 0px 10px 0px; margin:0px 0px 10px 0px; width:221px; text-align:center;}
b {color:#363636;}
.highlight { color:#363636;}

.noborder { border:0px}
ul, ol {margin:0 0 15px;list-style-image:none;list-style-position:outside;list-style-type:none;}
ul.aboutlist {margin:0 0 0 0px;}
ul.aboutlist li {margin:0 0 20px 0px; color:#676768; font-weight:bold;}
ul.aboutlist ul {margin:10px 0 0px 0px; color:#676768;}
ul.aboutlist ul li {margin:0 0 10px 0px; color:#676768; font-weight:normal;}


/* FOOTER STYLES */
#footer h3 { color:#858585;}
#footer p { color:#fff;}
#footer p a{ color:#676768; font-family:Arial, Helvetica, sans-serif; text-decoration:none; background-color: transparent; padding:0px;}
#footer p a:hover{ color:#ff5f57; text-decoration:none;}
#footer h3 a{ color:#858585;}
#footer h3 a:hover{ color:#DE3D81;}
#footer p.notes {color:#777777; font-size:10px; text-transform:uppercase;}

ul.twitter_update_list {list-style:none; border-top:1px solid #212121; padding-top:10px; width:180px;}
ul.twitter_update_list li span {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; line-height:24px;}
ul.twitter_update_list li a {font-family:Arial, Helvetica, sans-serif; color:#676768; font-size:12px; text-decoration:none; display:block; line-height:18px;}
ul.twitter_update_list li {font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:12px; text-decoration:none; display:block; line-height:18px;}
ul.twitter_update_list a:hover { color:#ff5f57; text-decoration:none;}
ul.twitter_update_list li {margin-bottom: 10px; border-bottom:1px solid #212121; padding-bottom:10px;}

#footer .fourcolumns {width:960px; background: none; border-bottom:1px solid #212121; padding:0px 0px 40px 0px; margin-bottom:15px;}

/* GENERIC CONTAINER STYLES */
#wrapper { margin:0px; padding:0px; border-top:5px solid #161616; background:#F2F1ED url(../images/diagonal-line.png) right 50px  no-repeat;}
#wrapper2 {background: url(../images/diagonal-line.png) bottom left  no-repeat;}
#container { width:960px; margin:0 auto; padding:0px 0px 0px 0px;}
#santa {background:url(../images/bg_santa.gif) top left no-repeat;}
#header {width:960px; height:150px; clear:both; }
#logo a {width:177px; height:19px; float:left; margin:67px 0px 0px 0px; background:url(../images/logo_g1.gif) top left no-repeat;}
#logo a:hover {width:177px; height:19px; float:left; margin:67px 0px 0px 0px; background:url(../images/logo_g1.gif) bottom left no-repeat;}
#logo span { display:none;}

#title {width:960px; padding:12px 0px 16px 0px; text-align:center; color:#fff; margin-bottom:0px;
background: #161616;
background: -webkit-gradient(linear, left top, left bottom, from(#282828), to(#161616));
background: -moz-linear-gradient(top,  #282828,  #161616);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#282828', endColorstr='#161616');
}

#titlewhite {width:960px; padding:12px 0px 16px 0px; text-align:center; color:#fff; margin-bottom:0px;
background: #fff;
}
#titlewhite h1 { color:#333;}
#footer { width:960px; margin:0 auto; padding:30px 0px 40px 0px;}
.deafultcolumns {width:960px;}
.fourcolumns {width:960px; background:url(../images/divider_4col.gif) top left repeat-y;}
.twocolumns_r {width:960px; background:url(../images/divider_2col_r.gif) top left repeat-y;}
.twocolumns_m {width:960px; background:url(../images/divider_2col_m.gif) top left repeat-y;}
.threecolumns_m_r {width:960px; background:url(../images/divider_3col_m_r.gif) top left repeat-y;}
.threecolumns_r {width:960px; background:url(../images/divider_3col_r.gif) top left repeat-y;}
.threecolumns_l_r {width:960px; background:url(../images/divider_3col_l_r.gif) top left repeat-y;}
.fourcolend {width:221px; padding:0px 0px 0px 0px; float:left;}
.fourcol {width:221px; padding:0px 0px 0px 25px; float:left;}
.fourcolblog {width:221px; padding:10px 0px 0px 250px; float:left;}
.twocolend {width:467px; padding:0px 0px 0px 0px; float:left; }
.twocol {width:467px; padding:0px 0px 0px 25px; float:left; }
#basedivider {width:960px; height:100px; background:url(../images/divider_full.gif) top left no-repeat; }
#basedivider2 {width:960px; height:60px; }
div.storycontent a img { border-bottom:0px dotted #c4c4c4; margin-bottom:10px;}

/* NAV STYLES */
#nav {float:right; padding:35px 0px 0px 0px;}
#nav ul {list-style:none;}
#nav ul li{list-style:none;}
#nav li { display:inline; margin:0px; padding:0px; }
#nav li a{ display:block; float:left; height:9px; width:97px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#9b9b9b; text-decoration:none; padding:42px 0px 0px 10px; line-height:10px; border-left:1px solid #bdbdbd; font-weight:bold;}
#nav li a:hover{ color:#666;  border-left:1px solid #666;}
#nav li a.on{ color:#ff5f57; border-left:1px solid #ff5f57; }

/* HOME STYLES */
.intro {width:960px; padding:0px 0px 30px 0px;}
.nobackground {background-image:none; padding-top:50px;}
.buttons_container {width:960px; padding:0px 0px 0px 0px; margin-top:0px; height:50px; clear:both;}
.workthumb img { height:142px; width:221px; border-bottom:3px solid #666666; padding-bottom:5px; margin-bottom:10px;}
.workthumb a:hover img { height:142px; width:221px; border-bottom:3px solid #ff5f57; padding-bottom:5px;}
.twocolumns {width:960px; padding-top:0px;}
h3.workthumbtitle{ line-height:16px; margin-top:12px;}
.workdesc { line-height:10px; margin-bottom:12px; margin-top:8px; color:#BBBBBB;
font-size:10px;
font-weight:normal;
letter-spacing:2.6pt;
text-transform:uppercase;}

/* IMAGE PLAYER */
.preview {float:left;padding:0 0 0px 26px;width:713px;}
#current_preview {min-height:300px;overflow:hidden;position:relative;width:713px;}
#current_preview img {cursor:pointer;display:block;}
img, a img {border:0 none;}
#thumbnails {margin-bottom:5px;padding:20px 0 0;width:690px;}
#thumbnails li {float:left;margin:0 10px 0 0;position:relative;}
#thumbnails li a {border:2px solid #E5E5E5;display:block; border:2px solid #bdbdbd; text-align:center; color:#9b9b9b; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:5px 8px 5px 8px; text-decoration:none;}
#thumbnails a:hover {border:2px solid #666;color:#666;}
#thumbnails li a.current {border:2px solid #ff5f57 !important; color:#ff5f57;}

/* ABOUT STYLES */
.aboutprofile { width:467px; border-bottom:3px solid #ff5f57; padding-bottom:5px; margin-bottom:10px;}

/* CONTACT FORM */
h2.contactform {margin-bottom:15px;}
.contact {width:467px; border:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #494c4e; margin-top:15px; }
.login {width:467px; border:1px dotted #ccc; background-color:#fff; padding:20px 20px 10px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #494c4e; margin-top:5px; }
.col2 input{ width:250px; height:19px; border:0px solid #d9d9d9; background-color:#e2e2e2; font-size:12px; color:#252525; margin-bottom:12px; padding: 3px 5px 0px 5px;}
.col2 input:hover, .col2 textarea:hover{ background-color:#ff5f57; color:#FFFFFF;}
.col2 textarea{ width:255px; height:46px; border:0px solid #d9d9d9; background-color:#e2e2e2; color:#252525; margin-top:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #494c4e; padding: 3px 0px 0px 5px;}
.col2 input:focus, .col2 textarea:focus {background-color:#666; color:#FFFFFF;}
.contact td{ height:25px;}
.col1{ width:150px; vertical-align:top;}
.col2{ width:150px; vertical-align:top;}
.col3 input{ background-color:#f3ece9; margin-top:10px;}
.col4{ width:80px; margin-top:0px; font-size:10px;}

input.formborder2 {background-image:url(../images/button_submit.gif); background-position:top left; background-repeat:no-repeat; background-color:#fff; width:89px; height:25px; display:block;border:0px;color:#fff; cursor: pointer; margin-top:0px; text-indent:-1000px; line-height:50px;}
.formborder2:hover, .formborder2:active {background-position:bottom left;background-color:#fff;}

input.error, textarea.error { border:1px solid #d10000; background-color:#f2afaf; }
#formerror {width: 410px; padding:15px 10px 15px 10px; margin-bottom:10px; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#d10000; border:1px solid #d10000;}
#formaction {padding:15px 10px 15px 10px; margin-bottom:10px; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#019272; border:1px solid #019272;}
.error { color:#d10000; }

input{ width:220px; height:19px; border:0px solid #d9d9d9; background-color:#EFEFEF; font-size:12px; color:#252525; font-size:12px; margin-bottom:5px; padding: 3px 5px 0px 5px;}
textarea{ width:440px; height:200px; border:0px solid #d9d9d9; background-color:#EFEFEF; font-size:12px; color:#252525; margin-top:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #494c4e; padding: 3px 0px 0px 5px;}
input:hover, textarea:hover{ background-color:#00BCEC; color:#FFFFFF;}
input:focus, textarea:focus {background-color:#DE3D81;color:#FFFFFF;}

/* MISC */

/* Submit button */
input.formborder {display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
padding:0px 0px 2px 0px;
height:33px;
font: 14px/100% Arial, Helvetica, sans-serif;
text-shadow: 0 0px 0px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
color: #606060;
border: solid 1px #b7b7b7;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
background: -moz-linear-gradient(top,  #fff,  #ededed);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
width:80px;

}

.formborder:hover {background: #ededed;color: #606060;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');}

.formborder:active {color: #999;
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
background: -moz-linear-gradient(top,  #ededed,  #fff);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');}

/* Buttons */
.button {
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 0px 0px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.button:hover {
text-decoration: none;
}
.button:active {
position: relative;
top: 1px;
}

/* black */
.black {
text-shadow: 0 1px 1px rgba(0,0,0,.3);
color: #d7d7d7;
border: solid 1px #333;
background: #161616;
background: -webkit-gradient(linear, left top, left bottom, from(#424141), to(#161616));
background: -moz-linear-gradient(top,  #424141,  #161616);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#424141', endColorstr='#161616');
margin:5px 0px 10px 0px;
font-size: 12px;
padding: .4em 1.5em .52em;
}
.black:hover {
background: #0d0d0d;
background: -webkit-gradient(linear, left top, left bottom, from(#363636), to(#0d0d0d));
background: -moz-linear-gradient(top,  #363636,  #0d0d0d);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#363636', endColorstr='#0d0d0d');
}
.black:active {
color: #848484;
background: -webkit-gradient(linear, left top, left bottom, from(#161616), to(#424141));
background: -moz-linear-gradient(top,  #161616,  #424141);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#161616', endColorstr='#424141');
}

/* black */
.black2 {
text-shadow: 0 1px 1px rgba(0,0,0,.3);
color: #d7d7d7;
border: solid 1px #272727;
background: #1b1b1b;
background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#1b1b1b));
background: -moz-linear-gradient(top,  #202020,  #1b1b1b);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#202020', endColorstr='#1b1b1b');
margin:5px 0px 10px 0px;
font-size: 12px;
padding: .4em 1.5em .52em;
}
.black2:hover {
background: #161616;
background: -webkit-gradient(linear, left top, left bottom, from(#1b1b1b), to(#161616));
background: -moz-linear-gradient(top,  #1d1d1d,  #171717);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b1b1b', endColorstr='#161616');
}
.black2:active {
color: #666;
background: -webkit-gradient(linear, left top, left bottom, from(#161616), to(#1b1b1b));
background: -moz-linear-gradient(top,  #161616,  #1b1b1b);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#161616', endColorstr='#1b1b1b');
}

/* white */
.white {
color: #606060;
float:left;
border: solid 1px #b7b7b7;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
background: -moz-linear-gradient(top,  #fff,  #ededed);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
margin:12px 0px;
font-size: 12px;
padding: .4em 1.5em .42em;
}
.white:hover {
background: #ededed;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
color: #999;
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
background: -moz-linear-gradient(top,  #ededed,  #fff);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}
.floatright {float:right;}