@import 'reset-min.css';
@import 'fonts-min.css';
@import 'hacks.css';                                              

/* struct
 ------------------------------------------------------------------------------*/
 
#browser_upgrade {
    background: #fff; 
    padding: 1em; margin-bottom: 1em;
}
 
html, body {
    background: #ececec url(../img/body-bg.jpg) repeat-x;
    font-family: "palatino linotype", "book antiqua", serif;
}      

#roxxor_logo_print {
    display: none;
}                                                     
 
#page {
    margin: 0 auto 15px auto; padding-top: 15px;
    width: 950px; 
} 

#roxxor_contact_details {
    margin: 0 10px 10px 0;
    text-align: right;
}
#roxxor_contact_details span { font-size: 1.3em; margin-left: 20px; }
#roxxor_contact_details img { margin-left: 5px; vertical-align: bottom; }
#roxxor_contact_details a { color: #222; }                               
#roxxor_contact_details a:hover { color: #666; }                               

#left {
    background: transparent url(../img/body-shadow-left.png) no-repeat top right;
    float: left;  
    width: 180px;
}

#roxxor_logo { 
    margin: 20px 0 45px 0; 
}

#main {
    background: transparent url(../img/main-bg.png) repeat-y;  
    float: right; padding: 20px 0 20px 20px;   
    width: 750px;   
}    

#main_body {   
    float: left;
    padding: 15px 20px 0 0;
    min-height: 550px;
    width: 500px;
}

#main_rail {
    background: transparent url(../img/main-body-shadow-right.png) no-repeat;
    float: right;
    padding: 35px 0 0 30px;
    width: 200px;
    min-height: 350px;
}

#foot {                  
    margin: 0 auto 0 auto;
    width: 950px; 
}

#foot_content {
    background: #fff url(../img/page-bl.jpg) no-repeat left bottom;
    color: #999;
    font: 0.80em verdana;
    margin-left: 180px; padding: 20px;
    width: 720px; 
}

#foot_content a { text-decoration: underline; }

#foot_content .block {
    border-right: 1px solid #d5d5d5;
    float: left;
    padding: 0 20px 0 20px;
}

#foot_content div.first { padding-left: 0; }
#foot_content div.last { border-right: none; }

.foot_block_short {
    width: 90px;
}

.foot_block_long {
    width: 240px;
}

#foot_content li.first { font-weight: bold; }

#roxxor_box {
    float: right;
}

#end_content {
    color: #999;
    font: 0.85em verdana;
    margin-left: 180px; padding: 20px;
    width: 720px; 
}

.casestudy {
	border-top: solid 1px #295680;
	border-bottom: solid 1px #295680;
	background: #3978b2; 
	padding: 0.7em;
}
.casestudy img { margin-left: 5px; vertical-align: middle; }
.casestudy a { color: #fff; }
.casestudy a:hover { color: #fff; text-decoration: underline; }


/* quick links
 ------------------------------------------------------------------------------*/

#quick_links { margin-bottom: 20px; }

#quick_links li {
    background: transparent url(../img/main-body-tag.png) no-repeat;
    width: 198px; height: 38px;
    line-height: 30px;
    padding-left: 30px;
}

#quick_links li:hover {
    background: transparent url(../img/main-body-tag-on.png) no-repeat;
}

#quick_links li.last {
    height: 40px;
}

#quick_links li a { 
    color: #fff; 
    font-family: Verdana;
    font-size: 0.85em;
    font-weight: bold;
}
#quick_links li a:hover { text-decoration: underline;}

.block_r {
    font: 0.9em verdana;
    padding-right: 20px;
    line-height: 1.5em;
}

.block_r h2 { 
    border-bottom: 1px solid #d5d5d5;
    font-size: 1em; 
    padding-bottom: 0.2em;
}

/* menu
 ------------------------------------------------------------------------------*/

#main_menu { margin-bottom: 40px; }

/* level 1 */
#main_menu ol li { 
    border-bottom: 1px solid #d3d3d3; border-top: 1px solid #fff; 
    padding: 0.5em 0 0.5em 0;
    margin-left: 10px; }
#main_menu ol li a { color: #222; font-size: 1.5em; }
#main_menu ol li a:hover { color: #3978b2; }
#main_menu ol li.first { border-top: none; }
#main_menu ol li.last { border-bottom: none; }

/* level 2 */
#main_menu ol li ol { margin-left: 10px; }
#main_menu ol li ol li { border: none; padding: 0.3em 0 0.3em 0; }
#main_menu ol li ol li a { font-size: 1.2em; }
#main_menu ol li ol li a:hover { color: #3978b2; }

#main_menu a.current { color: #3978b2; }

/* left elements
 ------------------------------------------------------------------------------*/
  
#roxxor_pdf {
    background: transparent url(../img/left-block-bg.jpg);
    color: #fff;
    height: 120px; width: 140px;
    font: 0.85em verdana;
    margin-top: 20px; padding: 10px;
}

#roxxor_pdf h2 { color: #fff; font-size: 1.3em; font-weight: bold; }
#roxxor_pdf a { color: #fff; font-weight: bold; }
#roxxor_pdf a:hover { text-decoration: underline; }
 
/* text
 ------------------------------------------------------------------------------*/

/*
#3978b2 - base
#295680 - dark
#1473c8 - highlight (used in logo highlight)
*/

hr {
    background: transparent url(../img/hr.jpg) no-repeat center center;
    border:0;
    height: 16px;
    margin: 1em 0 1em 0;
}
 
h1, h2, h3, h4 {
    font-family: "palatino linotype", "book antiqua", serif;  
}

h1 { color: #295680; font-size: 1.90em; font-weight: bold; 
    margin-top: 0; padding-top: 0; }
h2 { color: #3978b2; font-size: 1.5em; }
h3 { color: #295680; font-size: 1.2em; font-weight: bold; }

p, h2 { margin: 0.5em 0 0.5em 0; }
h3 { margin: 1.0em 0 0.5em 0; }

h3 { border-bottom: 1px solid #ccc;}
h3.plain { border: none; margin: 0;}
 
a { color: #3978b2; text-decoration: none; }
a:hover { color: #999; }

dt { font-weight: bold; }

strong, em { color: #295680; font-weight: bold; }
em { font-style: normal; }

.content {
    color: #444;
    font: 1em verdana;
}

#main_body li { 
    list-style: square; 
    padding-left: 1em; 
    margin-left: 35px;
    padding: 0.3em 0 0.3em 0;
}

/* generics
 ------------------------------------------------------------------------------*/

.labeled_button { margin-top: 10px; }
.labeled_button img { float: left; }
.labeled_button span {
    float: left;
    line-height: 22px;
    margin-left: 5px;
}

.client_login_btn {
    background: transparent url(../img/client-login-btn.jpg) no-repeat;
    color: #000; display: block;
    font-family: verdana;
    font-size: 1em;
    font-weight: bold;
    padding-left: 35px; line-height: 31px; margin-top: 20px;
    width: 159px; height: 31px;
}

.project {
    background: transparent url(../img/project-bg.jpg) no-repeat;
    width: 420px; height: 440px;
    padding: 0 40px 0 40px;
}
.project .screen { padding-top: 35px; text-align: center; }
.project h3 { 
    background: transparent; margin-top: 30px; border: none; 
    padding: 0; margin-bottom: 0;
    font-size: 1.4em;
}
.project p { margin: 0; }

.our_work_project { 
    background: #fafafa;
    border-top: 1px solid #ececec;
    clear: both;
    padding: 1em 1em 1em 1em; margin-bottom: 1em;
}

.our_work_project h3 { border: 0; margin: 0; padding: 0; }

.our_work_project .screen { 
    background: transparent url(../img/our-work-shadow.jpg) no-repeat bottom;
    float: right;
    height: 123px; width: 153px;
}