@import "../css/default.css";

body {
        background-color:#141414;
        background-image:url('../images/background.gif');
        background-repeat:repeat-x;
}

div#topbar {
        background-image:url('../images/backmenu.gif');
        background-repeat:repeat;
	background-color:white;
	height: 40px;
	width: auto;
}


div#wrapper {
        float:middle;
	background-color:#141414;
	margin-left: auto;
	margin-right: auto;
	margin-top: -40px;
	width: 741px;
}

div#logo {
	background-image:url('../images/backmenu.gif');
	float:left;
	background-color:#323232;
	margin-left:0px;
	height:40px;
	width: 741px;
}

div#navigation {
        background-image:url('../images/background_nav.gif');
        background-repeat:repeat-x;
	background-color:#ffffff;
	margin-top:0px;
	margin-bottom:21px;
	padding-left:0px;
	height:41px;
}


div#wrappermain {
	float:left;
	background-color:#141414;
	padding:0px 0px 0px 0px;
	height:auto;
	width:741px;
	padding-bottom:50px;
}



div#intro {
	float:left;
        background-image:url('../images/background_content.gif');
        background-repeat:repeat-x;
        background-color:#ffffff;
	padding:77px 350px 77px 77px;
	margin-top:0px;
	width:auto;
	border-style:solid;
        border-width:1px;
        border-color:#ffffff;
}


div#submenu {
        background-image:url('../images/background_submenu.gif');
        background-repeat:repeat-x;
	position:absolute;
        background-color:#ffffff;
	padding:0px 0px 0px 0px;
	margin-top:4px;
	margin-left:470px;
	width:auto;
}

div#imagetop {
	position:absolute;
        background-color:#ffffff;
	padding:0px 0px 0px 0px;
	margin-top:10px;
	margin-left:450px;
	width:auto;
}

/* ----------- portfolio ----------- */

div#portfolio {
	float:left;
        background-image:url('../images/background_content.gif');
        background-repeat:repeat-x;
        background-color:#ffffff;
	padding:77px 77px 77px 77px;
	margin-top:9px;
	height: auto;
	border-style:solid;
	border-width:1px;
        border-color:#ffffff;
	}


        td
	{ padding-top:15px;}
        
        .border img{
	border: 3px solid #e4e4e4; margin-right:12px;
	}
	
	.border:hover img{
	border: 3px solid #008fe9; margin-right:12px;
	}
	
	
	.border:hover{
	color: #539aa0; /* irrelevant definition to overcome IE bug */
	}


        img.white_border1{
	        border: 3px solid #e4e4e4; margin-top:20px;
        }
        
        .white_border2 img{
	        border: 3px solid #e4e4e4; margin-top:20px;
        }
        
        .white_border2:hover img{
		border: 3px solid #008fe9; margin-top:20px;
	}




div#here {
	float:left;
        background-color:#ffffff;
	padding:77px 77px 77px 77px;
	margin-top:9px;
	margin-bottom:9px;
	width:587px;
}


/* ----------- text ----------- */


h1 {
	font-size:55px;
	color: #008fe9;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-weight:normal;
	line-height: 45pt;
        text-decoration:none;
        padding-bottom:10px;
}

h2 {
	font-size:35px;
	color:#474747;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-weight:normal;
        text-decoration:none;
	display:inline;

}

h3 {
	padding-top:10px;
	font-size: 12px;
	color: #676767;
	font: Sans-serif,Arial, Helvetica;
	font-family: Arial;
	font-weight:normal;
	line-height:22px;
}



h4 {    

	font-size: 12px;
	color: #676767;
	font: Sans-serif,Arial, Helvetica;
	font-family: Arial;
	font-weight:normal;
	display:inline;
	padding-left: 16px;

}


h5 {    

	font-size: 14px;
	color: #ffffff;
	font: Sans-serif,Arial, Helvetica;
	font-style:italic;
	padding-top:10px;
}

h6 {    

	font-size: 11px;
	color: #484848;
	font: Arial, Helvetica;
	font-family: Arial;
	font-weight:normal;
}



p.italic      {font-style:italic;}

a:link    {color:#008fe9; text-decoration: none}
a:visited {color:#008fe9; text-decoration: none}
a:active  {color:#393939; text-decoration: underline}
a:hover   {color:#393939; text-decoration: underline;}






table, th, td {  

  border: 0px; 
  height:50px;
  width:585px;
  text-align:left;
  vertical-align:top;
  padding-top:0;
  padding-right:25px;
}


.dashes {
  border-top: 1px dashed #c0c0c0;
  border-bottom: 0;
  margin-top: 10px;
}











/* ----------- navigation ----------- */


div#navigation {
        float: left;
        width: 100%;
}
div#navigation li { display: inline; }
div#navigation li a {
        float:right;
        background-image:url('../images/backmenusub.gif');
        background-color:#000000;
        margin-top:0px;
        padding-top:23px;
        padding-bottom: 4px; 
        padding-right:60px;
        padding-left: 8px;
        font-size: 11px;
        font: Sans-serif,Arial, Helvetica;
        font-family: Arial;
        font-weight:bold;
        color:#ffffff;
        text-decoration: none;
        display:inline;
        margin-left: 3px;
}


div#navigation li 

a:hover {
        color: #00000;
        background-image:url('../images/backmenusub_select.gif');
        background-color:#000000;
        margin-left: 3px;
        color:#ffffff;
}
div#navigation li#youarehere a {
        color:#008fe9;
        background-color:#000000;
        margin-left: 3px;
        
}


/* ----------- form  ----------- */


#form{
  margin:10px 0px 0px 0px;
  background:#e1e1e1;
  width:300px;
  height: auto;
  padding:10px 0px 10px 10px;
}

#form h1 {
  font-size:14px;
  font-weight:bold;
  margin-bottom:7px;
}

#form p{
  font-size:11px;
  color:#666666;
  margin-bottom:20px;
  border-bottom:solid 1px #b7ddf2;
  padding-bottom:10px;
}

#form label{
  display:block;
  font-size: 12px;
  color: #545454;
  font: Arial, Helvetica;
  font-family: Arial;
  font-weight:normal;
  line-height:22px;
  text-align:left;
  width:80px
}


#form input{
  font-size:12px;
  padding:6px 4px;
  border:solid 0px;
  width:280px;
  margin:2px 0 10px 0px;
}

#form textarea{
  font-size:12px;
  padding:6px 4px;
  font: Sans-serif,Arial, Helvetica;
  font-family: Arial;
  font-weight:normal;
  line-height:14px;
  border:solid 0px;
  width:280px;
  height:100px;
  margin:2px 0px 10px 0px;
}


#form button{
  clear:both;
  margin-left:0px;
  width:96px;
  height:30px;
  background: url('../images/button.png') no-repeat;
  text-align:center;
  border-style:none;
  line-height:30px;
  color:#FFFFFF;
  font-family: Arial;
  font-size:11px;
  font-weight:bold;
}





/*----------- brandbox  -----------*/

div#gallery{
	
	width:741px;
	height:368px;
	margin-bottom:10px;
	overflow:hidden;

}

div#bodytwo {
	float:left;
        background-image:url('../images/background_content.gif');
        background-repeat:repeat-x;
        background-color:#ffffff;
	padding:77px 77px 77px 77px;
	margin-top:0px;
	height: auto;
	border-style:solid;
	border-width:1px;
        border-color:#ffffff;
}

div#footer {
	float:left;
        background-color:#191919;
	padding:10px 25px 0px 0px;
	margin-top:9px;
	width:716px;
	height:25px;
	border-width:0px;
        text-align:right;
        vertical-align: bottom;
}