body {
text-align:center;
background-color:#0e0e0f;
margin:0px 0px 20px 0px;
font-family:tahoma;
color:white;
}

.clear {
clear:both;
}

h1 {
font-weight:normal;
}

h4 {
font-weight:normal;
font-size:15px;
margin:0px;
}

#container {
background-image:url('/images/main_bg_gradient.gif');
background-repeat:repeat-x;
width:960px;
margin:0px auto 0px auto;
text-align:left;
}

#header{
padding:0px 0px 20px 0px;
}

#header .left_column {
width:300px;
float:left;
}

#header .left_column img{
margin:23px 0px 0px 40px;
}

#header .right_column {
width:530px;
float:right;
}

#header .right_column ul {
list-style-type:none;
margin:0px;
}

#header .right_column a {
padding:61px 18px 10px 18px;
display:block;
}

#header .right_column li {
font-size:13px;
float:left;
}


#header .selected_inner {
background-image:url('/images/menu_selected_repeat.jpg');
background-repeat:repeat-x;
float:left;
}

#header .selected_right a {
text-decoration:none;
padding:61px 18px 10px 18px;
display:block;
font-size:13px;
color:black;
}

#header .selected_right a:hover {
background-image:none;
}

#header a:hover {
background-image:url('/images/menu_hover.gif');
background-repeat:repeat-x;
}


#header .right_column .menu_separator {
background-image:url('/images/menu_separators.gif');
background-repeat:no-repeat;
float:left;
height:79px;
padding:0px 2px 0px 0px;
}

#content_container {
padding:0px 20px 0px 20px;
}

#content_container #left_column {
width:699px;
float:left;
margin:0px 3px 0px 0px;
}


#content_container #right_column {
background-image:url('/images/right_column_bg.gif');
background-repeat:repeat-x;
background-color:#040404;
width:186px;
float:left;
border:1px solid #454547;
padding:15px 15px 15px 12px; 
}

#promotion_spot {
height:190px;
}

#promotion_spot h1 {
font-weight:normal;
font-size:18px;
padding:0px 0px 0px 15px;
}


#quick_links ul {
margin:0px 0px 20px 0px;
list-style-type:none;
}

#quick_links li {
background-image:url('/images/link_arrows.gif');
background-repeat:no-repeat;
background-position:0 14px;
padding:8px 12px 7px 19px;
}

#quick_links a {
font-size:12px;
}

#quick_links a:hover {
color:#db9506;
text-decoration:underline;
}

#quick_links h2{
font-weight:normal;
font-size:18px;
padding:20px 0px 5px 15px;
}
#project_view_container ul
{
font-size:11px;
line-height:200%;
padding:0px 15px 0px 15px;
}
/****************************END OF TEMPLATE STYLING************************************************/

/* HOME PAGE STLING */

#description {
}

#description p {
font-size:11px;
line-height:165%;
padding:0px 15px 0px 15px;
}

#description h2 {
font-weight:normal;
font-size:18px;
padding:20px 0px 10px 15px;
}

#heading {
background-image:url('/images/content_bg_gradient_repeat.gif');
background-repeat:repeat-x;
border:1px solid #454547;
margin:3px 0px 0px 0px;
background-color:#040404;
}

#heading .light_spot {
background-image:url('/images/light_spot.gif');
background-repeat:no-repeat;
width:646px;
float:left;
padding:15px 15px 15px 15px; 
}


#heading .light_spot a {
color:#F6AC35;
}

#heading .light_spot a:hover {
text-decoration:underline;
}

#heading .light_spot h1 {
font-size:20px; 
padding:10px 0px 5px 0px;
color:#F6A600;
}

#heading .light_spot p {
font-size:12px;
margin:0px 0px 20px 15px;
line-height:130%;
}

#heading .light_spot h2 {
font-size:20px; 
padding:10px 0px 20px 15px;
}

#heading .light_spot .content_panel p {
font-size:12px;
line-height:130%;
margin:0 0 25px 0px;
}

#heading .light_spot .content_panel {
margin:0px 0px 20px 35px;
float:left;
}

#heading .light_spot .content_panel a {
}

#heading .light_spot .content_panel a:hover {
color:#F6A600;
}

#heading .light_spot .content_panel p {
font-size:11px;
padding:20px 0px 0px 0px;
line-height:136%;
}

#heading .light_spot .content_panel span.content_title {
font-size:13px;
color:#f6a600;
}

#heading .light_spot .content_panel .icon_folder {
float:left;
padding:0px 15px 0px 0px;
}

/****************************END OF HOMEPAGE STYLING************************************************/

/*START OF FOOTER*/

#footer {
padding:10px 0px 0px 0px;
}

#footer ul {
list-style-type:none;
}

#footer li{
float:left;
border-right:1px solid white;
font-size:11px;
padding:0px 11px 0px 11px;
font-weight:bold;
}

#footer .first_content {
padding:0px 13px 0px 0px;
}

#footer a:hover {
color:#db9506;
text-decoration:underline;
}

#footer .copyright_notice {
font-size:10px;
border:none;
font-weight:normal;
}

/****************************END OF FOOTER STYLING************************************************/

/*START OF SERVICES*/

.content_container {
background-image:url('/images/content_bg_gradient_repeat.gif');
background-repeat:repeat-x;
border:1px solid #454547;
background-color:#040404;
}

#main_header {
background-image:url('/images/main_header_gradient.gif');
background-repeat:repeat-x;
height:39px;
margin:3px 0px 0px 0px;
padding:0px 0px 3px 0px;
border-bottom:1px solid #454547;
}

#main_header h1{
padding:10px 0px 0px 10px;
color:black;
font-size:18px;
}

.center_separator {
background-image:url('/images/center_separator_middle.gif');
background-repeat:repeat-y;
background-position:338px 0px;
}

.center_separator .top_gradient{
background-image:url('/images/center_separator_top.gif');
background-repeat:no-repeat;
background-position:338px top;
}

.center_separator .bottom_gradient{
background-image:url('/images/center_separator_bottom.gif');
background-repeat:no-repeat;
background-position:338px bottom;
}

.center_separator .bottom_gradient .row {
background-image:url('/images/center_separator_horizontal.gif');
background-repeat:no-repeat;
background-position:center bottom;
}

.content_container .content {
padding:15px 15px 15px 15px ;
width:310px;
float:left;
Height:285px;
}

.content_container .content a:hover.icon_link{
background-image:url('/images/icon_link_hover.gif');
background-repeat:no-repeat;
}

.content_container .content .icon_link {
}

.content_container .content a.icon_link{
font-size:14px;
background-image:url('/images/icon_link.gif');
background-repeat:no-repeat;
padding:0px 10px 0px 10px;
}

.content_container .content a:hover{
color:#db9506;
text-decoration:underline;
}

.content_container .content p {
font-size:11px;
padding:10px 0px 0px 0px;
line-height:136%;
}

/*.content_container .content img:hover {
background-image:url('/images/icon_link_hover.gif');
background-repeat:no-repeat;
padding:3px 10px 0px 0px;
}
*/

/****************************END OF SEVICES STYLING************************************************/

/*PORTFOLIO STYLING*/


#feature_project {
background-image:url('/images/featured_project_bg.gif');
background-repeat:repeat-x;
background-color:black;
border:1px solid #454547;
margin:0px 0px 3px 0px;
}

#feature_project .left_column {
float:left;
width:505px;
padding:0px 0px 15px 0px;
}

#feature_project h4 {
font-size:22px;
margin:4px 10px 0px 15px;
border-right:1px solid white;
padding:0px 10px 0px 0px;
}

#feature_project .left_column a{
font-size:12px;
}

#feature_project .left_column a:hover {
color:#db9506;
text-decoration:underline;
}

#feature_project .right_column {
float:left;
border:none;
width:159px;
padding:15px 10px 0px 10px;
}

#feature_project .right_column p {
font-size:13px;
padding:15px 0px 20px 0px;
line-height:120%;
margin:0px;
}

#feature_project .right_column a {
font-size:13px;
float:right;
}

#feature_project .right_column a:hover {
color:#db9506;
text-decoration:underline;
}

#feature_project .right_column span.feature_title {
padding:27px 0px 0px 0px;
display:block;
font-size:15px;
font-weight:bold;
}

#other_featured_projects {
background-image:url(/images/content_bg_gradient_repeat.gif);
background-repeat:repeat-x;
background-color:#040404;
border:1px solid #454547;
}

#other_featured_projects .project_separators{
background-image:url('/images/project_panel_separators.gif');
background-repeat:no-repeat;
height:500px;
}

#other_featured_projects .project_separators .row_container {
height:222px;
}

#other_featured_projects .project_separators .bottom_row_container {
padding:20px 0px 0px 0px;
}

#other_featured_projects .project_separators .left_column{
float:left;
width:228px;
}

#other_featured_projects .project_separators .middle_column{
float:left;
width:239px;
}

#other_featured_projects .project_separators .right_column{
float:left;
border:none;
width:200px;
padding:0px;
}

#other_featured_projects .project_separators .project_container {
padding:5px 0px 0px 5px;
}

#other_featured_projects .project_separators .project_container a {
margin:5px 0px 0px 0px;
}

#other_featured_projects .project_separators .project_container span.company{
font-size:12px;
display:block;
margin:4px 0px 0px 15px;
float:left;
font-weight:bold;
}

#other_featured_projects .project_separators .project_container span.pipe {
padding:0px 5px 0px 5px;
}

#other_featured_projects .project_separators .project_container span.project_type{
font-size:11px;
}

#other_featured_projects .project_separators .project_container .project_thumbnail {
float:left;
margin:18px 0px 0px 15px;
}

#other_featured_projects .project_separators .project_container a:hover {
color:#db9506;
}



/****************************END OF PORTFOLIO STYLING************************************************/


/*START OF PROJECT VIEW*/

h3 {
font-weight:normal;
font-size:15px;
padding:10px 0px 10px 0px;
margin:0px;
color:#F6AC35;
}

#project_view_container {
background-color:#040404;
background-image:url('/images/content_bg_gradient_repeat.gif/');
background-repeat:repeat-x;
border:1px solid #454547;
margin:0px 0px 3px 0px;
}

#project_view_container a {
color:#F6AC35;
}

#project_view_container a:hover {
text-decoration:underline;
}

#project_view_container .left_column {
padding:15px 0px 0px 15px;
}

#project_view_container .left_column .portfolio_brief_wrapper {
}

#project_view_container .left_column .portfolio_brief_wrapper p {
font-size:12px;
padding:0px 0px 5px 0px;
line-height:136%;

}

#project_view_container .left_column .portfolio_brief_wrapper a {
}

#project_view_container .left_column .portfolio_brief_wrapper a:hover {
text-decoration:underline;
color:#db9506;
}

#project_view_container .left_column .portfolio_objective_wrapper {
}

#project_view_container .left_column .portfolio_objective_wrapper ul {
margin:0px 0px 0px 20px;
font-size:12px;
}

#project_view_container .left_column .portfolio_objective_wrapper li {
padding:0px 0px 10px 0px;
}

#project_view_container .left_column .portfolio_objective_wrapper ol {
margin:0px 0px 0px 20px;
font-size:12px;
}

#project_view_container .left_column .portfolio_objective_wrapper a {
}

#project_view_container .left_column .portfolio_objective_wrapper a:hover {
text-decoration:underline;
color:#db9506;
}

#project_view_container .left_column .portfolio_objective_wrapper p {
font-size:12px;
padding:0px 0px 10px 0px;
line-height:136%;
}

#project_view_container .left_column .portfolio_objective_wrapper h3 {
margin:20px 0px 0px 0px;
font-weight:bold;
}

#project_view_container  .right_column {
float:right;
width:280px;
padding:15px 0px 15px 15px;
}

#project_view_container .right_column  .project_screenshots {
padding:0px 0px 20px 23px;
}

#project_view_container .screenshots_container {
padding:0px 0px 15px 0px;
width:320px;
}

#project_view_container .screenshots_container a {
margin:0px 10px 0px 0px;
float:left;
}

#project_view_container .screenshots_container a:hover {
}

#project_view_container .right_column .return_portfolio_button {
background-image:url('/images/return_portfolio_button.gif');
background-repeat:no-repeat;
height:22px;
width:123px;
margin:27px 0px 0px 72px;
display:block;
}

#project_view_container  .right_column a:hover{
background-image:url('/images/return_portfolio_button_hover.gif');
background-repeat:no-repeat;
height:22px;
width:123px;
}

#other_projects_separators .other_projects_heading {
padding:0px 0px 6px 0px;
}

#other_projects {
background-image:url('/images/other_featured_projects_bg.gif');
background-repeat:repeat-x;
border:1px solid #454547;
padding:10px 10px 10px 10px;
background-color:#040404;
}

#other_projects #other_projects_separators {
background-image:url('/images/other_projects_separators.gif');
background-repeat:no-repeat;
background-position:-21px 14px;
}

#other_projects .top_row {
margin:0px 0px 22px 0px;
}

#other_projects .service_container {
float:left;
width:188px;
margin:2px 37px 0px 0px;
}

#other_projects .service_container .other_services_small {
display:block;
padding:8px 8px 8px 8px;
}

#other_projects .service_container a:hover{
background-color:#1a1a1b;
color:#db9506;
}


#other_projects .service_container a:hover .right_col{
text-decoration:underline;
}

#other_projects .service_container a:hover .left_col{
text-decoration:underline;
}


#other_projects .service_container .left_col{
float:left;
width:77px;
}

.other_project_separators{
background-image:url('/images/other_projects_separators.gif');
background-repeat:no-repeat;
padding:0px 0px 32px 0px;
background-position:0px 19px;
}


#other_projects .other_project_separators .bottom_row_container {
padding:20px 0px 0px 0px;
}

/****************************END OF PROJECT VIEW************************************************/



/*START OF CONTACT STYLING*/


#contact_container {
background-color:#040404;
background-image:url('/images/content_bg_gradient_repeat.gif');
background-repeat:repeat-x;
border:1px solid #454547;
}

#contact_container .contact_separator {
background-image:url('/images/contact_separator.gif');
background-repeat:no-repeat;
background-position:385px 0px;
}

#contact_container .left_column{
float:left;
width:317px;
padding:35px 0px 35px 0px;
margin:0px 0px 0px 35px;
}

#contact_container .left_column .form_container{
}

#contact_container .left_column .form_container .left_col{
float:left;
width:65px;
margin:0px 10px 0px 20px;
}

#contact_container .left_column .form_container .left_col span {
font-size:12px;
padding:14px 0px 0px 0px;
color:#f6ac35;
float:right;
}

#contact_container .left_column .form_container .right_col {
float:left;
width:217px;
}

#contact_container .left_column .form_container .right_col span {
float:right;
font-size:12px;
padding:10px 0px 0px 0px;
}

#contact_container .success_message {
font-size:12px;
color:#F6AC35;
padding:20px 0px 0px 0px;
line-height:136%;
display:block;
}

#contact_container .error_message {
font-size:12px;
padding:10px 0px 10px 0px;
display:block;
line-height:136%;
color:red;
}

#contact_container .left_column .form_container .right_col .submit_button {
background-image:url('/images/submit_button.gif');
background-repeat:no-repeat;
height:22px;
float:right;
width:58px;
margin:16px 13px 0px 0px;
}

#contact_container .left_column .form_container .right_col a:hover {
background-image:url('/images/submit_button_hover.gif');
background-repeat:no-repeat;
height:22px;
width:58px;
float:right;
}

#contact_container .left_column .form_container .right_col input {
margin:12px 0px 12px 10px;
border:1px solid #c0c0bf;
width:191px;
}
#contact_container .left_column .form_container .right_col textarea {
margin:10px 0px 0px 10px;
width:189px;
}

#contact_container .right_column{
float:left;
width:215px;
padding:35px 15px 15px 85px;
}

#contact_container .right_column p {
color:#f6ac35;
font-size:12px;
padding:0px 0px 40px 20px;
line-height:136%;
}

#contact_container .right_column  a {
color:#f6ac35;
font-size:12px;
float:left;
margin:0px 0px 10px 20px;
}

#contact_container .right_column  a:hover {
text-decoration:underline;
}


/****************************END OFCONTACT************************************************/


/*START OF SERVICES DETAIL*/

#other_services {
background-color:#040404;
background-image:url('/images/other_services_bg.gif');
background-repeat:repeat-x;
border:1px solid #454547;
padding:15px 15px 15px 15px;
}

#other_services .service_container {
float:left;
width:203px;
}

#other_services .service_container a{
display:block;
padding:8px 8px 8px 8px;
}

#other_services .service_container a:hover{
background-color:#1a1a1b;
color:#db9506;
}

#project_view_container .service_detail {
padding:12px 12px 12px 12px;
}

#project_view_container .service_detail p {
font-size:12px;
padding:0px 0px 10px 0px;
margin:0px;
line-height:165%;
}

#other_services .services_separator {
background-image:url('/images/services_separator.gif');
background-repeat:no-repeat;
float:left;
height:83px;
width:1px;
margin:0px 14px 0px 14px;
}

/****************************END OF SERVICES DETAIL************************************************/

/*START OF ABOUT US STYLING*/


#aboutus_container {
background-color:#040404;
background-image:url('/images/content_bg_gradient_repeat.gif');
background-repeat:repeat-x;
border:1px solid #454547;
}

#aboutus_container .about_content {
padding:10px 10px 10px 20px;
}

#aboutus_container h3 {
clear:both;
font-weight:bold;
}

#aboutus_container p {
font-size:12px;
line-height:136%;
margin:0px 0px 20px 0px;
}

#aboutus_container ul {
margin:0px;
padding:0px 0px 15px 45px;
}

#aboutus_container ol {
margin:0px;
padding:0px 0px 25px 25px;
}

.about_content a {
color:white;
text-decoration:none;
}


.about_content a:hover {
color:#db9506;
text-decoration:underline;
}

#aboutus_container ul li ul {
padding:25px 0px 0px 25px;
}

#aboutus_container li {
font-size:12px;
padding:0px 0px 10px 0px;
}

#aboutus_container .about_image {
float:right;
padding:0px 10px 10px 20px;
}


/****************************END OF ABOUT US************************************************/


/****************************LIGHTBOX STYLING************************************************/

#lightbox-loading .lightbox-loading-link {
display:inline;
}


/****************************END OF LIGHTBOX STYLING************************************************/



#google_maps {
}

#google_maps #map {
width:635px;
background-color:#E5E3DF;
height:300px;
position:relative;
}







/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */