/* standard elements */
body
{
	font-family: Arial, Calibri, Helvetica, Tahoma, Helvetica, sans-serif;
    background-color:#000000;
	font-size: 11px;
	line-height: 19px;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

/* Default links */
/* font */
a:link, A:visited{ color:#ffffff; text-decoration: none; }
a:active, A:hover{ color:#ffffff; text-decoration: underline; }
a:link.topbar, A:visited.topbar { color: #ffffff; text-decoration: none; }
a:active.topbar, A:hover.topbar { color: #ffffff; text-decoration: underline; }
h1{color:#000000; font-size: 48px; font-weight: normal; margin: 0px 0px 10px 0px; }
    h1.white{color:#ffffff;}
h2{color:#000000; font-size: 32px; font-weight: normal; letter-spacing:-1px; margin: 0px 0px 10px 0px; }
    h2.white{ color:#ffffff;}
h3{color:#000000; font-size: 28px; font-weight: bold; letter-spacing:-1px; margin: 0px 0px 5px 0px; }
h4{color:#000000; font-size: 23px; letter-spacing:-1px; font-weight: normal; margin: 0px 0px 20px 0px; }
    h4.white{ color:#ffffff;}
h5{color:#000000; font-size: 15px; font-weight: normal; margin: 0px 0px 20px 0px; }
    h5.white{ color:#ffffff;}
    h5.offwhite{ color:#dedede;}
    h5.grey{ color:#8B8B8B;}
    h5.form{ margin: 0px 0px 2px 3px; font-weight:bold;}
h6{color:#000000; font-size: 13px; font-weight: normal; margin: 0px 0px 20px 0px; }
    h6.white{ color:#ffffff;}
    h6.grey{ color:#8B8B8B;}

/* Controls */
input, textarea, select
{
	font-family: Calibri, Helvetica, sans-serif;
	font-size: 16px;
    border-right: #434343 1px solid;
    border-top: #434343 1px solid;
    border-left: #434343 1px solid;
    border-bottom: #434343 1px solid;
	color: #ffffff;
    background-color: #5B5B5B;
}
input.invisible, textarea.invisible, select.invisible
{
    border: solid 0px;
	font-size: 15px;
    background-color:Transparent;
}
input.noborder
{
    border: none;
}
input.button
{
    border: none;
    background-color: #ffffff;
	color: #ffffff;
}

/* Image preview  */
#preview{ position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; }

/* Custom Tag Classes */
br.spacer { line-height: 5px; }
table.collaspe { border-collapse: collapse; } 
td.collaspe, th.collaspe { padding: 0; } 
.line { background-color: black; height: 1px; margin-top:-1px; }
.CssForCheckListBox input { border: none; } 
.message { line-height:12px; color:#437abf; }


/* Top Area */
#main_container{ width:995px; height:auto; margin: 0px auto; background-color: #000000;}
    #main_topwrapper{height:185px; background: url(Images/Common/TopLeftBackground.jpg) repeat-x left top;}
        #main_toplogo{height:153px; float:left; width:351px; margin-left:38px; margin-top:30px; background: url(Images/Common/TopLogo.png) no-repeat left top;}

        /* Main Menu */        
        #main_topmenusection_end{height:165px; float:right; width:6px; background: url(Images/Common/TopLeftMenuBackground.png) no-repeat left top;}
        #main_topmenusection{height:185px; float:right; width:595px; background: url(Images/Common/TopRightBackground.jpg) repeat-x left top;}
            .main_menu{ height: 21px; margin-top:78px; width:620px; }
                .main_menu ul{ list-style: none; padding-left:20px; margin: 0px; float:left; height: 21px;}
                .main_menu ul li{ display: block; float: left; padding: 2px; margin: 0px; }
                .main_menu ul li a{ display: block; padding: 0px; margin: 0px; height: 21px; }
                
                    .main_menu ul li#ourwork a{ background: transparent url(Images/Menu/ourwork.png) no-repeat top left; width: 70px; margin-right:19px; }
                    .main_menu ul li#whoweare a{ background: transparent url(Images/Menu/whoweare.png) no-repeat top left; width: 95px; margin-right:19px; }
                    .main_menu ul li#free a{ background: transparent url(Images/Menu/free.png) no-repeat top left; width: 109px; margin-right:19px; }
                    .main_menu ul li#articles a{ background: transparent url(Images/Menu/articles.png) no-repeat top left; width: 60px; margin-right:19px; }
                    .main_menu ul li#contact a{ background: transparent url(Images/Menu/contact.png) no-repeat top left; width: 60px; margin-right:19px; }
                    .main_menu ul li#login a{ background: transparent url(Images/Menu/login.png) no-repeat top left; width: 45px; margin-right:19px; }

                    .main_menu ul li#ourwork a:hover{ background: transparent url(Images/Menu/ourworkov.png) no-repeat top left; width: 70px; margin-right:19px; }
                    .main_menu ul li#whoweare a:hover{ background: transparent url(Images/Menu/whoweareov.png) no-repeat top left; width: 95px; margin-right:19px; }
                    .main_menu ul li#free a:hover{ background: transparent url(Images/Menu/freeov.png) no-repeat top left; width: 109px; margin-right:19px; }
                    .main_menu ul li#articles a:hover{ background: transparent url(Images/Menu/articlesov.png) no-repeat top left; width: 60px; margin-right:19px; }
                    .main_menu ul li#contact a:hover{ background: transparent url(Images/Menu/contactov.png) no-repeat top left; width: 60px; margin-right:19px; }
                    .main_menu ul li#login a:hover{ background: transparent url(Images/Menu/loginov.png) no-repeat top left; width: 45px; margin-right:19px; }

        /* Our Work Menu */

    /* Main Layout - top images */
    #main_topimagebar{float:right; padding-top:4px; padding-bottom:2px; background-color:#000000; width:100%; height:81px;}
        #main_topimages{position:relative; width:100%; height:81px; background: url(Images/Common/TopImages.jpg) repeat-x left top;}

/* Main Layout - top bar */
#main_footer{width:100%; clear:both; padding-top:7px; height:70px; background-color:#6A6A6A;}
    #main_footerbackground{width:100%; height:70px; background: url(Images/Common/MiddleBarBackground.jpg) repeat-x left top;}
        #main_footercontentarea{ margin-left:30px;  width:995px; padding-top:15px;}
            #main_footerleft{width:395px; float:left;}
            #main_footercenter{width:190px; float:left;}
            #main_footerright{width:355px; float:left; text-align:right;}
    

/* Form Field*/
.formfield_wrapper{float:left;width:100%;margin-left:-5px; margin-right:-5px;}
    .formfield_small_content{height:34px; padding-left:5px; padding-top:6px; font-size:11pt; margin: 0 5px; background : url(Images/Common/Forms/Smallbar_background.png) repeat-x top left; }
    .formfield_small_left{float:left; height:31px; width:5px; background : url(Images/Common/Forms/Smallbar_left.png) no-repeat top left;}
    .formfield_small_right{float:right;height:31px; width:5px; margin-left:-5px; background : url(Images/Common/Forms/Smallbar_right.png) no-repeat top left;}
    
    .formfield_large_content{height:117px; padding-left:5px; padding-top:6px; font-size:11pt; margin: 0 5px; background : url(Images/Common/Forms/largebar_background.png) repeat-x top left; }
    .formfield_large_left{float:left; height:117px; width:5px; background : url(Images/Common/Forms/largebar_left.png) no-repeat top left;}
    .formfield_large_right{float:right; height:117px; width:5px; margin-left:-5px; background : url(Images/Common/Forms/largebar_right.png) no-repeat top left;}

    .formfield_small_content_dark{height:30px; padding-left:5px; padding-top:3px; font-size:11pt; margin: 0 5px; background : url(Images/Common/Forms/Smallbar_background_dark.png) repeat-x top left; }
    .formfield_small_left_dark{float:left; height:27px; width:5px; background : url(Images/Common/Forms/Smallbar_left_dark.png) no-repeat top left;}
    .formfield_small_right_dark{float:right;height:27px; width:5px; margin-left:-5px; background : url(Images/Common/Forms/Smallbar_right_dark.png) no-repeat top left;}
    
    .formfield_large_content_dark{height:89px; padding-left:5px; padding-top:6px; font-size:11pt; margin: 0 5px; background : url(Images/Common/Forms/largebar_background_dark.png) repeat-x top left; }
    .formfield_large_left_dark{float:left; height:89px; width:5px; background : url(Images/Common/Forms/largebar_left_dark.png) no-repeat top left;}
    .formfield_large_right_dark{float:right; height:89px; width:5px; margin-left:-5px; background : url(Images/Common/Forms/largebar_right_dark.png) no-repeat top left;}


/* HOME PAGE SPECIFIC ******
Main Layout - Middle bar */
#main_middleimagebar{float:right; background-color:#000000; width:100%; height:253px;}
    #main_middleimage{position:relative; width:100%; height:249px; background: url(Images/Common/MiddleBarBackground.jpg) repeat-x left top;}
        #main_middlecontentarea{ margin-left:30px;  width:1000px; padding-top:20px;}
    .main_middleseparator{float:left; width:3px; height:248px; margin-right:20px; margin-left:20px; margin-top:-20px; background: url(Images/Home/Separator.jpg) no-repeat left top;}

/* Main Layout - Bottom Shadow bar */
#main_bottomtopshadow{float:right; height:31px; width:100%; background: url(Images/Common/BottomTopShadow.jpg) repeat-x left top;}

/* Main content Area */
#main_content_container{float:right; padding-bottom:1px; width:100%; background: url(Images/Common/BottomBackground.jpg) repeat left top;}
    #main_content{ margin-top:-30px; margin-left:30px; width:1005px;}

        /* Main Page dark area */
        .main_darkgrayarea{ float:left; padding-bottom:15px; background: url(Images/Common/DarkGrayBackGround.jpg) repeat-y left top;}
            .main_darkgrayarea_topimage{ height:30px; background: url(Images/Common/TopDarkGrayBackGround.jpg) repeat-y left top; }
            .main_darkgrayarea_content{ padding-left:18px; padding-right:20px;  }
            
        /* Inner content areas */
        .main_innercontentarea{float:left; padding-top:30px; padding-left:26px;}

/* OUR WORK SPECIFIC ******
Main Layout - Middle bar */
#main_middleimagebar_small{float:right; background-color:#000000; width:100%; height:61;}
    #main_middleimage_small{position:relative; width:100%; height:65px; background: url(Images/Common/MiddleBarBackground_small.jpg) repeat-x left top;}
        #main_middlecontentarea_small{ margin-left:30px;  width:995px; padding-top:20px;}

    /* Inner content areas */
    .ourwork_innercontentarea{float:left; padding-top:30px;}