/*

Main used colors:
-------------
Green:#D6DE23
Cyan:#00ADEE
White:#D0D2D3
Background Dark Gray:#1A1A1A

*/

*{font-size:11px;font-family:Tahoma, Geneva, sans-serif;margin:0;padding:0}
html{width:100%; height:100%}
body{color:#999;margin:0;padding:0; width:100%; height:100%}
ul,ol,dl{list-style-position:inside}
ul{list-style-type:square}
img{border:0}

p{margin-bottom:10px;color:#999; line-height:140%}
a:link{color:#00ADEE}
a:visited{color:#00ADEE}
a:hover{color:#aaa}
a:active{color:#555}
#gray_background{background:#1A1A1A}
#container{width:900px;overflow:hidden;position:relative;margin:0 auto; padding:4em 0}
#header{margin:0;padding:3em 0 16px}

/* Colors */
.green{color:#D6DE23}
.cyan{color:#00ADEE}
.white{color:#D0D2D3}
.gray{color:#808184}

.styled_list{line-height:140%; margin-bottom:1em}
.underline{text-decoration:underline}
.fix_area_heading_front_page{padding-right:8px}
.fix_area_heading_portfolio_page{padding-right:1.15em}
.box{border:1px solid #363233;}

#left_column{margin:0; padding:0; width:350px; margin-top:1.5em;float:left}
#left_column ul{list-style:inside square;margin-bottom:1em}
#left_column h1{text-transform:uppercase;margin-bottom:1em;color:#BBBDBF}
#left_column a{color: #ddd}
#left_column a:hover{color:#00ADEE}

#menu_and_info{overflow:hidden; width:100%; min-height:565px; padding-bottom:1em; border-bottom:1px solid #363233}
.contact_information dt{color:#BBBDBF;margin:1.5em 0 0}
.contact_information dd{color:#777}
#main_menu{width:87px; display:inline; float:left}
#main_menu li{padding:0; margin-bottom:12px; font-weight:700}
#main_menu a{text-decoration:none;color:#D0D2D3;text-transform:uppercase}
#main_menu a:hover{color:#aaa}
#short_info{width:240px;float:right;padding-bottom:1em}
#short_info h2{margin-bottom: 8px; color:#bbb; margin-top: 16px;}
#short_info li{margin: 2px 0}

#footer{clear:both;margin-top:.5em}

#right_column{width:500px;float:right}
#area_heading{text-transform:uppercase;color:#404041;text-align:right;border-bottom:1px solid #363233;padding-bottom:.5em}
#page_content{border-bottom:1px solid #363233;min-height:550px;padding:1em 0}
#page_content h2{text-transform:uppercase; padding:24px 0 16px}
#page_content h1{color:#00ADEE;text-transform:uppercase;padding:32px 0 16px}
#page_content h1.white{color:#D0D2D3}
#page_content h1.green{color:#D6DE23}
#page_content .links{margin:1em 0 0}
.error_message{color:#fff;border:1px solid #363233;padding:2em}

#email_form{position:relative}
#email_form label{display:block;color:#BBBDBF;margin:1em 0}
#email_form input.input_field:focus{border-right:1px solid #00ADEE}
#email_form textarea:focus{border-right:1px solid #00ADEE}
#email_form input.input_field{background:#404041;border:none;width:300px;color:#D0D2D3;padding:5px}
#email_form input.input_field_small{background:#404041;border:none;width:150px;color:#D0D2D3;padding:5px}
#email_form textarea{width:300px;min-height:140px; max-width:490px; overflow:hidden; background:#404041;border:none;color:#D0D2D3;padding:5px}
#email_form input.submit{width:auto; font-size: 10px; cursor:pointer; text-transform:uppercase;color:#BBBDBF;display:block;margin:1em 0;padding:3px}
#email_form input.submit:focus{border:0}
#email_form .error{margin-left:1em;color:#BBBDBF}

.row{overflow:hidden; border-top:1px solid #363233; list-style:none none; margin:0; padding:1em 0 .4em}
.row li{float:left}
.row div{padding-right:2em}
.full_portfolio_link{padding-top:.5em;text-transform:uppercase}
.submit{background:#404041;text-decoration:none;text-transform:uppercase;color:#BBBDBF;text-shadow:#000 0 -1px 0px; display:inline-block;margin:1em 0;padding:4px}

.table_headings{overflow:hidden;width:100%;list-style:none none;padding:3em 0 1em}
.table_headings li{float:left;text-transform:uppercase; font-weight:700}
.table_headings li.samples{color:#D6DE23;float:right; display:inline}

.auto_height{min-height:106px}

.client_info{width:124px; padding-right:16px}
#page_content .client_info h2 {margin:0; padding: 0}
.client_name{text-transform:uppercase;font-weight:700;color:#D0D2D3; margin:0;}
.client_description{text-transform:capitalize}
.project_year{color:#343434}

.services{width:265px}
.services li{margin-bottom:.8em; float:none}

.services_random_samples{width:100%; list-style:none none; overflow:hidden; margin:0; padding:0 0 1em}
.services_random_samples li{float:left; margin:0 .6em 0 0; padding:0; position:relative}
.services_random_samples a{display:block; width:40px; height:40px; text-shadow:#555 0 -1px 0px; background:#444; border-bottom:1px solid #111; text-decoration:none}
.services_random_samples a:hover{border-bottom:1px solid #808184; text-shadow:#111 0 -1px 0px;}

.samples{width:95px}
.samples li{margin:0 5px 5px 0; position:relative}
.samples a{display:block; width:40px; height:40px; text-shadow:#555 0 -1px 0px; background:#444; border-bottom:1px solid #111; text-decoration:none}
.samples a:hover{border-bottom:1px solid #888; text-shadow:#111 0 -1px 0px;}
.pic_number{position:absolute; left:.4em; bottom:.6em}
a .pic_number{color:#151515; text-decoration:none; font-size:10px}
a:hover .pic_number{color:#D0D2D3}

#main_menu a:active{color:#555}
#main_menu a.selected,.table_headings li.client_info,.table_headings li.services{color:#00ADEE}
#main_menu a.selected:active{color:#555}

#main_menu ul,.samples ul{list-style:none none}

#footer a,.full_portfolio_link a{color:#404041;text-decoration:none}
#footer p,.client_info a{color:#404041}

#email_form input.submit:hover,.submit:hover{color:#D0D2D3;cursor:pointer;background:#484848}
#email_form input.submit:active,.submit:active{color:#666;background:#333; text-shadow:#252525 0 1px 0px;}
.client_info a:hover,.full_portfolio_link a:hover{color:#555}
.client_info a:active,.full_portfolio_link a:active{color:#353535}