/* structure
--------------------------------------------------*/
* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */

body{
background-color: #000000;
text-align: left;
min-width: 622px;
min-height: 513px;
overflow: hidden;
}

body.sub{
background-color: #3C3C3C;
}



/* container
--------------------------------------------------*/
#outer{
height: 100%;
width: 100%;
display: table;
}

#container{
text-align: center;
position: relative;
vertical-align: middle;
display: table-cell;
height: 513px;
}

#inner{
width: 622px;
height: 513px;
margin-left: auto;
margin-right: auto;
border: 0px;
margin-bottom: 32px;
}


/* index
--------------------------------------------------*/
#title{
background-color: #749D3E;
width: 622px;
height: 40px;
border-top: 0px;
border-bottom: 1px;
border-left: 0px;
border-right: 0px;
border-color: #ffffff;
border-style: solid;
text-align: left;
}

#image{
background: url('image.jpg') no-repeat;
width: 622px;
height: 433px;
}

#content{
background-color: #333333;
width: 622px;
height: 433px;
text-align: left;
}

#content_about{
background: url('about_bg.png') no-repeat;
width: 622px;
height: 433px;
text-align: left;
}

#content_resume{
margin: 20px;
font-family: verdana,arial,sans-serif;
font-size: 9pt;
line-height: normal;
font-weight: normal;
color: #ffffff;
}

#grey_bg{
background-color: #333333;
padding: 5px;
margin-bottom: 5px;
}

#software_bg{
position: relative;
}

#software_left{
position: relative;
width: 300px;
float: left;
margin-right: 30px;
margin-bottom: 30px;
}

#software_right{
position: relative;
float: right;
margin-bottom: 30px;
}

#grey_bg_left{
width: 200px;
background-color: #333333;
padding: 5px;
}

#content_links{
background: url('links_bg.png') no-repeat;
width: 622px;
height: 433px;
text-align: left;
}

#content_design{
background: url('design_bg.png') no-repeat;
width: 622px;
height: 433px;
text-align: left;
}

#content_contact{
background: url('contact_bg.png') no-repeat;
width: 622px;
height: 433px;
text-align: left;
}

#nav{
background-color: #333333;
width: 622px;
height: 40px;
border-top: 1px;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
border-color: #ffffff;
border-style: solid;
text-align: right;
}

#container_thankyou{
text-align: center;
position: relative;
vertical-align: middle;
display: table-cell;
width: 622px;
height: 433px;
}

.clients{
padding-right: 5px;
}

#client_float{
float: left;
width: 33.3%;
}


/* sub_page
--------------------------------------------------*/
#sub_container{
width: 100%;
height: 40px;
margin: 0px;
padding: 0px;
}

#sub_title{
background-color: #749D3E;
width: 100%;
height: 40px;
border-top: 0px;
border-bottom: 1px;
border-left: 0px;
border-right: 0px;
border-color: #ffffff;
border-style: solid;
text-align: left;
position: absolute;
float: left;
}

#sub_nav{
background-color: #333333;
width: auto;
height: 40px;
border-top: 0px;
border-bottom: 1px;
border-left: 1px;
border-right: 0px;
border-color: #ffffff;
border-style: solid;
text-align: right;
position: absolute;
float: right;
top: 0;
right: 0;
}


/* type
--------------------------------------------------*/
h1{
font-family: verdana,arial,sans-serif;
font-size: 2em;
line-height: normal;
font-weight: normal;
color: #ffffff;
}

p{
font-family: verdana,arial,sans-serif;
font-size: 9pt;
line-height: normal;
font-weight: normal;
color: #ffffff;
padding-top: 12px;
padding-left: 12px;
}

p.contact{
font-family: verdana,arial,sans-serif;
font-size: 9pt;
line-height: normal;
font-weight: bold;
color: #ffffff;
padding-top: 12px;
padding-left: 12px;
padding-bottom: 12px;
}

.bold{
font-family: verdana,arial,sans-serif;
font-size: 9pt;
line-height: normal;
font-weight: bold;
color: #ffffff;
}

p.title{
font-family: verdana,arial,sans-serif;
font-size: 9pt;
line-height: normal;
font-weight: bold;
color: #ffffff;
padding-top: 12px;
padding-left: 12px;
}

p.nav{
font-family: verdana,arial,sans-serif;
font-size: 9pt;
line-height: 1.0;
font-weight: bold;
color: #ffffff;
padding-top: 12px;
padding-right: 12px;
}

p.sub_title{
font-family: verdana,arial,sans-serif;
font-size: 9pt;
line-height: 1.0;
font-weight: bold;
color: #ffffff;
padding-top: 12px;
padding-left: 12px;
}

p.sub_nav{
font-family: verdana,arial,sans-serif;
font-size: 9pt;
line-height: normal;
font-weight: bold;
color: #ffffff;
padding-top: 12px;
padding-right: 14px;
padding-left: 12px;
}

a{
font-family: verdana,arial,sans-serif;
line-height: normal;
color: #749D3E;
text-decoration: none;
}

a:hover{
font-family: verdana,arial,sans-serif;
line-height: normal;
color: #749D3E;
text-decoration: underline;
}

a.sub{
font-family: verdana,arial,sans-serif;
line-height: normal;
color: #ffffff;
text-decoration: none;
}

a.sub:hover{
font-family: verdana,arial,sans-serif;
line-height: normal;
color: #ffffff;
text-decoration: underline;
}

a.archive:visited{
font-family: verdana,arial,sans-serif;
line-height: normal;
color: #4F6B2B;
text-decoration: none;
}

a.archive:hover{
font-family: verdana,arial,sans-serif;
line-height: normal;
color: #749D3E;
text-decoration: underline;
}