﻿/*common elements*/
body {margin:0px; padding:0px; position:relative; background-image:url(/content/images/body_bg.gif); background-repeat:repeat-x; height:100%; width:100%;}
div.clear{clear:both;}
img.floatright{float:right;}
.hidden{}
input[type=submit]:hover{cursor:pointer; }

a.simplemodal-close{width:26px; height:26px; display:block; background-image:url(/content/images/close.gif); background-repeat:no-repeat;}
a.modalCloseImg {display:none;}

/*buttons*/
.button{background-image:url(/content/images/button_sprite.png); position:relative; left:40px;}
.viewalbum{width:20px; height:20px; display:block; background-position:0px 0px; border:none;}
.uploadfiles{width:16px; height:20px; display:block; background-position:-20px 0px;}
.downloadfiles{width:16px; height:20px; display:block; background-position:-36px 0px;}
.createnewjob{width:125px; height:28px; display:block; background-position: -52px 0px; float:right; margin-right:40px;} 
.pricelist{width:85px; height:28px; display:block; background-position: -52px -28px; float:right; margin-right:40px;}
.submit{background-position: -137px -28px; width:90px; height:28px; float:right; margin-right:40px;}
.referrals{width:85px; height:28px; display:block; background-position:-176px 0px;float:right;margin-right:40px;}

div.header{width:100%; height:105px; position:absolute; top:0px; left:0px;}
div.header_inner{width:960px; height:105px; display:block; position:relative; left:50%; margin-left:-480px;}
#menu{position:absolute; right:0px; bottom:0px; height:40px; background-image:url(/content/images/menu.png);}
#menu_inner{position:relative;}
#menu a:link, #menu a:visited, #menu a:active{height:27px; color:White; text-decoration:none; padding:13px 18px 0px 18px; float:left; display:block; font:normal normal bold 15px/15px Arial;}
#menu a:hover{background-image:url(/content/images/menu.png); background-position:0px -40px; }
#menu a.active{background-image:url(/content/images/menu.png); background-position:0px -40px; }
#site_options{position:absolute; top:0px; right:0px; font:normal normal normal 12px/12px Verdana; padding-top:10px;}
#site_options a:link, #site_options a:visited, #site_options a:active{text-decoration:none; color:#3976b1;border-left:solid 1px #3976b1; padding:0px 10px;}
#site_options a:hover{text-decoration:underline;}
#Login{float:left; padding-right:10px; border:none;}
#Register{float:left; padding-left:10px;}
#site_options a.noborder{float:left; padding-right:10px;padding-right:10px; border:none; }
#MyRegister{float:left; padding-left:10px;padding-right:10px;}
#MyJobs{float:left; padding-left:10px;}
#tl{position:absolute; left:0px; top:0px;}
#tr{position:absolute; right:0px; top:0px;}
div.content{width:100%; position:absolute; top:105px; left:0px; display:block;}
#Twilight_Album_Design{width:231px; height:105px; display:block; position:absolute; left:0px; top:0px; background-image:url(/content/images/Twilight_Album_Design.png);}

div.body{width:960px; margin:0px auto; display:block;}

div.module{background-color:#efefe5; margin-bottom:30px;}/*define width*/
div.module h2{height:31px; background-image:url(/content/images/module_top.png); font:normal normal bold 18px/18px Verdana; color:White;padding: 13px 0px 0px 30px; margin:0px; }

div.module_top_inner{}
div.module_bottom{width:100%; font:normal normal normal 11px/18px Verdana; background-color:#efefe5;}
div.module_bottom p{color:#21476c;margin:0px 0px 24px 0px;}
div.module_bottom ul{margin:0px; padding:0px 0px 20px 15px; color:#21476c; font:normal normal bold 13px/23px Verdana;}
div.module_bottom_inner{border:solid 1px #dfdfcc; padding:25px 30px; position:relative;}
div.full div.module_bottom_inner{min-height:300px;}
div.module_options{width:100%; border-top: dotted 1px #acaca5; padding-top:20px;}
div.module_bottom object.sIFR-flash{position:relative; top:8px;}
div.module_bottom li.sIFR-replaced{line-height:13px;}
div.module_bottom_inner table.cms{width:100%;}
div.module_bottom_inner table.cms th{background-image:url(/content/images/th.gif); text-align:left; background-repeat:repeat-x; 
background-color:#a6b34c; height:28px; padding:0px 0px 0px 12px; color:White; text-transform:uppercase; 
font:normal normal bold 14px/14px Arial;}
div.module_bottom_inner table.cms th a:link, div.module_bottom_inner table.cms th a:active, div.module_bottom_inner table.cms th a:visited, div.module_bottom_inner table.cms th a:hover
{
    font:normal normal normal 11px/12px Arial; color:#666666; margin-left:20px;    
}
div.module_bottom_inner table.cms td{padding:4px 12px; font:normal normal normal 11px/11px Verdana; color:#21476c;}
div.module_bottom_inner table.cms tr.even td{background-color:White;}
div.notdotted{border-style:none;}
a.readmore{width:90px; height:28px; display:block; background-image:url(/content/images/readmore.jpg); float:right;}
div.footer{width:100%; height:92px; display:block; color:White; background-image:url(/content/images/footer.jpg); font:normal normal bold 11px/12px Verdana; position:relative;}
div.footer_inner{width:960px; height:92px; display:block; margin:0px auto; position:relative;}
div.footer a:link, div.footer a:active, div.footer a:visited, div.footer a:hover{text-decoration:none; color:White;}
div.footer a.phone{background-image:url(/content/images/phone.png); padding:0px 0px 0px 24px;  background-repeat:no-repeat; position:absolute; left:9px; top:20px;}
div.footer a.mail{background-image:url(/content/images/envelope.png); padding:0px 0px 0px 24px;  color:White; background-repeat:no-repeat; position:absolute; left:160px; top:20px;}
div.footer a.facebook{width:32px; height:32px; background-image:url(/content/images/facebook.png); position:absolute; left:870px; top:10px;}
div.footer a.twitter{width:32px; height:32px; background-image:url(/content/images/twitter.png); position:absolute; left:915px; top:10px;}
div.footer ul{margin:0px; position:absolute; left:-40px; bottom:13px;}
div.footer ul li{float:left; list-style:none; border-right:solid 2px white;}
div.footer ul li.last{border:none;}
div.footer ul li a:link, div.footer ul li a:visited, div.footer ul li a:active{ padding:0px 10px;}
div.footer span.copyright{position:absolute; right:0px; bottom:13px;}
div.footer span.follow{position:absolute; left:790px; top:21px;}

.mainImage{width:903px; height:239px; margin-bottom:34px;}
img.floatleft{float:left;  margin-bottom:20px;}

/*Homepage*/
div.banner_spacer{width:960px; height:17px; display:block; background-image:url(/content/images/banner_spacer.jpg); }
div.banner_spacer_bottom{width:960px; height:44px; display:block; background-image:url(/content/images/banner_spacer_bottom.jpg);}
div.banner{width:960px; height:320px; display:block; background-image:url(/content/images/bannerbg.jpg); vertical-align: middle; position: relative;}
div.banner .ViewOurDesignGallery{position:absolute; top:200px; left:18px; width:334px; height:82px; background-image:url(/Content/images/ViewOurDesignGallery.png);}
div.banner img{width:557px; height:302px; display:block;}
div.homepageimages{width:557px; height:302px; display:block; position:absolute; top:9px; right:10px;}
div.banner h1{font:normal normal bold 48px/48px Arial; color:White; position:absolute; left:35px; top:31px; margin:0px; padding:0px;width:320px;}
div.banner p{font:normal normal normal 11px/18px Arial; color:White; position:absolute; left:35px; top:100px; width:320px; margin:0px; padding:0px; }
div.left{width:600px; float:left;}

div.left h2{width:570px;}
div.right{width:325px; float:right;}
div.right div.module_bottom_inner{height:194px;}
div.right div.module_options{padding-top:7px;}
div.right h2{width:295px;}
div.full{width:960px;}

div.popup{width:361px; height:185px; display:none; background-image:url(/content/images/popupbg.jpg); color:white; border:solid 2px white; position:relative; font:normal normal normal 11px/11px Verdana;}
div.popup h5{position:absolute; top:23px; left:22px; margin:0px; padding:0px; font:normal normal bold 18px/18px Arial;}
div.popup .Username_Label{position:absolute; top:66px; left:22px;}
div.popup .username{position:absolute; top:92px; left:22px;}
div.popup .Password_Label{position:absolute; top:66px; left:190px;}
div.popup .password{position:absolute; top:92px; left:190px;}
div.popup .forgotusername{position:absolute; top:134px; left:22px;}
div.popup .register{position:absolute; top:157px; left:22px;}
div.popup a:link, div.popup a:visited, div.popup a:active, div.popup a:hover{color:White; text-decoration:underline;}
div.popup input.login{width:90px; height:28px; display:block; position:absolute; left:250px; top:140px;}
div.popup a.simplemodal-close{position:absolute;top:10px; right:10px;}

/*register*/
div.register{width:600px; margin:0px auto 20px auto;}
div.register div.module_bottom div.module_bottom_inner table{margin-bottom:72px;}
div.register div.module_bottom div.module_bottom_inner table thead{display:none;}
div.register div.module_bottom div.module_bottom_inner table td{width:100px; text-align:right; padding-right:12px; vertical-align:top; position:relative;padding-bottom:14px;}
div.register div.module_bottom div.module_bottom_inner table input{color:#21476c; width:147px; height:18px; padding:3px 0px 0px 0px; display:block; border:solid 1px #a8acad; }
div.register div.module_bottom div.module_bottom_inner table label{position:relative; top:6px; font:normal normal normal 11px/11px Verdana; color:#21476c; height:16px; padding:5px 0px 0px 0px;}
div.register div.module_bottom div.module_bottom_inner table label.error
{
    position:relative;
    display:block;
    font:normal normal normal 12px/12px Verdana;
    width:auto;
    height:auto;
    background-image:url(/Content/images/error.jpg);
    background-repeat:no-repeat;
    top:0px;
    left:auto;
    padding:3px 0px 3px 40px;
    border:solid 1px #d22415;
    color:#d22415;
    background-color:white;
    text-align:left;
}

label.error
{
    position:relative;
    display:block;
    font:normal normal normal 12px/12px Verdana;
    width:auto;
    height:auto;
    background-image:url(/Content/images/error.jpg);
    background-repeat:no-repeat;
    top:0px;
    left:auto;
    padding:3px 0px 3px 40px;
    border:solid 1px #d22415;
    color:#d22415;
    background-color:white;
    text-align:left;
}
div.register div.module_bottom div.module_bottom_inner table select{width:149px; height:25px; display:block; border:solid 1px #a8acad; color:#21476c; }
input.register{position:absolute; right:40px; bottom:20px;}
a.reset{position:absolute; right:180px; bottom:30px;font:normal normal normal 11px/11px Verdana; color:#21476c; }

/*Services*/
div.module_bottom_inner_left_service{width:425px; float:left;}
div.module_bottom_inner_left_service p{width:420px;}
div.module_bottom_inner_right_service{width:450px; padding-right:15px; height:360px; overflow:auto; float:right;}
div.module_bottom_inner_right_service p{width:420px;}

div.module_bottom_inner_left_service ul.serviceul, div.module_bottom_inner_left_service ul.serviceul
{
    margin-left:30px;
}

ul.serviceul li
{
   
    list-style-type:square;
    list-style-image:url(/content/images/serviceli.jpg);
    line-height:30px;
    
    vertical-align:top;
}

div.module_bottom_inner_left_service ul.serviceul li.sIFR-replaced
{
    line-height:30px;
}

div.module_bottom_inner_left_service ul.serviceul object.sIFR-flash
{
 position:relative;
 top:4px;
}

/*Contact US */
.module_bottom_inner_Contact{ height:300px; width:900px; display:block; position:relative;}
.module_bottom_inner_Contact div.phone{position:absolute; top:0px; left:0px; height:26px; padding-top:6px; padding-left:44px;color:#3b79b4; display:block; background-image:url(../images/icons.jpg); background-repeat:no-repeat;}
.module_bottom_inner_Contact div.phone object.sIFR-flash{position:relative; top:2px;}
.module_bottom_inner_Contact div.envelope{position:absolute; top:40px; left:0px; height:26px; padding-top:6px; padding-left:44px;color:#3b79b4; display:block; background-image:url(../images/icons.jpg); background-repeat:no-repeat; background-position: 0px -33px;}
.module_bottom_inner_Contact div.envelope object.sIFR-flash{position:relative; top:2px;}
.module_bottom_inner_Contact div.envelope a:link, .module_bottom_inner_Contact div.envelope a:active, .module_bottom_inner_Contact div.envelope a:visited{color:#3b79b4;}
#contactform th{width:145px; height:17px; padding:6px 15px 0px 0px;  text-align:right; vertical-align:top;color:#21476c; font:normal normal normal 11px/11px Verdana;}
#contactform{position:absolute; top:0px; left:313px; width:468px; color:#21476c; font:normal normal normal 11px/11px Verdana;}
#contactform td input{border:solid 1px #a8acad; height:21px;}
#contactform td textarea{background-image:url(../images/textarea.jpg); background-repeat:repeat-x;border:solid 1px #a8acad;}
#contactform td{padding-bottom:13px;}
#contactform a:link, #contactform a:visited, #contactform a:active, #contactform a:hover{color:#21476c;}
#submit{position:absolute; left:794px; top:216px; width:90px; height:28px; display:block;}

/*Password Recover Form*/
div.popup_password_recovery{display:none;}
div.popup .Email_Label{position:absolute; top:66px; left:22px;}
div.popup .Email_Input{position:absolute; top:92px; left:22px;}
div.popup .Username_Input{position:absolute; top:92px; left:22px;}

/*Login*/
.inpage{height:200px; width:100%; margin:0px auto; position:relative;}
div.inpage_login{width:361px; height:185px;background-image:url(/content/images/popupbg.jpg); color:white; border:solid 2px white; position:relative; font:normal normal normal 11px/11px Verdana;}
div.inpage_login h5{position:absolute; top:23px; left:22px; margin:0px; padding:0px; font:normal normal bold 18px/18px Arial;}
div.inpage_login p{position:absolute; top:23px; left:90px; color:yellow; line-height:10px; padding:0px; margin:0px;}
div.inpage_login .Username_Label{position:absolute; top:66px; left:22px; }
div.inpage_login .username{position:absolute; top:92px; left:22px;}
div.inpage_login .Password_Label{position:absolute; top:66px; left:190px;}
div.inpage_login .password{position:absolute; top:92px; left:190px;}
div.inpage_login .forgotusername{position:absolute; top:134px; left:22px;}
div.inpage_login .register{position:absolute; top:157px; left:22px;}
div.inpage_login a:link, div.inpage_login a:visited, div.inpage_login a:active, div.inpage_login a:hover{color:White; text-decoration:underline;}
div.inpage_login input.login{width:90px; height:28px; display:block; position:absolute; left:250px; top:140px;}
div.inpage_login .Email_Label{position:absolute; top:66px; left:22px;}
div.inpage_login .Email_Input{position:absolute; top:92px; left:22px;}
div.inpage_login .Username_Input{position:absolute; top:92px; left:22px;}

/*Create Job*/
table.create{}
table.create th, table.create td{font:normal normal normal 11px/11px Verdana; color:#21476c; padding-bottom:15px;}
table.create th{padding-right:15px; text-align:right; vertical-align:middle;}
table.create td{padding-right:50px;}
table.create td input[type=text]{border:solid 1px #a8acad; width:147px; height:21px;}
a.resetallfields:link, a.resetallfields:active, a.resetallfields:visited, a.resetallfields:hover{float:right; padding-top:5px; color:#21476c;}

/*Gallery*/
.gallery_example{width:433px; height:216px; display:block;float:left; margin-right:15px;}
.gallery_example img{width:433px; height:216px; display:block;}
