﻿ï»¿p, h1, h2, h3, a, li, ul, span
{
    margin:0;
    padding:0;
}

a:active, a:focus {

outline: 0

}



body
{
	margin: 0px;
	background: #1c241e;
	
}

#biggest
{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
    position: relative;
}

#side_left
{
    width: 141px;
    height: 1192px;
    background: url('../images/side_left_01.jpg') no-repeat; 
    position: absolute;
    top: 0px;
    left: -141px;
}

#side_right
{
    width: 149px;
    height: 1192px;
    background: url('../images/side_right_03.jpg') no-repeat; 
    position: absolute;
    top: 0px;
    left: 950px;
}

#side_left_second
{
    width: 141px;
    height: 854px;
    background: url('../images/side_left_second_01.jpg') no-repeat; 
    position: absolute;
    top: 0px;
    left: -141px;
}

#side_right_second
{
    width: 149px;
    height: 854px;
    background: url('../images/side_right_second_03.jpg') no-repeat; 
    position: absolute;
    top: 0px;
    left: 950px;
}

#topbar
{
    width: 950px;
    height: 73px;
    background: url('../images/topbar_02.jpg') no-repeat;
}

/*menu_logo*/
#menu_logo {display:block;}
#menu_logo a, #menu_logo a:visited {display:block; width:273px; height:73px; background: #ffffff url('../images/menu_logo_01.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_logo a:hover {background-position:left bottom;}

/*menu_designs*/
#menu_designs {display:block;}
#menu_designs a, #menu_designs a:visited {display:block; width:151px; height:73px; background: #ffffff url('../images/menu_designs_02.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_designs a:hover {background-position:left bottom;}

/*menu_services*/
#menu_services {display:block;}
#menu_services a, #menu_services a:visited {display:block; width:151px; height:73px; background: #ffffff url('../images/menu_services_03.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_services a:hover {background-position:left bottom;}

/*menu_about*/
#menu_about {display:block;}
#menu_about a, #menu_about a:visited {display:block; width:119px; height:73px; background: #ffffff url('../images/menu_about_04.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_about a:hover {background-position:left bottom;}

/*menu_contact*/
#menu_contact {display:block;}
#menu_contact a, #menu_contact a:visited {display:block; width:150px; height:73px; background: #ffffff url('../images/menu_contact_05.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_contact a:hover {background-position:left bottom;}

/*menu_home*/
#menu_home {display:block;}
#menu_home a, #menu_home a:visited {display:block; width:106px; height:73px; background: #ffffff url('../images/menu_home_06.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_home a:hover {background-position:left bottom;}

.butt_dos {display:block; position: absolute; top: -4px; left: 763px;}
.butt_dos a, .butt_dos a:visited {display:block; width:190px; height:22px; background: #ffffff url('../images/butt_dos.png'); float: left; background-position:left top; background-color:transparent;}
.butt_dos a:hover {background-position:left bottom;}

.butt_get {display:block; position: absolute; top: 8px; left: 30px;}
.butt_get a, .butt_get a:visited {display:block; width:230px; height:126px; background: #ffffff url('../images/butt_get.png'); float: left; background-position:left top; background-color:transparent;}
.butt_get a:hover {background-position:left bottom;}

.butt_check {display:block; position: absolute; top: 306px; left: 518px; z-index:1;}
.butt_check a, .butt_check a:visited {display:block; width:245px; height:69px; background: #ffffff url('../images/butt_check.jpg'); float: left; background-position:left top; background-color:transparent;}
.butt_check a:hover {background-position:left bottom;}

.butt_email {display:block; position: absolute; top:112px; left: 22px; overflow: hidden;}
.butt_email a, .butt_email a:visited {display:block; width:121px; height:67px; background: #ffffff url('../images/butt_email.png'); float: left; background-position:left top; background-color:transparent;}
.butt_email a:hover {background-position:left bottom;}

.butt_quote {display:block; position: absolute; top: 112px; left:137px ;overflow: hidden;}
.butt_quote a, .butt_quote a:visited {display:block; width:121px; height:67px; background: #ffffff url('../images/butt_quote.png'); float: left; background-position:left top; background-color:transparent;}
.butt_quote a:hover {background-position:left bottom;}

.arrows_left {display:block; position: absolute; top: 160px; left:31px; overflow: hidden; z-index: 2;}
.arrows_left a, .arrows_left a:visited {display:block; width:41px; height:41px; background: #ffffff url('../images/butt_arrow_left.png'); float: left; background-position:left top; background-color:transparent;}
.arrows_left a:hover {background-position:left bottom;}

.arrows_right {display:block; position: absolute; top: 160px; left:869px; overflow: hidden; z-index: 2;}
.arrows_right a, .arrows_right a:visited {display:block; width:41px; height:41px; background: #ffffff url('../images/butt_arrow_right.png'); float: left; background-position:left top; background-color:transparent;}
.arrows_right a:hover {background-position:left bottom;}


.mainwindow_mask_1
{
    width: 829px;
    height: 343px;
    z-index:1;
    position: absolute;
    top: 7px;
    left: 56px;
}

.mainwindow_mask_2
{
    width: 829px;
    height: 343px;
    z-index:1;
    position: absolute;
    top: 7px;
    left: 56px;
}

.mainwindow_mask_3
{
    width: 829px;
    height: 343px;
    z-index:1;
    position: absolute;
    top: 7px;
    left: 56px;
}

.mainwindow_mask_4
{
    width: 829px;
    height: 343px;
    z-index:1;
    position: absolute;
    top: 7px;
    left: 56px;
}

.mainwindow_mask_5
{
    width: 829px;
    height: 343px;
    z-index:1;
    position: absolute;
    top: 7px;
    left: 56px;
}

.mainwindow_mask_6
{
    width: 829px;
    height: 343px;
    z-index:1;
    position: absolute;
    top: 7px;
    left: 56px;
}

.mainwindow_mask_7
{
    width: 829px;
    height: 343px;
    z-index:1;
    position: absolute;
    top: 7px;
    left: 56px;
}

#featured_img
{
    width: 829px;
    height: 343px;
    z-index:1;
    position: absolute;
    top: 7px;
    left: 56px;
}

#logos_wrapper
{
    width: 227px;
    height: 51px;
    position: absolute;
    top: 120px;
    left: 26px;
    overflow: hidden;
}

#logos_1 {display:block;}
#logos_1 a, #logos_1 a:visited {display:block; width:50px; height:51px; background: #ffffff url('../images/logo_01.jpg'); float: left; background-position:left top; background-color:transparent;}
#logos_1 a:hover {background-position:left bottom;}

#logos_2 {display:block;}
#logos_2 a, #logos_2 a:visited {display:block; width:43px; height:51px; background: #ffffff url('../images/logo_02.jpg'); float: left; background-position:left top; background-color:transparent;}
#logos_2 a:hover {background-position:left bottom;}

#logos_3 {display:block;}
#logos_3 a, #logos_3 a:visited {display:block; width:43px; height:51px; background: #ffffff url('../images/logo_03.jpg'); float: left; background-position:left top; background-color:transparent;}
#logos_3 a:hover {background-position:left bottom;}

#logos_4 {display:block;}
#logos_4 a, #logos_4 a:visited {display:block; width:43px; height:51px; background: #ffffff url('../images/logo_04.jpg'); float: left; background-position:left top; background-color:transparent;}
#logos_4 a:hover {background-position:left bottom;}

#logos_5 {display:block;}
#logos_5 a, #logos_5 a:visited {display:block; width:48px; height:51px; background: #ffffff url('../images/logo_05.jpg'); float: left; background-position:left top; background-color:transparent;}
#logos_5 a:hover {background-position:left bottom;}


#mainimg
{
    width: 950px;
    height: 653px;
    background: url('../images/mainimg_bg_04.jpg') no-repeat;
}

#mainimg_second
{
    width: 950px;
    height: 247px;
    background: url('../images/mainimg_bg_second_04.jpg') no-repeat;
}

#home_screen
{
    width: 1035px;
    height: 485px;
    background: url('../images/home_screen_bg.png') no-repeat;
    position: absolute;
    top: 58px;
    left: -42px;
}

#mainwindow
{
    width: 411px;
    height: 273px;
    position: absolute;
    top: 85px;
    left: 83px;
}

#cycle_controls
{
    position: absolute;
    top: 386px;
    left: 70px;
}

#cycle_controls a:active 
{
    color:#FEAE01;
}

#cycle_controls a 
{
    color:gray;
    font-family:Verdana;
    font-size:7pt;
    margin:0;
    padding:5px 8px 0 10px;
    text-decoration:none;
}

#very_right
{
    width: 154px;
    height: 346px;
    position: absolute;
    top: 68px;
    left: 812px;
}

#very_right img
{
    margin:10px 0px 0px 8px;
}

#very_right h1
{
    font-family: Lucida Sans Unicode;
    font-weight: normal;
    color: #e5dca9;
    font-size: 12pt;
    padding:22px 0px 0px 7px;
    margin:0;
}

#very_right p
{
    font-family: Lucida Sans Unicode;
    font-size: 9pt;
    color: #ffffff;
    padding:8px 5px 0px 7px;
    margin:0;
}

#very_right a
{
    font-family: Lucida Sans Unicode;
    font-size: 8pt;
    color: #f89f03;
    text-decoration: none;
    padding:5px 0px 0px 8px;
    margin:0;
    display: block;
}

#very_right a:hover
{
    text-decoration: underline;
}

#content_wrapper_spacer
{
    width: 950px;
    height: 57px;
    background: #232c26;
}

#content_wrapper_spacer img
{
    margin: 15px 0px 0px 60px;
}

#content_wrapper
{
    width: 950px;
    min-height: 540px;
    background: #161c18 url('../images/content_bg_07.jpg') repeat-x;
    overflow: hidden;
}   

#left
{
    width: 650px;
    float: left;
}

#right
{
    width: 300px;
    float: left;
    position: relative;
}

.main h2
{
    font-family: Tahoma;
    font-size: 12pt;
    font-weight: normal;
    padding:24px 10px 0px 60px;
    margin:0;
    color: #e5dca9;
}

.main h3
{
    font-family: Tahoma;
    font-size: 19pt;
    font-weight: normal;
    padding:36px 30px 0 83px;
    margin:0;
    color: #2b352e;
}

.main p
{
    font-family: Arial;
    color: #ffffff;
    padding:10px 10px 5px 60px;
    margin:0;
    font-size: 10pt;
}

.main a
{
    font-family: Lucida Sans Unicode;
    font-size: 8pt;
    color: #f89f03;
    text-decoration: none;
    padding:0;
    margin:0;
}

.main a:hover
{
    text-decoration: underline;
}

.main_services h3
{
    font-family: Tahoma;
    font-size: 19pt;
    font-weight: normal;
    padding:36px 30px 0 83px;
    margin:0;
    color: #2b352e;
}

.main_services p
{
    font-family: Arial;
    color: #7b5d2d;
    padding:10px 40px 5px 83px;
    margin:0;
    font-size: 9pt;
    line-height: 18px;
}

.project_board
{
    width: 940px;
    min-height: 504px;
    margin-left: auto;
    margin-right: auto;
}

.project_board_top
{
    width: 940px;
    height: 94px;
    background: url('../images/projectboard_top_01.png') no-repeat;
}

.project_board_top h1
{
    font-family: Tahoma;
    font-size: 12pt;
    font-weight: normal;
    color: #e5dca9;
    padding: 62px 0px 0px 64px;
    margin:0;
    float: left;
}

.project_board_top a
{
    font-family: Lucida Sans Unicode;
    color: Gray;
    text-decoration: none;
    padding:68px 63px 0 0;
    margin:0;
    font-size: 8pt;
    float: right;
    text-align: right;
}

.project_board_top a:hover
{
    color: #ffffff;
}




.project_board_middle
{
    width: 940px;
    height: 359px;
    background: url('../images/projectboard_middle_02.png') repeat-y;
    position: relative;
}

.project_board_middle img
{
    
}


.project_board_bottom
{
    width: 940px;
    height: 51px;
    background: url('../images/projectboard_bottom_04.png') no-repeat;
}

#bottom_wrapper
{
    width: 950px;
    height: 269px;
    background: url('../images/bottom_bg_13.jpg') no-repeat;
    position: relative;
}

#bottom_side_left
{
    width: 35px;
    height: 358px;
    position: absolute;
    top: 0px;
    left: -35px;
    background: url('../images/bottom_side_left_13.jpg') no-repeat;
}

#bottom_side_right
{
    width: 35px;
    height: 358px;
    position: absolute;
    top: 0px;
    left: 950px;
    background: url('../images/bottom_side_right_15.jpg') no-repeat;
}

#copyright
{
    width: 950px;
    height: 89px;
    background-color: #171d19;
}

#copyright p
{
    font-family: Arial;
    font-size: 8pt;
    color: #2c3830;
    text-align: center;
    padding:74px 0px 0px 0px;
    display: block;
    margin:0;
}

#copyright a
{
    font-family: Verdana;
    font-size: 7pt;
    color: #435548;
    text-decoration: none;
    padding:70px 0px 0px 0px;
    margin:0;
}

#box_contact
{
    width: 280px;
    height: 188px;
    position: absolute;
    top: 23px;
    left: 0px;
}

#box_left
{
    width: 280px;
    height: 188px;
    position: absolute;
    top: 23px;
    left: 317px;
}

#box_right
{
    width: 280px;
    height: 188px;
    position: absolute;
    top: 23px;
    left: 620px;
}

.box h1
{
    font-family: Lucida Sans Unicode;
    font-size: 13pt;
    color: #ffffff;
    padding:20px 0 0 30px;
    margin:0;
}

.box h2
{
    font-family: Tahoma;
    color: #79795e;
    font-size: 10pt;
    padding:10px 0 0 30px;
    margin:0;
}

.box p
{
    font-family: Arial;
    font-size: 9pt;
    color: #9b9b9b;
    padding:5px 0px 0px 30px;
    margin:0;
}

.box a
{
    font-family: Verdana;
    font-size: 7pt;
    color: #f69e03;
    padding:0;
    margin:0;
    text-decoration: none;
    display: block;
}
    
.box a:hover
{
    text-decoration: underline;
}    

.box span
{
    color: #979797;
}

/* 
input
{
    background-color:#282f2a;
    border:1px solid #323933;
    color:#ffffff;
    float:left;
    font-family:tahoma,Arial,sans-serif;
    font-size:7pt;
    height:23px;
    letter-spacing:1px;
    margin: 5px 0 0 50px;
    padding:0 0 0 9px;
    width:232px;
}

textarea
{
    background-color:#282f2a;
    border:1px solid #323933;
    color:#ffffff;
    font-family:tahoma,Arial,sans-serif;
    font-size:7pt;
    letter-spacing:1px;
    padding:5px 0 0 8px;
}

*/

.services_list ul
{
    margin: 10px 0px 0px 225px;
    padding:0px;
}

.services_list li
{
    font-family: Arial;
    color: gray;
    padding:0px 10px 5px 0px;
    margin:0;
    font-size: 9pt;
    list-style-type: disc;
}
    


.service_board_left
{
    width: 470px;
    height: 600px;
    background: url('../images/service_board_left_bg.png') no-repeat;
    float: left;
    position: relative;
}

.service_board_right
{
    width: 470px;
    height: 600px;
    background: url('../images/service_board_right_bg.png') no-repeat;
    float: left;
    position: relative;
}

.service_board_top
{
    width: 970px;
    height: 94px;
    
}

.service_board_left_top h1
{
    font-family: Tahoma;
    font-size: 12pt;
    font-weight: normal;
    color: #e5dca9;
    padding: 62px 0px 0px 81px;
    margin:0;
}


.service_board_right_top h1
{
    font-family: Tahoma;
    font-size: 12pt;
    font-weight: normal;
    color: #e5dca9;
    padding: 62px 0px 0px 52px;
    margin:0;
}

#intro
{
    width: 233px;
    height: 233px;
    position: absolute;
    left: 526px;
    top: 140px;
}

#intro h1
{
    font-family: calibiri, Arial;
    font-size: 12pt;
    font-weight: bold;
    color: #555B57;
    padding:0;
    margin:0;
}

#intro p
{
    font-family: Arial;
    font-size: 9pt;
    font-weight: normal;
    color: gray;
    padding:9px 0px 0px 0px;
    margin:0;
}

#intro a
{
    color: #1C241E; 
    display: block; 
    text-decoration: none;
}

#intro a:hover
{
    text-decoration: underline;
}

#icon_design
{
    position: absolute;
    top: 269px;
    left: 79px;
}
    
#icon_dev
{
    position: absolute;
    top: 269px;
    left: 50px;
}

#ws_blurb_left 
{
    height: 119px;
    left: 79px;
    position: absolute;
    top: 413px;
    width: 352px;
}

#ws_blurb_right 
{
    height: 119px;
    left: 50px;
    position: absolute;
    top: 413px;
    width: 352px;
}

.ws_blurb h1
{
    font-family: Tahoma;
    font-size: 10pt;
    font-weight: bold;
    color: #2b352e;
    padding: 0;
    margin:0;
}

.ws_blurb p
{
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
    color: #555B57;
    padding:0;
    margin:0;
}    

.butt_ws {display:block; margin:0px 0px 0px -7px;}
.butt_ws a, .butt_ws a:visited {display:block; width:171px; height:51px; background: #ffffff url('../images/butt_ws.jpg'); float: left; background-position:left top; background-color:transparent;}
.butt_ws a:hover {background-position:left bottom;}

.contact
{
    width: 570px;
    margin:0px 0px 50px 60px;
    padding:0;
}

.contact input
{
    background-color:#2C372F;
    border:1px solid #0B0F0C;
    color:#4B5B4F;
    font-family:tahoma,Arial,sans-serif;
    font-size:25pt;
    height:66px;
    letter-spacing:1px;
    margin-top:8px;
    padding:5px 0 0 9px;
    width:830px;
    display: block;
}

.contact textarea
{
    background-color:#2C372F;
    border:1px solid #0B0F0C;
    color:#4B5B4F;
    font-family:tahoma,Arial,sans-serif;
    font-size:25pt;
    letter-spacing:1px;
    padding:10px 0 0 8px;
    display: block;
    width: 830px; height: 200px; 
    margin-top: 10px;
}

.contact select
{
    background-color:#2C372F;
    border:1px solid #0B0F0C;
    color:#4B5B4F;
    font-family:tahoma,Arial,sans-serif;
    font-size:25pt;
    letter-spacing:1px;
    padding:0px 0 0 5px;
    display: block;
    width: 275px; height: 27px; 
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
}



 

