*{
	margin : 0;
	padding : 0;
}
body, html {
	font-family : "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-repeat : repeat-x;
	font-size : 12px;
	font-weight : normal;
}
.homeBG {
	background : url(../images/bg.gif) repeat-x #012450;
}
.innerBG {
	background : url(../images/bg_inner.gif) repeat-x #012450;
}
a {
	outline:none;
}
p {
	margin : 0 0 5px;
	padding : 0;
	line-height : 1.5em;
	font-weight : normal;
	text-decoration : none;
	font-size : 13px;
}
#ContentInner h2 {
	font-size : 22px;
	color : #005393;
	margin-bottom : 10px;
}
h2 {
	font-size : 15px;
	color : #0f76bd;
	margin-bottom : 5px;
}
h3 {
	font-size : 14px;
	color : #005393;
	margin-bottom : 5px;
	font-weight : normal;
}
img {
	padding-bottom : 0;
	padding-right : 0;
}
a {
	color : #ff9900;
	text-decoration : none;
}
a:hover {
	color : #006699;
}
.border_none {
	border : none;
}
.DefaultLink a {
	color : #3399cc;
	text-decoration : none;
	font-weight : bold;
	font-size : 10px;
}
.DefaultLink a:hover {
	color : #2695bb;
	text-decoration : none;
	font-weight : bold;
}
#Container {
	width : 765px;
	margin : 0 auto;
}
#Branding {
	display:none;
}
#Container #TopImage {
	width : 765px;
	height : 330px;
	margin-right : auto;
	margin-left : auto;
	border-top : 5px solid #007706;
}
#Container #TopImageInner {
	width : 765px;
	height : 255px;
	margin-right : auto;
	margin-left : auto;
	border-top : 5px solid #1eb013;
	background : url(../images/smartweb_inner.jpg) no-repeat;
}
#ContentArea {
	margin : 0;
	padding : 0;
	margin : auto;
	width : 765px;
}
#Content {
	margin : 0;
	padding : 0;
	width : 765px;
	height : 250px;
	/*padding-bottom : 13px;*/
}
* html #Content {
	margin-bottom:-5px;
}
/* hack for IE 7*/
/*\*/
*:first-child+html #Content {
	margin-bottom:10px;
}
/* */
#ContentInner {
	margin : 0;
	padding : 0;
	float : left;
	width : 765px;
	background : #fff;
	color : #333;
	min-height : 270px;
	height : auto !important;
	height : 270px;
}
#ContentInner #InLeft {
	width : 410px;
	float : left;
	padding : 20px 10px 20px 20px;
}
#ContentInner #InRight {
	width : 305px;
	float : right;
	text-align : left;
	margin-top : 20px;
}
#ContentArea #TopLink {
	width : 765px;
	height : 32px;
	float : left;
	margin : 0;
	padding : 0;
	background-color : #dedede;
	border-top : 5px solid #07b0e8;
}
#Content #SmartWeb {
	margin : 0;
	padding : 0;
	float : left;
	width : 250px;
	margin : 20px 10px 13px 0;
	padding : 0 15px 0 10px;
	/*background : url(../images/about_smartweb.gif) no-repeat center top;*/
	color : #d8d8d8;
}
#Content #SmartWeb h2 a {
	width:220px;
	height:25px;
	background : url(../images/about_smartweb.gif) no-repeat center top;
	display:block;
	outline:none;
	margin:0 0 20px 15px;
}
#Content #SmartWeb h2 span {
	display:none;
}
#Content #SmartWeb p {
	margin-bottom : 12px;
}
#Content #Services {
	margin : 0;
	padding : 0;
	float : left;
	width : 200px;
	margin : 20px 0 10px;
	padding : 0 10px 0;
	border-right : 2px solid #035083;
	border-left : 2px solid #035083;
}
#Content #Services h2 a {
	width:117px;
	height:25px;
	display:block;
	background : url(../images/services.gif) no-repeat center top;
	outline:none;
	margin:0 0 20px 42px;
}
#Content #Services h2 span {
	display:none;
}
#Content #Portfolio {
	margin : 0;
	padding : 0;
	float : left;
	width : 230px;
	margin : 20px 0 10px;
	padding : 0 10px 0;	
}
#Content #Portfolio h3 a {
	width:145px;
	height:25px;
	display:block;
	background:url(../images/whatsnew.gif) no-repeat center top;
	outline:none;
	margin:0 0 20px 42px;
}
#Content #Portfolio h3 span {
	display:none;
}
#Content #Portfolio #WhatsNew {
	width : 204px;
	float : left;
	padding : 0;
	margin-left : 15px;
	color : #cccccc;
}
#Content #Portfolio #WhatsNew img {
	border:none;
}
* html #Content #Portfolio #WhatsNew {
	margin-left : 8px;
}

/*
===================================================================================
 top links
===================================================================================
*/

#Footer {
	height : 30px;
	width : 100%;
	border-top : 3px solid #035083;
	text-align : center;
	padding : 5px 0 0;
	margin-right : auto;
	margin-left : auto;
	clear : both;
}
#Footer p {
	margin : 0;
	padding : 0;
}

#Footer img {
	border:none;
}
#TopLink #TopMenu {
	margin : 0;
	padding : 0;
	float : left;
	height : 32px;
	border-right : 1px solid #00ccff;
}
#TopLink #TopMenu ul {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-weight : bold;
	font-size : 14px;
}
* html #TopLink #TopMenu ul {
	width : auto;
}
#TopLink #TopMenu ul li {
	display : inline;
}
#TopLink #TopMenu ul li a {
	float : left;
	color : black;
	padding : 7px 15px;
	text-decoration : none;
	border-left : 1px solid #00ccff;
	color : #006699;
}
#TopLink #TopMenu ul li a:hover {
	color : #ffffff;
	background : #a0dee9 url(../images/arrow_link.gif) no-repeat center top;
}

/*
===================================================================================
 footer links
===================================================================================
*/

#Footer #FLinks ul {
	margin : 0;
	padding : 0;
}
#Footer #FLinks ul li {
	display : inline;
	border-right : 1px solid #2695bb;
	padding : 0 5px;
	text-align : center;
}
#Footer #FLinks ul li a {
	color : #bebebe;
	padding : 0 5px;
	text-decoration : none;
	font-size : 10px;
}
#Footer #FLinks ul li a:hover {
	color : #ffffff;
}
#Footer #FLinks ul li.last {
	border : none;
}

/*
===================================================================================
 services
===================================================================================
*/

#Services #SLinks ul {
	margin : 0;
	padding : 0;
}
#Services #SLinks ul li {
	display : block;
	margin : 0 0 12px 20px;
	list-style-type : none;
	padding : 0 15px;
	text-decoration : none;
	font-size : 12px;
	background : url(../images/arrow_box_blue.gif) no-repeat left;
	font-weight : bold;
	color : #0099cc;
}
#Services #SLinks ul li a {
	padding : 0 15px;
	text-decoration : none;
	font-size : 12px;
	background : url(../images/arrow_box_blue.gif) no-repeat left;
	font-weight : bold;
	color : #0099cc;
}
#Services #SLinks ul li a:hover {
	color : #00a2e1;
	padding : 0 15px;
	background : url(../images/arrow_box_green.gif) no-repeat left;
}
input {
	border : 1px solid #cccccc;
	padding : 0;
	margin : 3px;
}
.Field {
	background-color : #ffffff;
	border : 1px solid #cccccc;
}

/*
===================================================================================
 portfolio
===================================================================================
*/

#PortfolioLeft {
	width : 173px;
	float : left;
	margin : 20px 0 0;
	padding : 0 0 0 10px;
}
#PortfolioRight {
	width : 555px;
	float : left;
	margin : 20px 0 10px;
	padding : 0 0 0 18px;
}
#PortfolioLeft #SkilLinks {
	width : 155px;
}
#PortfolioLeft #SkilLinks ul {
	list-style : none;
	margin : 0;
	padding : 0;
	border : none;
}
#PortfolioLeft #SkilLinks ul li {
	margin-bottom : 1px;
}
#PortfolioLeft #SkilLinks ul li a {
	font-size : 14px;
	display : block;
	padding : 5px;
	border-left : 8px solid #1eb013;
	background-color : #3bb7e9;
	color : #fff;
	text-decoration : none;
	width : 100%;
}
#PortfolioLeft #SkilLinks ul li a:hover {
	border-left : 8px solid #e6b300;
	background-color : #0e96cc;
	color : #fff;
}
#PortfolioRight #Thum {
	width : 100%;
	margin-bottom : 10px;
}
#PortfolioRight #Thum img {
	border : 1px solid #ccc;
}
#PortfolioRight #Thum .box {
	width : 165px;
	float : left;
	text-align : center;
	padding : 7px 5px 5px;
	margin : 0 6px 6px 0;
	border : 1px solid #eaeaea;
	background : url(../images/arrow_thum.gif) no-repeat top right;
	font-size : 11px;
}
#PortfolioRight #Thum .box2 {
	width : 165px;
	float : left;
	text-align : center;
	padding : 7px 5px 5px;
	margin : 0 6px 6px 0;
	border : 1px solid #ebdba7;
	background : url(../images/arrow_thum2.gif) no-repeat top right;
	font-size : 11px;
      }
#PortfolioRight #Thum #box, p {
	margin-top : 5px;
}
#PortfolioRight #PagingBot {
	float : right;
	height : 10px;
	width : 200px;
	padding-right : 10px;
	margin : 5px 0 8px;
}
#PagingBot ul {
	list-style-type : none;
	float : right;
}
#PagingBot ul li {
	display : inline;
	float : left;
}
#PagingBot ul li a {
	text-decoration : none;
	display : block;
	padding : 0 4px;
	margin-right : 2px;
	background : #0099cc;
	border : 1px solid #0066cc;
	color : #fff;
}
#PagingBot ul li a:hover {
	background : #ffcc00;
	border : 1px solid #ff9900;
}
#PagingBot li.active {
	text-decoration : none;
	display : block;
	padding : 0 4px;
	margin-right : 2px;
	background : #ffcc00;
	border : 1px solid #ff9900;
	color : #fff;
}


/*
===================================================================================
 services
===================================================================================
*/


#ServicesContent {
	width : 725px;
	padding : 20px 20px 0;
}
#ServicesContent #WebSer {
	width : 200px;
	float : left;
	padding-left : 40px;
}
#ServicesContent #WebSer ul {
	margin : 0;
	padding-top : 10px;
}
#ServicesContent #WebSer ul li {
	display : block;
	margin : 0 0 5px;
	list-style-type : none;
}
#ServicesContent #WebSer ul li a {
	padding : 0 15px;
	text-decoration : none;
	font-size : 12px;
	background : url(../images/arrow_box_blue.gif) no-repeat left;
	color : #0099cc;
}
#ServicesContent #WebSer ul li a:hover {
	color : #00a2e1;
	padding : 0 15px;
	background : url(../images/arrow_box_green.gif) no-repeat left;
}
#ServicesContent #WebSer .img {
	padding : 8px 0;
}
.ImgBorderBot {
	padding-bottom : 11px;
	background : url(../images/service_border.gif) no-repeat bottom center;
	border : none;
}
#ServicesLeft {
	width : 200px;
	float : left;
	margin : 20px 0 0;
	padding : 0 0 0 20px;
}
#ServicesRight {
	width : 510px;
	float : left;
	margin : 20px 0 10px;
	padding : 0 0 0 18px;
}
#ServicesRight h2 {
	margin-top : 10px;
}

/*
===================================================================================
 hosting
===================================================================================
*/

#ContentInnerHost {
	margin : 0;
	padding : 0;
	float : left;
	width : 765px;
	background : #fff;
	color : #333;
	min-height : 270px;
	height : auto !important;
	height : 270px;
}
#ContentInnerHost h2 {
	font-size : 22px;
	color : #005393;
	padding : 20px 0 0 20px;
}
#ContentInnerHost #HostingLeft {
	width : 357px;
	float : left;
	padding : 200px 0 0 10px;
	margin : 0 0 5px 14px;
	background : url(../images/hosting_eco.gif) no-repeat top center;
	/*position:relative;*/
}
* html #ContentInnerHost #HostingLeft {  /* Hide from IE-Mac \*/
	margin-left:7px;
}
#ContentInnerHost #HostingRight {
	width : 357px;
	float : left;
	padding : 200px 0 0 10px;
	margin : 0 0 0 10px;
	background : url(../images/hosting_pro.gif) no-repeat top center;
}
#ContentInnerHost img {
	margin-right : 15px;
}
#ContentInnerHost ul {
	margin-left : 20px;
}
#ContentInnerHost table {
	width : 500px;
	border : 1px solid #e4e4e4;
	margin : 10px 0 15px;
}
#ContentInnerHost th {
	padding : 8px;
	background-color : #c89200;
	text-align : center;
	font-size : 16px;
	color : #fff;
	font-weight : normal;
	text-transform : uppercase;
}
#ContentInnerHost td {
	padding : 5px;
	background-color : #f4f4f4;
	text-align : center;
	margin : 1px;
}
.hoverOff {
	color : #000;
	background-color : #bdecff;
	border : 1px solid #82dafd;
}
.hoverOn {
	color : #000;
	background-color : #94e0ff;
	border : 1px solid #68cef7;
}
form {
	font-size : 12px;
}
fieldset {
	margin : 1em 0;
	padding : 1em;
	border : 1px solid #93d7ff;
}
legend {
	font-weight : bold;
	color : #0099cc;
}
label {
	display : block;
}
label .required {
	font-size : 0.75em;
	color : #ce8901;
      }
input {
	width : 200px;
      }
input.submit {
	width : 100px;
	background-color : #0081b4;
	border : 1px solid #68cef7;
	color : #8ed4f1;
	font-weight : bold;
	padding : 2px;
}
input:focus, textarea:focus {
	background : #ffc;
}
input.radio {
	float : left;
	margin-right : 1em;
}
textarea {
	width : 300px;
	height : 100px;
}
input.radio + label {
	text-indent : 2em;
}
input.radio + label {
	text-indent : 0;
}
.smallText {
	font-size : 11px;
}
.orange {
	color : #0099cc;
}
.footer_sm {
	font-size:10px;
	color:#2695bb;
}