@charset "utf-8";
/* CSS Document */

/* CSS Document */
html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset{margin:0; padding:0; border:0;}
a img{border:none;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */

/*------------------------------------------------------------------ 
# [Table of contents] 
  General Classes
# 1. Body 
# 2. Main Width / #main
# 3. Quote/  
# 4. Navigation/ #menu 
# 5. Home Section  / #home 
# 6. Service Section
# 7. Work Section
# 8. Print Section
# 9. About Section
# 10. Award Section
# -------------------------------------------------------------------*/ 

/*General Classes----------------------------------------------------*/


 h1{
 line-height:1.5; 
 margin:0; 
 font-size:12px;
 color:#990000;
 text-align:justify }


 #news h4{
 line-height:1.5; 
 margin:0; 
 font-size:12px;
 color:#990000;
 text-align:justify }
 
 h2, h3, h4 {
 line-height:1.3; 
 margin:0; 
 font-size:14px; }
 
.titleRed { 
color:#CC0000; 
border-bottom: 1px dotted #000000; 
margin-bottom:10px; 
text-transform: uppercase; 
padding-top:5px
}

.titleWhite { 
color:#FFFFFF; 
background-color:#333333; 
margin-top:25px;
padding-left:10px; 
text-transform: uppercase;
}



.float {
float:left; 
padding-right:10px
}

/* 1. Body ----------------------------------------------------------*/

body {
background-color:#000000; 
background-image:url(images/bg.jpg); 
background-repeat:repeat; 
font-family:Arial, Helvetica, sans-serif; 
line-height:1.3; 
color:#444444;
}


/* 2. Main Width ----------------------------------------------------*/

#main {
width:14900px; 
height:620px; 
}


/* 3. quote----------------------------------------------------*/


#quote { 
width:320px; 
height:570px; 
background-image:url(images/quote_bg.png); 
background-repeat:no-repeat; 
margin: 0 0 0 15px; 
float:left; 
}

form {
width: 265px; 
margin:85px 20px 20px 30px; 
font-size:10px
}

form .label { 
font-size:10px
}

form .label2 { 
font-size:10px; 
}

input {
margin-bottom:5px; 
padding:3px
}

textarea {
font-size:10px; 
font-family:Arial, Helvetica, sans-serif; 
padding:3px
}

#radio {
padding: 35px 0px 0px 0px;
}

#radio input {
margin:0px 0px 0px 5px; 
padding:0px 0px 0px 5px;
}

.btn {
color:#000000; 
background-color:#CCCCCC; 
border: 1px solid #333333; 
width:70px; 
padding:2px; 
margin-top:10px; 
margin-right:10px; 
font-size:12px
}



/* 4. Navigation----------------------------------------------------*/


a:link, a:visited  {
text-decoration : none;
color:#CC0000;
}

a:hover {
color:#CC0000;
text-decoration:underline;
}

#menu {  
padding:10px 0px 0px 0px ; 
margin:0px 0px 0px 50px;
}

#menu ul{ 
list-style:none;
} 

#menu li{
display:inline; 
font-size:12px; 
font-weight:bold
}


#menu a:link, #menu a:visited  {
text-decoration : none;
color : #000000;
padding : 0 5px 0 7px;
}

#menu a:hover {
color : #ffffff;
text-decoration : none;
border-bottom : 2px dotted #ffffff;
background-color : #990000;
} 


#menuServices  {
padding : 5px 0 0 20px;
margin : 0 0 0 50px;
}

#menuServices ul {
list-style : none;
}

#menuServices li {
display : inline;
font-size : 12px;
font-weight : bold;
}

#menuServices a:link, #menuServices a:visited {
text-decoration : none;
color : #000000;
padding : 0 5px 0 7px;
}

#menuServices a:hover {
color : #ffffff;
text-decoration : none;
border-bottom : 2px dotted #ffffff;
background-color : #990000;
} 

#menuWork  {
padding : 5px 0 20px 0;
margin : 0 0 0 50px;
width:400px;
}

#menuWork ul {
list-style : none;
}

#menuWork li {
display : inline;
font-size : 12px;
font-weight : bold;
}

#menuWork a:link, #menuWork a:visited {
text-decoration : none;
color : #000000;
padding : 0 5px 0 7px;
}

#menuWork a:hover {
color : #ffffff;
text-decoration : none;
border-bottom : 2px dotted #ffffff;
background-color : #990000;
}

#menuAbout {
padding : 15px 0 0 200px;
margin : 0 0 0 100px;
}

#menuAbout ul {
list-style : none;
}

#menuAbout li {
display : inline;
font-size : 12px;
font-weight : bold;
}

#menuAbout a:link, #menuAbout a:visited {
text-decoration : none;
color : #660000;
padding : 0 5px 0 7px;
}

#menuAbout a:hover {
color : #ffffff;
text-decoration : none;
border-bottom : 2px dotted #ffffff;
background-color : #666666;
} 

/*5. Home Section ----------------------------------------------------------*/



#home { 
width:900px; 
height:606px; 
background-image:url(images/bgpaper_intro.png); 
background-repeat:no-repeat; 
float:left
}

#news { 
width:420px; 
padding:120px 0px 0px 50px; 
font-size:70%; 
float:left
}

#news a:link, #news a:visited  {
text-decoration : none;
color: #333333;
}

#news a:hover {
color : #666666;
text-decoration : underline;
} 

#news .box {
width:420px;
height:200px; 
float:left;
}

#news .box2 {
width:200px; 
float:left; 
margin-left:5px
}

#news .italic{
font-style:italic;
}

.hotNews{
width:410px; 
font-size:10px;
padding-bottom:0px; 
line-height:1.1; 
color:#666666; 
text-align:justify; 
padding:0px;  
margin-bottom:5px
}

#latestWork { 
width:300px; 
padding:140px 0px 10px 60px; 
font-size:12px; 
float:left
}

#latestWork .soon {
width:174px;
height:219px;
xbackground-image:url(images/soon.jpg);
background-repeat:no-repeat;
xpadding:90px 40px 0px 40px;
}

#latestWork h3 {
color:#CCCCCC;
text-align:center;
}

.noteBig {
width:340px; 
height:310px; 
background-image:url(portfolio/note_big.jpg); 
background-repeat:no-repeat; 
padding:25px 0px 0px 15px; 
font-size:10px
}


/*6. Service Section ----------------------------------------------------------*/

#services { 
width:1600px; 
height:606px; 
background-image:url(images/bgpaper_services.png); 
background-repeat:no-repeat; 
float:left; 
color: #444; 
margin: 0 0 0 0; 
padding: 0 0 0 0;
}

#services p {
font-size: 70%;
}

.textBox1 {
width:350px; 
margin-top:190px;  
text-align:justify; 
margin-left:38px; 
float:left
}

.textBox2 {
width:350px; 
margin-top:53px;  
text-align:justify; 
margin-left:38px; 
float:left
}

/*7. Work Section ----------------------------------------------------------*/

#work { 
width:450px; 
height:200px; 
float:left;
}

#work .BoxMain {
width:350px; 
padding: 180px 0px 0px 30px; 
float:left 
}

#work .BoxMain2 {
width:280px; 
padding: 0px 0px 0px 70px; 
float:left 
}

#work p { 
margin-top:0px
}



#workAll { 
width:4200px; 
height:600px;
margin: 0px 0px 0px 20px;
background-image:url(images/bgpaper.png); 
background-repeat:repeat-x; 
float:left;
}

#workAll .BoxMain {
padding: 0px 0px 0px 20px; 
float:left 
}

#workAll p { 
margin-top:0px
}


.note { 
width:265px; 
height:140px; 
background-image:url(portfolio/note.jpg); 
background-repeat:no-repeat; 
padding:25px 0px 0px 12px; 
font-size:10px
}

.noteFloat { 
width:265px; 
height:140px; 
background-image:url(portfolio/note.jpg); 
background-repeat:no-repeat; 
padding:25px 0px 0px 12px; 
font-size:10px; 
float:left
}

.titleWork {
color:#990000;
margin-top:3px;}

/*8. Print Section ----------------------------------------------------------*/

#printWork { 
width:20px; 
height:606px; 
float:left
}

#printWorkAll { 
width:6150px; 
height:606px;
padding-top:20px;
background-image:url(images/bgpaper.png); 
background-repeat:repeat-x; 
float:left}

#printWorkAll .imageBox {
margin-top:20px; 
color:#333333; 
text-align:justify; 
margin-left:10px; 
float:left; 
text-align:left; 
color:#993300; 
border-right: 1px dashed #CCCCCC; 
padding-right:10px
}

.titleSmall {font-size:9px; color:#666666}


/*9. About Section ----------------------------------------------------------*/

#aboutMe { 
width:830px; 
height:606px; 
color: #444; 
background-image:url(images/bgpaper_about.png); 
background-repeat:no-repeat; 
margin: 0 0 0 0; 
padding: 0 0 0 0; 
float:left;
}

#aboutMe p{
font-size:70%
}

#textBox3 a:link, #textBox3 a:visited  {
text-decoration : none;
color : #990000;
padding : 0;
}

#textBox3 a:hover {
color : #ffffff;
text-decoration : none;
background-color : #666666;
} 

#textBox3 {
width:480px;
padding:20px 0 0 310px; 
}

#textBox3 .title { 
font-size:14px; color:#990000; 
font-weight:bold;
text-transform: uppercase;
letter-spacing: -1px; 
}


/*10. Award Section ----------------------------------------------------------*/

#award { 
width:680px; 
height:588px; 
margin: 13px 0 0 0; 
padding: 0 0 0 0; 
float:left; 
background-color:#FFFFFF
}

#award h1{
background-color:#FFFFFF;
font-size:10px;
color:#333333;
margin:0 10px 10px 10px;
}

#award .box {
width:300px;
float:left;
margin:10px;
padding:10px;
font-size:11px;
color:#333333;
line-height:1.5;
}


#award li{
padding-bottom:10px;
}

#award ul{
list-style-image:url(images/cross.png);
padding-left:25px;
}

#award .title{
font-size:18px;
color:#000000;
}

#award .italic{
font-style:italic;
}

#award a:link, #award a:visited  {
text-decoration : none;
color:#CC0000;
}

#award a:hover {
color:#CC0000;
text-decoration:underline;
}


/*11. featured Section ----------------------------------------------------------*/

#featured { 
width:340px; 
height:588px; 
margin: 13px 0 0 30px; 
padding: 0 0 0 0; 
float:left; 
background-color:#FFFFFF
}

#featured h1{
background-color:#FFFFFF;
font-size:10px;
color:#333333;
margin:0 10px 10px 10px;
}

#featured .box {
width:300px;
float:left;
margin:10px;
padding:10px;
font-size:11px;
color:#333333;
}


#featured li{
line-height:1.5;
}

#featured ul{
list-style-image:url(images/cross.png);
padding-left:25px;
}

#featured .title{
font-size:18px;
color:#000000;
}

#featured .italic{
font-style:italic;
}

#featured a:link, #featured a:visited  {
text-decoration : none;
color:#CC0000;
}

#featured a:hover {
color:#CC0000;
text-decoration:underline;
}